/* CSS Document For The Entire Site*/	  
html { 
 background:#FFFFFF; 
 length:100%;
} 

body{ 
 margin:0 auto; 
 padding:0; 
 text-align:center; 
 background:#FFFFFF;
 font-family: Verdana, Helvetica, san-serif; 
 border:none; border-top:none;
} 
 
#pagewidth{ 
 width:800px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 border:1px solid #ccc; border-top:none; 
} 
 
#header{
 position:relative; 
 height:100%; 
 width:100%;
} 
 
#footer{
 height:60px; 
  background: url(img/bnavbg.gif);
 clear:both;
 position: relative; 
  bottom: 0px;
  width: 100%;
 } 

p 			 {color:#663399; font-size:12px; margin: 25px;}
p.navbottom	 {  margin: 5px;
				font-size: 12px; 
			   font-weight:600; 
			   font-family: Verdana, Helvetica, sans-serif;
			   letter-spacing : -1px; } 		   			   
					   
/* links sytle for top and bottom nav */  
A:link.bnav    { color:#AAAAAA; text-decoration: none }
A:visited.bnav { color:#AAAAAA; text-decoration: none }
A:active.bnav  { text-decoration: none }
A:hover.bnav   { color:#666666; text-decoration: none }

A:link.tnav 	{ font-size: 15px; 
				  font-weight:900; 
				  font-family: Verdana, Helvetica, serif;
				  letter-spacing : -1px;
				  line-height: 11px; color:#333333; text-decoration: none}
A:visited.tnav 	{ font-size: 12px; 
				  font-weight:600; 
				  font-family: Verdana, Helvetica, serif;
				  letter-spacing : -1px;
				  line-height: 11px; color:#333333; text-decoration: none}
A:active.tnav 	{ font-size: 12px; 
				  font-weight:600; 
				  font-family: Verdana, Helvetica, serif;
				  letter-spacing : -1px;
				  line-height: 11px; text-decoration: none}
A:hover.tnav 	{ font-size: 12px; 
				  font-weight:600; 
				  font-family: Verdana, Helvetica, serif;
				  letter-spacing : -1px;
				  line-height: 11px; color:#FFFFFF; font-size: 14px; text-decoration: none};
 
div.floatLeft {
	float: 	left;
	margin:	10px;
	width:  60px;
	length: 100%;
	bgcolor: white;
	position: relative;
}

div.floatRight {
	float: 	right;
	margin:	10px;
	width:  60px;
	length: 100%;
	position: relative; 
}

div.floatCenter {
	float: 	right;
	margin-left: 80px;
	margin-right: 80px;
	length: 100%;
	position: relative; 
}


/* image */
img.floatLeft {
	float: 	left;
	margin:	10px;
	position: relative; 
}

img.floatLeftRep {
	float: 	left;
	margin:	10px;
	clear: left;
	position: relative; 
}

img.floatRight {
	float: 	right;
	margin:	10px;
	position: relative; 
}

img.floatRightRep {
	float: 	right;
	clear: 	right;
	margin:	10px;
	position: relative; 
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}