html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; background-image: url(images/bgcolor3.gif);  padding-top:10px; 
} 
 
#pagewidth{ width:740px; text-align:left;  margin-left:auto;  margin-right:auto;border: 1px #666666 solid;} 
 /* header */
#header{position:relative; height:115px;  background-color:#e8e7e9; width:732; padding: 4px 4px 4px 4px;}
#header_inner{position:relative; height:115px;  background-color:#c3c1c2; width:732px;}
#header_inner_left{float: left; display:inline; position:relative; height:115px;  background-color:#c3c1c2; width:190px; padding-left:10px;}
#header_inner_middle{float: left; display:inline; position:relative; height:87px;  background-color:#c3c1c2; width:370px; padding-top:8px; text-align:center;}
#header_inner_right{float: right; display:inline; position:relative;  background-color:#c3c1c2; width:156px; padding: 3px 3px 3px 3px; height:92px;}

/* NAV */
#nav{position:relative; height:216px;  background-color:#e8e7e9; width:732; padding: 4px 4px 4px 4px;}
#nav_inner{position:relative; height:202px;  background-color:#c3c1c2; width:732px;}
#nav_inner_left{float: left; display:inline; position:relative; height:216px;  background-color:#c3c1c2; width:210px;}
#nav_inner_right{float: right; display:inline; position:relative; height:216px;  background-color:#c3c1c2; width:522px; background-image: url(images/banner.jpg);}

ul#navmenu { width:210px; margin:0; padding:0; height:100%; background-color:white; list-style-type:square; }
#navmenu li { margin:0;  display:block; font-size:0.7em; }
* html ul#navmenu li { height:1%; line-height:1%; }
#navmenu li #bottom {border-bottom:none;}

#navmenu li a { display:block; text-decoration:none; line-height:18px; }
* html #navmenu li a {width:210px;} 
#navmenu li a:link,  #navmenu li a:visited{ color: #ffffff; background-image: url(images/nav.gif); padding-top:4px; padding-bottom: 2px; }
#navmenu li a:hover { color: #3366cc; background-image: url(images/nav2.gif); display:block; }
#navmenu li a:active { color:black; background-color:red; }
 
#leftcol{ background-image: url(images/bgcolor2.gif); width:248px;  float:left;  position:relative;   height:175px; border-right: 2px #999999 solid;}
#leftcoltop{ width:248px;  float:left;  position:relative;  height:26px;  background-image: url(images/bgcolor4.gif); padding-top: 4px;}
#twocols{ width:490px;  float:right;  position:relative;   height:175px;}
#rightcol{ background-image: url(images/bgcolor2.gif); width:250px;  float:right;  position:relative;  height:175px; }
#rightcoltop{ width:250px;  float:right;  position:relative;  height:26px; background-color: #cccccc; padding-top: 4px; background-image: url(images/bgcolor6.gif);}
#maincol{background-image: url(images/bgcolor2.gif);   float: left; display:inline; position: relative; width:238px; height:175px;  border-right: 2px #999999 solid;}
#maincoltop{background-color: #dddddd;   float: left; display:inline; position: relative; width:238px; height:26px; padding-top: 4px; background-image: url(images/bgcolor5.gif);}

#maincol2{background-image: url(images/bgcolor2.gif);   float: left; display:inline; position: relative; width:740px; height:100%;}
#maincoltop2{background-color: #dddddd;   float: left; display:inline; position: relative; width:735px; height:26px; padding-top: 4px; background-image: url(images/bgcolor5.gif); padding-left:5px;}
#maincolbody2{float: left; display:inline; position: relative; width:735px; height:100%; padding-top: 4px; padding-left:5px;}


#footer{height:40px;  background-color:#FFFFFF;  clear:both; } 
.pic {float: left; display:inline; position: relative; width:75px; padding-top: 5px; padding-left: 5px; height: 55px;}
.pic2 {float: left; display:inline; position: relative; width:153px; padding-left:5px;}
.pic3 {float: left; display:inline; position: relative; width:243px; padding-left:5px; height:60px;}
.pic4 {float: left; display:inline; position: relative; width:233px; padding-left:5px; height:60px;}
.pic5 {float: left; display:inline; position: relative; width:233px; text-align: right;}
.pic6 {float: left; display:inline; position: relative; width:243px; text-align: right;}
 
.header {font-family: verdana; font-size: 12pt; text-align: left; color: #666666;}
.body {font-family: verdana; font-size: 8pt; text-align: left; color: #666666;}
.bodynav {font-family: verdana; font-size: 8pt; text-align: left; color: #999999;}
.bodyright {font-family: verdana; font-size: 8pt; text-align: right; color: #666666;}
.header1 {font-family: verdana; font-size: 12pt; text-align: center; color: #333333; }
.header2 {font-family: verdana; font-size: 12pt; text-align: center; color: #444444; }
.header3 {font-family: verdana; font-size: 12pt; text-align: center; color: #666666; }
.header4 {font-family: verdana; font-size: 12pt; text-align: left; color: #444444; padding-left:5px;}
.footer{font-family: verdana; font-size: 8pt; text-align: center; color: #666666;}
.photo {border: 0px;}
.resultstable {background-color: #DDDDDD; padding-left:5px;}
.results {font-family: verdana; font-size: 8pt; text-align: center; color: #666666; 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;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}