/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#EEE9CB; 
 font-family: Arial, Helvetica, sans-serif;
 font-size:92.5%;
} 

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

a:hover, a:active, a:focus {
	color: #900;
	text-decoration: none;
}

h2{
font-size:110%;
font-weight:bold;
padding:10px 15px;
}

#pagewidth{ 
 width:750px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
 background:#DACCB4; 
} 
 
.floatright
{
float: right;
margin: 0 0 10px 10px;
padding: 2px;
display:block;
}

#header{
 position:relative; 
 height:160px; 
 width:100%;
 background:#EEE9CB url(img/header.png) no-repeat 0 0;
 color:#EEE9CB;
} 
 
#navcontainer{
 width:24%; 
 float:left; 
 position:relative; 
 background-color:#DACCB4; 
 padding-top:15px;
 font-size:96%;
 height:100%;
 }
 
#navcontainer p {
margin: 0px;
color:#000;
font-weight:bold;
border-bottom: 1px #FFF solid;
text-align: left;
background:#A76350;
padding: 0.7em 0.5em 0.7em 0.9em;
}
 
 #navlist
{
padding: 0px;
margin: 0;
background:#637397;
font-size:95%;
}

#navlist li
{
list-style: none;
margin: 0px;
border-left: 0px #FFF solid;
border-bottom: 1px #FFF solid;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
font-weight:bold;
}

#navlist li a:link { color: #fff; }
#navlist li a:visited { color: #fff; }

#navlist li a:hover
{
font-weight:bold;
color: #637397;
background: #FFF;
border-left: 3px #686F9B solid;
text-decoration: underline;
}


 
#maincol{background-color: #ffffff;  
 float: right; 
 display:inline; 
 position: relative; 
 width:76%; 
 padding-top:15px;
 margin:0;
 min-height:300px;
 }
#maincol div {
padding:10px 15px;
margin:0;
}

#maincol p{
	line-height:1.4em;
	padding-left:20px;
 }
 
#footer{
 height:30px; 
 background:#EEE9CB url(img/footer.png) no-repeat 0 0;
 clear:both;
 } 
 

 
 /* *** 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*/ 
#navcontainer{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}