/* CSS Document */
html, body{ 
margin:0; 
padding:0; 
text-align:center; 
background-color:#C0BA83;
font-size:13px;
font-family: georgia, serif;
} 
 
body a {
color: #670303;
text-decoration:none;
}

body a:hover {
color:#FFF;
text-decoration:underline;
}

#pagewidth{ 
width:900px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
background: url(images/pagewidth_bg.jpg) #fff top left;
} 

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

.page_title {
font-size: 130%;
font-weight: bold;
text-align: right;
padding: 175px 70px 0 0;
}

#leftcol{
width: 200px; 
height: auto;
float:left; 
position:relative; 
background-color:transparent; 
padding: 0 0 0 52px;
}

#menu {
background-color: #faf5e1;
background-position: left top;
background-repeat:repeat-y;
}

#maincol{background-color: #fff;  
float: right; 
display:inline; 
position: relative; 
width: 578px;
margin: 0 55px 0 0;
}

#footer{
height:auto; 
background-color:#fff; 
clear:both;
height:150px;
} 

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

#navcontainer ul
{
padding-left: 0;
margin: 5px 0 5px 5px;
width: 190px;
border-bottom: 1px dotted gray;
}

#navcontainer ul li
{
list-style: none;
margin: 0 0 0 0;
padding: 0.25em;
border-top: 1px dotted gray;
}

#navcontainer li#active {
background-image: url(images/menu_bg.jpg);
}

#navcontainer li#active a {
background-color: transparent;
}

#navcontainer ul li a { 
font-family: verdana, arial, sans-serif;
font-size: 100%;
margin: 0;
text-decoration: none; 
color: #333;
background-color: #faf5e1;
display:block;
}

#navcontainer ul li a:hover { 
color: #333;
background-color: #F6E178;
}
#lightbox{
	background-color:#666;
	padding: 10px;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	color: #fff;
	font-family: verdana, sans-serif;
	}
#lightboxDetails{
	font-size: 1em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(includes/overlay.png); }
* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/overlay.png", sizingMethod="scale");
	}