html, body{
 margin:0;
 padding:0;
 text-align:center;
 font:0.9em Arial, sans-serif;
 line-height:140%;
}

#pagewidth{
 width:775px;
 text-align:left;
margin-left:auto;
 margin-right:auto;
 background-image:url(../img/back.gif);
}

#header{
 position:relative;
 height:108px;
 background-image:url(../img/head.gif);
 width:100%;
}

#leftcol{
 width:407px;
 float:left;
 position:relative;
 text-align:right;
  }

#twocols{
 width:368px;
 float:right;
 position:relative;
  }

#rightcol{
 width:237px;
 float:right;
 position:relative;
 }

#maincol{
 float: left;
 display:inline;
 position: relative;
 background-image:url(../img/mainback.gif);
 width:131px;
 height:272px;
 }

#footer{
 height:15px;
 background-image:url(../img/foot.gif);
 clear:both;
 text-align:right;
 padding-right:10px;
 padding-top:12px;
 font:0.88em Arial, sans-serif;
 }

#menu{
 padding:8px 8px 0px 8px;
 color:#FFF;
 font-weight:bold;
 }

img{
 border:0px;
 }

a.menu{
 color:#FFF;
 text-decoration:none;
 }

a.menu:hover{
 text-decoration:underline;
 }

a{
 color:#000;
 text-decoration:underline;
 }

br{
 line-height:140%;
 }


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

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