/*
/// GENERAL LAYOUT
*/

#container
{
	position:relative;
	width:750px;
	left:50%;
	margin-left:-375px;
	padding-bottom:25px;
}
#content-body
{
	position:relative;
	_height:367px;
	min-height:367px;
}
body.homepage #content-body
{
	background:url(images/bg_contentbody.jpg) left top repeat-y;
}
body.subpage #content-body
{
	background:url(images/bg_contentbody_subpage.jpg) left top repeat-y;
}
#content-news, #content-pic, #content-nav, #content-text
{
	position:relative;
	display:inline;
	float:right;
}
#content-news
{
	width:189px;
	min-height:1px;
	margin-right:21px;
	z-index:1;
}
#home-photogallery
{
	position:relative;
	width:189px;
	height:173px;
	overflow:hidden;
	background:url(images/bg_home_photogallery.jpg);
}
#home-photogallery-pic
{
	position:absolute;
	top:10px;
	left:11px;
	width:168px;
	height:126px;
	overflow:hidden;
}
#home-news-text
{
	_height:100px;
	min-height:131px;
	padding:0px 15px 0px 20px;
	background:url(images/home_news_bg.jpg) left top repeat-y;
	color:#797C80;
	font-size:10px;
}
#home-news-text a
{
	color:#797C80;
}
#home-news-text a:hover
{
	color:white !important;
	text-decoration:none;
}
#home-news-text a.title
{
	color:#919599;
}
#content-pic
{
	width:378px;
	height:366px;
	margin-right:13px;
	z-index:2;
}
#content-text
{
	position:relative;
	width:580px;
	_height:260;
	min-height:260px;
	margin-right:21px;
	background:url(images/bg_contenttext.jpg) left top no-repeat;
	color:#A6A6A6;
}
#content-text-copy
{
	padding:20px;
}
#pagetitle
{
	margin-bottom:25px;
}
#pagetitle h1
{
	font-size:18px;
	color:#BFBFBF;
	letter-spacing:.05em;
	text-transform:uppercase;
}
#content-text-copy p
{
	line-height:18px;
}
#content-nav
{
	width:137px;
	margin-right:12px;
	padding-bottom:35px;
	z-index:3;
}
#footer
{
	padding-top:25px;
	text-align:center;
	color:#666666;
	font-size:10px;
}
#footer a
{
	color:#999999;
}
#footer a:hover
{
	color:white;
}

/*
/// NAV STYLES
*/

#nav
{
	position:relative;
	padding:0px;
	margin:0px;
	list-style-type:none;
	width:117px;
	margin-left:10px;
	background:url(images/nav_linkbg.gif) left top repeat-y;
}
#nav li
{
	position:relative;
	_float:left;
	width:100%;
}
#nav a
{
	display:block;
	_height:1%;
	font-size:10px;
	color:#797C80;
	text-align:center;
	padding:5px;
}
#nav a:hover
{
	color:white;
	text-decoration:none;
}
/* Sets up the popout menu styles */
#nav li ul, 
#nav li:hover ul ul, #nav li.sfhover ul ul,
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul
{
	position:absolute;
	left:-999em;
	top:0px;
	padding:0px;
	margin:0px;
	list-style-type:none;
	border:1px #666666 solid;
	background:#333333;
	width:125px;
}
#nav li:hover ul, #nav li.sfhover ul,
#nav li li:hover ul, #nav li li.sfhover ul,
#nav li li li:hover ul, #nav li li li.sfhover ul
{
	left:auto;
	margin-left:116px;
}
#nav li li:hover ul, #nav li li.sfhover ul,
#nav li li li:hover ul, #nav li li li.sfhover ul
{
	margin-left:125px;
	margin-top:-1px;
}
/* Sets up the styles for the LI tags when moused over */
/* This is a simple example; see the A tags below for adding layers of styles */
#nav li:hover, #nav li.sfhover
{
	background:#666666;
}
/* Sets up the the styles for the on states of the links */
/* Backgrounds are different from the LI styles to use for arrows and such */
#nav li:hover a, #nav li.sfhover a
{
	color:white !important;
}
#nav li:hover ul a, #nav li.sfhover ul a,
#nav li:hover ul li:hover ul li a, #nav li.sfhover ul li.sfhover ul li a,
#nav li:hover ul li:hover ul li:hover ul li a, #nav li.sfhover ul li.sfhover ul li.sfhover ul li a
{
	color:#797C80 !important;
}
#nav li:hover ul li:hover a, #nav li.sfhover ul li.sfhover a,
#nav li:hover ul li:hover ul li:hover a, #nav li.sfhover ul li.sfhover ul li.sfhover a,
#nav li:hover ul li:hover ul li:hover ul li:hover a, #nav li.sfhover ul li.sfhover ul li.sfhover ul li.sfhover a
{
	color:white !important;
}
#nav li.on a.on
{
	color:white !important;
	text-transform:uppercase;
}
#nav li.on
{
	background:#666666 !important;
}

/*
/// COMMON STYLES
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.clear
{
	position:relative;
	height:1px;
	overflow:hidden;
	clear:both;
}

/*
/// BLOG STYLES
*/

p.post-bloglink
{
	padding:10px 5px 0px 63px;
	border:1px #686A6E solid;
	background:#333333 url(images/bg_bloglink.jpg) 5px 5px no-repeat;
	min-height:48px;
}
p.post-bloglink span
{
	font-size:10px;
}
div.blog-post
{
	border:1px #666666 solid;
	margin-bottom:25px;
}
div.post-title
{
	position:relative;
	background-color:#333333;
	border-bottom:1px #666666 solid;
	padding:10px;
}
div.post-title h3
{
	margin:0px;
}
div.post-entrytext
{
	position:relative;
	border-bottom:5px #333333 solid;
	padding:10px;
}
div.post-entrytext a img, div.post-entrytext img,
div.entrytext-page a img, div.entrytext-page img
{
	border:5px #4F5053 solid;
}
p.post-metadata
{
	font-size:9px;
	padding:5px;
	padding-left:10px;
	padding-top:0px;
	background-color:#333333;
	margin-bottom:0px;
}
