/* CONTENT STYLES */
/* Should be copied to Editor stylesheet */
body 
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 75%;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-image: url(/shared/images/bbg.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-color: #71828A;
}
a:link, a:visited, a:hover, a:active
{
	color: #026485;
	text-decoration: none;
}
a:hover, a:active 
{
	text-decoration: underline;
}
table 
{
	font-size: 100%;
}

.header
{
	color: #026485;
	font-size: 150%;
	font-weight: bolder;
}
.subHeader
{
	font-size: 130%;
	font-weight: bold;
}
.content
{
}
.contentSmall
{
	font-size: 90%;
}
/* End of what should be copied to Editor stylesheet */
.contentOver, .ContentOver
{
	background-color: #FFFF00;
	cursor: hand;
}

.btn, #ExtranetLogin_btnLogin, .logoutButton
{
	font-size:11px;
	background-color: #026485;
	color: #FFFFFF;
	border: solid 1px #000000;
	font-family: Arial, Tahoma, Sans-Serif;
	font-weight: bold;
	padding: 3px 30px;
}

#Viewport 
{
	width: 100%;
	text-align: left;
}
.outerBounds 
{
	width: 760px;
	text-align: left;
}
.innerBounds 
{
	width: 100%;
	text-align: left;
}

#PageHeader 
{
}
#PageHeaderInner 
{
	position: relative;
	top: 0px;
	left: 0px;
}
#Letterhead 
{
	display: none;
}
#Masthead 
{
	height: 72px;
	overflow: hidden;
	background-image: url(/shared/images/mhbg.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-color: Transparent;
}
#HeaderSeal 
{
	width: 67px;
	height: 65px;
	overflow: hidden;
	position: absolute;
	top: 14px;
	left: 5px;
}
#HeaderKanawha 
{
	width: 247px;
	height: 26px;
	overflow: hidden;
	position: absolute;
	top: 36px;
	left: 78px;
}
#HeaderMap 
{
	width: 80px;
	height: 70px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 336px;
}
#HeaderHome 
{
	width: 28px;
	height: 11px;
	overflow: hidden;
	position: absolute;
	top: 42px;
	left: 562px;
}
#HeaderEvents 
{
	width: 80px;
	height: 11px;
	overflow: hidden;
	position: absolute;
	top: 42px;
	left: 612px;
}
#HeaderFaq 
{
	width: 24px;
	height: 12px;
	overflow: hidden;
	position: absolute;
	top: 42px;
	left: 714px;
}
#HeaderContent 
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 150px;
	overflow: hidden;
	background-image: url(/shared/images/courthouse.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-color: Transparent;	
}
#HeaderLine 
{
	height: 29px;
	overflow: hidden;
	font-size: 1px;
	background-image: url(/shared/images/hlbg.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-color: Transparent;	
}
#HeaderContent .eventHeader 
{
	position: absolute;
	top: 15px;
	left: 621px;
}
#HeaderContent .eventItem 
{
	width: 342px;
	height: 93px;
	overflow: auto;
	position: absolute;
	top: 37px;
	left: 418px;
	border-top: solid 1px #026485;
	border-left: solid 1px #026485;
}
#HeaderContent .eventItem .eventItemInner 
{
	padding: 8px 14px;
}
#HeaderContent .eventItem .eventDate 
{
	margin: 1px 0px;
}


#PageBody 
{
	background-color: #FFFFFF;
	background-image: url(/shared/images/colbg.gif);
	background-repeat: repeat-y;
	background-position: 0% 0%;
}
#PageBodyInner 
{
}
#ColLeft 
{
	float: left;
	width: 169px;
	height: auto;
	overflow: hidden;
}
#ColLeftInner 
{
}
#ColMiddle 
{
	float: left;
	width: 386px;
	height: auto;
	overflow: hidden;
}
#ColRight 
{
	float: left;
	width: 205px;
	height: auto;
	overflow: hidden;
}
.contentSpace 
{
	margin: 2px 8px;
}
#PageImage 
{
	background-image: none;
	height: 1px;
	
	margin: 0px 1px 1px 1px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-color: Transparent;
}
#UpcomingEvents 
{
	display: none;
}

#PageFooter 
{
}
#PageFooterInner 
{
}
#FooterInfo 
{
	background-color: #026485;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #FFE5A0;
	padding: 6px 10px;
}
#FooterLinks, #Copyright 
{
	margin: 4px 0px;
}
#FooterLinks a.navItem, #FooterLinks a.navItem:link, #FooterLinks a.navItem:visited, #FooterLinks a.navItem:hover, #FooterLinks a.navItem:active, #FooterLinks .navSep 
{
	color: #FFF2CF;
	font-size: 90%;
}
#FooterLinks .navSep  
{
	margin: 0px 4px;
}
#Copyright 
{
	color: #FFFFFF;
	font-size: 80%;
}
#FooterLogo 
{
	text-align: right;
	color: #FFFFFF;
	font-size: 80%;
	padding: 4px 0px 10px 0px;
}
#FooterLogo a, #FooterLogo a:link, #FooterLogo a:visited, #FooterLogo a:hover, #FooterLogo a:active 
{
	color: #FFFFFF;
	text-decoration: underline;
}

.backLink 
{
	margin-left: 14px;
	min-height: 23px;
	background-image: url(/shared/images/back.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
}
.backLink a
{
	padding-left: 26px;
}
.backLink a, .backLink a:link, .backLink a:visited, .backLink a:hover, .backLink a:active
{
	color: #026485;	
	font-size: 97%;
	font-weight: 600;
	text-decoration: none;
}
.backLink a:hover, .backLink a:active 
{
	text-decoration: underline;
}

.clr 
{
	clear: both;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
}
#SiteTitle, #SiteDescript, #AccessLinks, #SiteSummary
{
	display: none;
}

.loggedInText 
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 100%;
	color: #FFFFFF;
	font-weight: bold;
}

.logoutButton 
{
	width: 60px;
	font-size: 11px;
	background-color: #026485;
	color: #FFFFFF;
	border: solid 1px #000000;
	font-family: Arial, Tahoma, Sans-Serif;
	font-weight: bold;
	padding: 3px 6px;
}

.logoutArea
{
	position: absolute;
	top: 5px; 
	left: 0px;
	height: 28px;
	width: 760px;
	text-align: right;
	padding-right: 10px
}
#acmMenu
{
z-index: 999;
}