html, body{margin:0; padding:0; text-align:center;}
#pagewidth{width:800px; text-align:left; margin-left:auto; margin-right:auto; background-image:url(images/bodybg.jpg);} 
#header{position:relative; height:198px; background-color:#FFFFFF;}
#leftcol{width:221px; float:left; position:relative; background-image:url(images/final3_14.gif);}
#maincol{background-image:url(images/final3_16.gif); float: right; display:inline; position: relative;}
#footer{background-color:#006600; clear:both;}
#mainarea {width:579px; background-image:url(images/final3_15.gif); background-position:top; background-repeat:no-repeat;}
#footertable {width:800px; background-image:url(images/final3_17.gif); background-position:top; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif;font-size: 10px; color:#FFFFFF; font-weight:bold; padding:13px 0px 5px 0px;}
#footertable a {color:#FFFFFF;}
#footertable a:hover {color:#CCCCCC;}
 
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

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

/* 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;}
}