 body { 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color: #928968;
} 
 
#pagewidth{ 
 width:850px;
 background-color: #FFFFFF;
 border: 1px solid #000000;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 margin-top: 20px;  
} 
 
#header{
 position:relative;
 height:120px; 
  background-image:url('pics/header.jpg');
 background-position: left;
 background-repeat: no-repeat; 
 border-bottom: 1px solid #000000;
 width:850px;
 text-align:right;
}  
 
#twocols{
 width:840px;
 float:right; 
 position:relative; 
  }
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:830px;
 top:6px; 
 color:#000000;
 font-family:Arial;
 font-weight:none;
 text-align:justify;

 }


#secondarypagesmaincol{
  
 float: left; 
 display:inline; 
 position: relative; 
 width:830px;
 top:15px; 
 color:#000000;
 font-family:Arial;
 text-align:justify;
 } 

#footer{
 text-align: center;
 height:12px; 
 font-size: 0.8em; 
 clear:both;
 } 

ul#eashlist{
list-style:none;
margin: 10px 0px 0px 15px;
padding: 1px;
}
ul#eashlist li{
display:block;
height:20px;
}
ul#eashlist li a{
text-decoration:none;
color:#ccc;
padding: 1px 2px 1px 2px;	
background-color:Transparent;
}

ul#eashlist li a:hover{
text-decoration:none;
padding: 1px 2px 1px 2px;
color:#ff9;
background-color:#276491;

}
 
/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('pics/corners830x18.gif'); 
	height: 9px;       
	font-size: 2px;    
	}
.top-left, .bottom-left { 
	margin-right: 9px; 
	}
.top-right, .bottom-right { 
	margin-left: 9px;  
	margin-top: -9px;  
	}
.top-right {
	background-position: 100% 0;   
	}
.bottom-left  { 
	background-position: 0 -9px;    
	}
.bottom-right { 
	background-position: 100% -9px;
	}
.inside {
	border-left: 1px solid #686F92;
	border-right: 1px solid #686F92;
	background: #686F92;            
	color: #FFFFFF;                
	padding-left: 10px;           
	padding-right:10px;            
	}
.notopgap    { margin-top: 0; }   
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } 




ul#menumain {
	list-style: none;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px 0px 0px 260px;
	
}

ul#menumain li {
        float: left;
	clear: none;
	background-image:url('pics/tab-right.gif');
 	background-position: top right;
 	background-repeat: no-repeat;
	display: block;
	height: 20px;
	
}


ul#menumain li a {
	float: left;
	clear: none;
	background-color: #689284;
	border-left: 1px solid #FFFFFF;
	font-family:Arial;
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	text-align:center;
	display: block;
	color: #000000;
	padding: 0px 5px 0px 5px;
	
}

ul#menumain li a:hover {
	text-decoration: none;
	text-align:center;
	display: block;
	background-color: #689284;
	border-left: 1px solid #FFFFFF;
	font-family:Arial;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 5px 0px 5px;
	height: 20px;
}

 
a:link, a:visited, a:hover, a:active  {
	color: #cccc00;
	text-decoration: none;
	}  
  

 
 /* *** 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;}
}
