html, body{ font-size: 80%; font-family: tahoma, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin:0; padding:0; text-align:center; } 
 
#pagewidth { text-align: left; margin-top: 5px; margin-right: auto; margin-left: auto; width: 1000px } 
 
#header{ position:relative; height:300px; background-color:#181b10; width:100%; border-bottom: 1px dashed #fff; } 
 
#leftcol    { color: #fff; background-color: #181b10; position: relative; width: 198px; height: 803px; float: left; border-right: 2px ridge #383b30 }

#leftcol ul   { list-style-type: none; list-style-position: outside; display: block; margin: 5px 0 0; padding: 1px; z-index: 1; width: 196px; border-right: 2px ridge #383b30 }
#leftcol li   { line-height: 280%; background-color: #181b10; text-align: right; list-style-type: none; list-style-position: inside; display: block; height: 30px; border-bottom: 1px solid #fff }
#leftcol li a:link    { color: #fff; font-size: 140%; font-weight: bold; text-decoration: none; background-color: #181b10; background-image: url("../images/nav1-up.jpg"); background-repeat: repeat-y; text-align: right; display: block; padding-right: 5px; height: 30px }
#leftcol li a:active   { color: #fff; font-size: 140%; font-weight: bold; text-decoration: none; background-color: #181b10; background-image: url("../images/nav1-up.jpg"); background-repeat: repeat-y; text-align: right; display: block; padding-right: 5px; height: 30px }#leftcol li a:visited { color: #a7aa9f; }
#leftcol li a:visited   { color: #fff; font-size: 140%; font-weight: bold; text-decoration: none; background-color: #181b10; background-image: url("../images/nav1-up.jpg"); background-repeat: repeat-y; text-align: right; display: block; padding-right: 5px; height: 30px }
#leftcol li a:hover    { color: #181b10; background-color: #262916; background-image: url("../images/nav1-over.jpg") }
#leftcol li a.lvl2:link    { background-color: #7e8176; background-image: url("../images/nav2-up.jpg"); margin-right: 1px; padding-right: 20px }
#leftcol li a.lvl2:active {}
#leftcol li a.lvl2:visited {}
#leftcol li a.lvl2:hover  { background-color: #494c39; background-image: url("../images/nav2-over.jpg") }
#leftcol li a.active:link { background-image: url("../images/active-up.jpg") }
#leftcol li a.active:hover { background-image: url("../images/actve-over.jpg") }
#twocols{
 width:800px; 
 float:right; 
 position:relative; 
  }
 
#rightcol   { color: #fff; background-color: #181b10; padding: 3px; position: relative; width: 142px; height: 797px; float: right; border-left: 2px groove #383b30 }
 
#maincol  { color: #fff; font-size: 140%; line-height: 150%; background-color: #181b10; text-align: justify; display: inline; padding-top: 3px; padding-right: 10px; padding-left: 10px; position: relative; width: 630px; height: 800px; float: left }
 
#maincol h1 { font-size: 200%; }
 
 /* *** 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;}
}
.contact  { color: #fff; font-size: 140%; font-weight: bold; background-image: url("../images/contactus.jpg"); background-repeat: none; border: solid 1px }
.link:link  { color: #fff; text-decoration: underline }
.link:active {}
.link:visited  { color: #fff }
.link:hover  { color: #7e8176 }