/**************** body and tag styles ****************/


/*             Hex Code   =  Color           */
/*             #666666    =                  */
/*             #E0E0E0    = Grey             */
/*             #003366    = Dark Blue        */
/*             #FFFFFF    = White            */
/*             #000000    = Black            */
/*             #0070E0    = Light Blue       */


body {
     margin-top: 0px;	  
     margin-bottom: 0px;
     margin-left: 0px;
     margin-right: 0px;
}

#hdr_container {
    width:  750px;
     margin: 0 auto;     
     font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     color: #666666;
     background-color: #E0E0E0;
     border-bottom:4px solid #003366;
     }
	  
#bdy_container {
     width: 746px;
     margin: 0 auto;
     padding-top: 25px;
     font-family:  Arial, Helvetica, sans-serif;
     font-size: 12px;
     line-height: 1.4em;
     color: #000000;
     background-color: #FFFFFF; 
     }

#home_container {
     width: 720px; 
     margin: 0 auto;
     font-family:  Arial, Helvetica, sans-serif;
     font-size: 12px;
     padding-top: 25px;
     line-height: 1.6em;
     color: #000000;
     background-color: #FFFFFF; 
     }

p.dropcap:first-letter {
     font: 200%/100% Arial, Helvetica, sans-serif;
     color: #003366;
     }
		
h1 {
     font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
     font-weight: normal;
     font-size: 32px;
     font-variant: small-caps;
     color: black;
     margin-bottom: 30px;
     }
		
h2 {
     color: #000000;
     font-size: 16px;
     font-weight: bold;
     font-family: Arial, Helvetica, sans-serif;
     }
		
a {
     color: #6DA6E2;
     background-color: #FFFFFF;
     text-decoration: none;
     font-weight: normal;
     }

a:hover {
     background-color: #FFFFFF;
     color: inherit;
     font-weight: bold;
     text-decoration: underline;
     }

/**************** table styles *******************/
table {
      border-collapse: collapse;
      }

th {
     text-align: left;
     background: #003366;
     color: white;
     padding: 0.2em;
     }
             
 td {
      border: 1px solid black;
      padding: 0.3em;
      }

/**************** images styles ****************/		
a img{
     /* border: none; */
     }

img.left,img.center,img.right {
     padding: 4px;
     }

img.left {
     float: left;
     margin: 0 12px 5px 0;
     }

 img.center {
     display: block;
     margin: 0 auto 5px auto;
     }

img.right {
     float: right;
     margin: 0 0 5px 12px;
     }

img.logo {
     float: left;
     width: 75px;
     height: 66px;
     border: none;
     padding-left: 4px;
     padding-right: 4px;
     }

/**************** form styles ****************/
/*
form {
     float:right;
     font-size: 9px;
     }
		
input {
     background-color: #FFFFFF;
     color: #999999;
     border: 1px solid #2763A5;
     font-size: 11px;
     padding: 3px;
     }
		
.button {
     padding: 2px;
     background-color: #003366;
     color: #FFFFFF;
     border: 1px solid #2763A5;
     font-size: 11px;
     } 
*/

form legend {
      font-size: small;
      }

form label {
     font-weight: bold;
     font-size: small;
     color: black;
     }

form label.fixedwidth {
      display: block;
      width: 140px;
      float: left;
      }

/**************** header styles ****************/
#header {
     color: #003366;
     width: 742px;
     border: 0px;
     padding-bottom: 10px;
     padding-top: 10px;
     clear: both;
     text-align: center;
     vertical-align: middle;
     }

#header h1 {              
      /* text-transform: uppercase; */
      }

#header p { 
     margin-top: -30px;
     margin-left: 10px;
     }

/**************** menu styles ****************/
#menu {
     float: left; 
     width: 750px;
     font-size:95%; 
     padding-top: 1px;
     padding-bottom: 1px;
     line-height:normal;
     background-color: #003366; 
     border-top: 4px Solid #E0E0E0; 
     border-bottom: 1px Solid White; 
     }

 #menu ul {
     margin:0;
     padding: 0px 0px 0px 0px;
     list-style:none;
     }

#menu li {
     display:inline;
     margin:0;
     padding:0;
     }
  
#menu a {
     float:left;
     background-color: #003366;
     margin:0;
     padding:0 0 0 4px;
     text-decoration:none;
     }
 
#menu a span {
     float:left;
     display:block;
     padding:5px 15px 4px 6px;
     border-right: 1px solid black;
     color:#FFF;
     }
 
 #menu a span {
     float:none;
     } 
  
#menu a:hover {
      background-position:0% -42px;
      background-color: #0070E0;
      }

 #menu a:hover span {
     background-position:100% -42px;
     border: none;
     } 

/**************** content styles ****************/
#content {
     width: 490px;
     margin-right: 30px;
     padding-left: 20px;
     padding-right: 10px;
     padding-top: 10px;
     float: right;
     }
		
/* #content p {
     padding-bottom: 10px;
     border-bottom: 1px solid #DDDDDD;
     } */

#content h1, h2, h3 {
     font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
     font-variant: normal;
     font-weight: normal;
     color: #003366;
     }	  

#content h1 {
     font-size: 20px;
     font-weight: bold;
     }

#content h2 {
     font-size: 12px;
     font-family:  Arial, Helvetica, sans-serif;
     font-weight: bold;
     }

/**************** sidebar styles ****************/
#sidebar {
     width: 30% /* 170px; */
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 10px;
     float: left;
     }
		
#sidebar p {
     padding-bottom: 10px;
     border-bottom: 1px solid #DDDDDD;
     }
	
#sidebar ul {
     text-align: center;
     list-style: none;
     line-height: 2.0em;
     font-style: italic;
     font-weight: normal;
     }  
/**************** footer styles ****************/
#footer {
     margin-top: 15px;
     padding-top: 0px;
     padding-bottom: 0px;
     padding-left: 2px;
     padding-right: 2px;
     clear: both;
     width: 740px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     border-top: 1px solid #003366;
     }
		
#footer p {
     color: #000000;
     padding: 5px;
     text-align: center;
     }

/* Temporary Black Borders to show page layout comment out when development is complete 
#header, #footer, #hdr_container, #menu, #bdy_container, #sidebar, #content {
     border: 1px solid black;
     padding: 2px;
     margin-bottom: 2px;
     } */