/* Copyright 2002 Johnson Software Company. All rights reserved. */
/* Author: Daryl K. Johnson, JSC                                 */
/*                                                               */
/* ------------------------------------------------------------- */

BODY {

   background-image: none;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-color: #CCCCCC;
   background-position: top left;
   
   scrollbar-face-color:#3F8A88;        /* Top part of scrollbar */
   scrollbar-highlight-color:#A0CFCF;
   scrollbar-3dlight-color:#DC8AFF;
   scrollbar-darkshadow-color:#1C3737;
   scrollbar-shadow-color:#285151;
   scrollbar-arrow-color:#77AABC;
   scrollbar-track-color:#4298A3;
   scrollbar-base-color: #6699CC; 
}


/*
  Border and padding is added in the divisions for consistency in browsers.
  The div.logo defines style for the section between the <div class="logo"> and </div> tags in the XHTML
  code, and is specific only to this division. The margin, padding and border definitions are to provide
  consistency from browser to browser, and need to be present for interoperability. 
   this is the division to hold the logo image and h1 text 
  <div class="logo"> 
       <p class="image"> 
             <img width="250" height="50" src="logo.gif" alt= "[gif image of a Test Image with swirly background]" />  
       </p> 
  </div>
                                 
 */

 div.logo {  
      background: #6699FF;  
      color: #000000;  
      margin: 0% 10%;  
      padding: 0em 0em 1em 0em; 
      border: 1px;
 }
                         

 /* For placement of images inside any division. */

 p.image {  
    text-align: center;  
    font-family: Arial, Helvetica, sans-serif;  
    background: #6699FF;
    color: #000000;  
    margin: 1% 10%;  
    padding: 0em; 
    border: 0px;
  }                         
                         
a {text-decoration: underline}
   
p  {color: #575757;
   font-weight: normal;
   font-size: 11pt;
   font-family: "Lucida Bright", Georgia, Modern, Verdana, Arial, Rockwell, "Lucida Handwriting", times, serif, sans-serif;  

   margin-top: 15px;   
   margin-bottom: 10px;   
}

p.para {color: #31528C;
   font-family: Georgia, 'Lucida Bright', Modern, Verdana, Arial, Rockwell;
   font-weight: normal;
   font-size: 11 pt;
   text-indent: 20px;
   font-size: 100%;
   margin-top: 15px;   
   margin-bottom: 10px;   
}

td.NotUsed {padding-top: 1px;  
    padding-bottom: 1px;   
    padding-left: 1px;   
    padding-right: 1px;   
}


P.navigation-bar A:link {
   color: #31528C; 
   text-decoration : none; 
   font-weight: 500; 
   font-size:8pt; 
   background: transparent;}
   
P.navigation-bar A:visited {
   color: #207666; 
   text-decoration: none;
   font-weight: 500; 
   font-size:8pt; 
   background: transparent;}
   
P.navigation-bar A:hover { 
   color: white; 
   text-decoration: underline; 
   font-weight: 500; 
   font-size: 8pt;
   cursor: hand; 
   background: #31528C;}
   
   
P.navigation-bar A:active { 
   color: white; 
   text-decoration: underline; 
   font-weight: 500; 
   font-size: 8pt;
   cursor: hand; 
   background: #ADD8E6;}
   
 
                                
Table.tblStyle {
   vAlign: middle; 
   background: red;
   HEIGHT: 400px;
   VISIBILITY: visible; 
   WIDTH: 480px
}
   
   
Td.tdStyle {
   background: black;
   HEIGHT: 20px;
   ALIGN: center; 
   VISIBILITY: visible; 
   WIDTH: 102px;
   vAlign: middle; 
}
   
Div.btnStyle {
   HEIGHT: 40px;
   POSITION: absolute; 
   LEFT: 57px;
   VISIBILITY: visible; 
   WIDTH: 80px; 
   Z-INDEX: 1
}



div.divStyle {background: #98b5b3; background-image: url(images/newletter/iumiddle.jpg); 
border-style: ridge; border-size: 13px; border-color: #98b5b3; padding: 13mm; margin: 20mm }

div.divStyleOuter {background: #98b5b3; background-image: url(images/newletter/iumiddle.jpg); 
border-style: ridge; border-size: 3px; border-color: #98b5b3; padding: 13mm; margin: 20mm
 }

div.divStyleInner {

background-color: #d9f4eb; background-image: (images/newletter/iuinner.jpg); 
border-color: #98b5b3; border-style: ridge; border-size: 1mm; padding: 10mm
 }


Input.btnStyle {
	BORDER-RIGHT: #3F8A88 1px solid; 
	BORDER-TOP: #3F8A88 1px solid; 
	FONT: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	BORDER-LEFT: #3F8A88 1px solid;
	COLOR: black; 
	BORDER-BOTTOM: #3F8A88 1px solid; 
	BACKGROUND-COLOR: white;
    HEIGHT: 18px;
    WIDTH: 105px
}

button {
	BORDER-RIGHT: #015b7f 2px solid; 
	BORDER-TOP: #015b7f 2px solid; 
	FONT: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	BORDER-LEFT: #015b7f 2px solid; 
	COLOR: black; 
	BORDER-BOTTOM: #3F8A88 2px solid; 
	BACKGROUND-COLOR: #31528C;
    HEIGHT: 18px;
    WIDTH: 98px
}

Input {
	BORDER-RIGHT: #3F8A88 1px solid; 
	BORDER-TOP: #3F8A88 1px solid; 
	FONT: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	BORDER-LEFT: #3F8A88 1px solid; 
	COLOR: black; 
	BORDER-BOTTOM: #3F8A88 1px solid; 
	BACKGROUND-COLOR: white
    HEIGHT: 18px;
    WIDTH: 216px
}
Textarea { text-color: red;
	BORDER-RIGHT: #3F8A88 1px solid; 
	BORDER-TOP: #3F8A88 1px solid; 
	FONT: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif, color: red; 
	BORDER-LEFT: #3F8A88 1px solid; 
	COLOR: black; 
	BORDER-BOTTOM: #3F8A88 1px solid; 
	BACKGROUND-COLOR: white
    HEIGHT: 158px;
    WIDTH: 216px
}

IMG.center-floating {float: center}