html, body { 
	margin:0; 
	padding:0; 
	text-align:center;
	} 
html { background: #600000 url(img/bg2.gif) no-repeat bottom right; }
body { background:url(img/bg1.gif) no-repeat top left; }

/* basic elements */

p{
	margin:10px;
	padding:0;
	}
	
h1{
	height:22px;
	display:block;
	background: #600000 url(img/back_h1.jpg) no-repeat top left;
	padding:6px 0 6px 10px;
	margin:0;
	color:#fff;
	font: bold 18px Tahoma, Arial, Helvetica, sans-serif;
	}
	
h2{
	padding:10px 10px 0 10px;
	margin:0;
	color:#000;
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	}
	
ul, ol{
	margin:10px 10px 0 35px;
	padding:0;
	}
		
.active{
	background-color:#ac4046;
	color:#000;
	}

/* page layout */
	
#bg{
	width:804px; 
	margin-bottom:5px;
	padding-top:0;
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	background: #600000 url(img/back_main.gif) repeat-y top left;
	}
	
#pagewidth{
	margin-left:12px;
	width:780px; 
	background:#ffffff;
	} 
 
#header{
	position:relative; 
	height:228px;
	padding:5px;
	} 
 
#leftcol{
	width:197px; 
	height:400px;
	float:left; 
	display:inline;
	position:relative;
	background: #fff url(img/back_menu.jpg) no-repeat top left;
	margin-left:5px;
	}
	
#maincol{
	width:568px; 
	margin-right:5px;
	float: right; 
	display:inline; 
	position: relative; 
	padding:0;
	font: normal 14px Tahoma, Arial, Helvetica, sans-serif;
	}
	
#footer{
	width:804px;
	height:98px;
	clear:both;
	background: #fff url(img/back_footer.jpg) no-repeat top left;
	} 
	
 #footer_content{
	float:right;
	margin:61px 100px 0 0;
	width:200px;
	display:inline;
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	} 
	
 #logo{
	width:89px;
	height:170px;
	float:left;
	display:inline;
	position:relative;
	margin-top:-200px;
	margin-left:25px;
	border:solid 1px black;
	}
 
.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 */  

/* menus */

ul.nav {
	margin:5px 0 0 0;
	padding: 0;
	list-style: none;
	width: 195px; /* Width of Menu Items */
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	float:left;
	}

ul.nav li {
	margin:0;
	padding:0;
	width:195px;
	float:left;
	}

ul.nav li a{
	border-bottom:1px solid #660000;
	margin:0 8px;
	padding:7px;
	color:#fff;
	width:167px;
	display:inline;
	float:left;
	text-decoration:none;
	}

ul.nav a:hover { color: #000; background: #fff; }
