@charset "utf-8";
/* CSS Document */

/*<!--This controls the colors for the email link in the footer-->

a:visited { 
color: #FFFFFF;
	}
a:hover { 
color: #FF9900;
background-color: #000066;
text-decoration: none;
	}
a:active { 
color: #FFFFFF;
	}*/


<!-- This controls the color of the link in the footer by use of DIV CLASS="darkblue" in the HTML

.darkblue
   {
   background-color:#000066;
   color:white;
   }
.darkblue A:link{color:white}
.darkblue A:hover{color: #00FFFF}
.darkblue A:visited{color:yellow}
.darkblue A:active{color:fuchsia}

.style06 {font-size:12px;font-weight:bold;color:#ffffff;}
.style07 {font-size:25px;font-weight:bold;color:#000066;}
.style8 {font-size:24px;}
.style9 {font-size:36px;color: #0000CC;}
.style10 {font-size:18px}
.style11 {font-size:24px;
	color: #CC3333;}
.style12 {font-size:36px;color:#CC0099;}
.style13 {font-size:18px;color:#FF0000;}

/*This makes the line spacing more viewable*/
.small_01_linebreak { line-height: 20px;font-size:15px;font-weight:bold;color:#ffffff }



.btnBack { 
 	  color: #FFFFFF; 
	  font: bold 20px 'trebuchet ms',helvetica,sans-serif; 
	  background-color:#000066; 
	  border: 2px solid; 
	  border-color: #cccccc; 
	  filter:progid:DXImageTransform.Microsoft.Gradient 
      GradientType=0,StartColorStr='#ff#0066CC',EndColorStr='#ff000066'); 
	  border: 3px outset;
} 

.btnBackHov { 
 	  color: #FFFF00; 
	  font: bold 20px 'trebuchet ms',helvetica,sans-serif; 
	  background-color:#000066; 
	  border: 2px solid; 
	  border-color: #cccccc; 
	  filter:progid:DXImageTransform.Microsoft.Gradient 
      GradientType=0,StartColorStr='#ff#0066CC',EndColorStr='#ff000066'); 
	  border: 3px outset;
} 



body  {
	font: 100% ;
	background: #f0f0f0 ;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	height: auto;

}

#container { 
	text-align: center;
	margin:0 auto;
	width: 900px;
	height: auto;	
	margin: 2px auto;
	background-color: #FFFFFF;
	color: #333;
	border: 1px solid gray;
}	

#header {
	height: 80px;
	line-height: 40px;
	padding: 5px 0 5px 0;
	background-color: #000066;		
	margin: 2px;
	border-bottom:thick #f0f0f0;
	color:#FFFFFF;
	letter-spacing: .1EM;
	font-size: 28px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}



#mainContent {
	background-color: #CCCCCC;	
	width:896px;
	height:400px;
	float:left;
	margin: 2px;
}

#footnotes {
	text-align:center;
	color: #FFFFFF;
	line-height: 130%;
	letter-spacing: 1px;
	padding: 5px 0 0 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#footer { 
	clear: both;
	/*margin: 2px;*/
	background-color: #000066;
	padding: 5px 5px 10px 10px;
	line-height: 130%;
	letter-spacing: 1px;
	margin: 2px;
	color: #FFFFFF;
	height:50px;
} 

#back { 
	float:left;
/*	height:auto;*/
	padding: 5px 0 0 5px;
}


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
--> 

</style><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
#mainContent { zoom: 1; }
#footer { padding: 0 0 15px 0; }
#footnotes { padding: 11px 0 0 0; }
#back { padding: 10px 0 0 10px;  }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid 
</style>
<![endif]-->