﻿#banner
{
	background: url(../images/banner.jpg) no-repeat left top;
	height: 149px;
	margin: auto;
	width: 953px;
	position: relative;
	z-index: 1;
}

#ribbon
{
	background: url(../images/navBG.jpg) repeat-x left top;
	height: 37px;
	line-height: 37px;
	position: relative;
	z-index: 300;
}
#nav
{
	height: 37px;	
	margin: auto;
	width: 954px;
	position: relative;
	z-index: 300;
}
#nav a, #nav a:visited
{
	color: #4C3F31;
	display: inline-block;
	font-size: 16px;	
	line-height: 37px;
	margin: 0 15px;
	padding: 0 5px;
	text-decoration: none;
}
#nav a:hover
{
	color: #8F7E71;
}
a.search
{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 683px;
	z-index: 999;
}

#wrapper
{
	background: #FFFFFF;
	border-left: outset 2px #4C3F31;
	border-right: outset 2px #4C3F31;
	height: 680px;
	margin: auto;	
	position: relative;
	width: 949px;
	z-index: 100;
}

#welcome
{
	background: #FFFFFF url(../images/shadow.jpg) repeat-x;
	height: 24px;
	padding: 16px 0 8px 0;
	text-align: center;
	width: 678px;
	position: absolute;
	left: -2px;
}

#topRight
{
	background: url(../images/topRightBlueBox.jpg) repeat-x left top;
	border-bottom: outset 1px #4C3F31;
	border-left: outset 1px #4C3F31;
	height: 48px;
	width: 272px;
	position: absolute;
	left: 676px;
}
#leftCol
{
	background: #C8BFB1 url(../images/leftColTopShadow.jpg) no-repeat left top;
	color: #4C3F31;
	padding: 9px 0 0 0;
	position: absolute;
	top: 48px;
	z-index: 200;
}
#leftCol .rtShadow
{
	background: #C8BFB1 url(../images/leftColBG.jpg) repeat-y right top;
	height: 275px;
	width: 284px;
}
#leftCol .revCommMsg
{
	padding: 0 10px;
}
#revComm
{
	background: #DED9D0 url(../images/taxCommBG.jpg) repeat-y right top;
	border-top: solid 1px #4C3F31;
	height: 188px;
	width: 284px;
	position: absolute;
	top: 332px;
}
#revCommContactInfo
{
	background: #C8BFB1 url(../images/taxCommInfoBG.jpg) repeat-y top right;
	color: #4C3F31;
	padding: 11px 0 0 0;
	text-align: center;
	width: 284px;
	z-index: 10;
	position: absolute;
	top: 520px;	
}
#revCommContactInfo .btmShadow
{
	background: #C8BFB1 url(../images/revCommContactInfoBtmShadow.jpg) no-repeat right top;
	height: 8px;
	width: 284px;	
}
#revCommName
{
	color: #090000;
	text-align: center;
	position: relative;
	left: -5px;
	top: 110px;
}

#courtHouse
{
	background: url(../images/courtHouse.jpg) no-repeat center center;
	border: solid 1px #4C3F31;
	height: 258px;
	width: 342px;
	position: absolute;
	left: 304px;
	top: 48px;
}
#onlineServices
{
	border: solid 1px #4C3F31;
	height: 178px;
	width: 342px;
	position: absolute;
	left: 304px;
	top: 332px;
}
#onlineServices ul
{
	margin: 7px 0 7px 10px;
}
#onlineServices ul li
{
	line-height: 14px;
	margin: 0;
	padding: 0 0 7px 25px;
}
#contectRevCommSvcs
{
	background: #4C3F31;
	height: 1px;
	width: 20px;
	position: absolute;
	left: 284px;
	top: 332px;
}

#connectRightCol
{
	background: #4C3F31;
	height: 1px;
	width: 30px;
	position: absolute;
	left: 646px;
	top: 48px;
}

#rightCol
{
	background: url(../images/courtHouseWatermark.jpg) no-repeat left top;
	border-left: solid 1px #4C3F31;
	height: 284px;
	width: 272px;
	position: absolute;
	left: 676px;
	top: 49px;
}
#rightCol .text
{
	line-height: 24px;
	padding: 15px 10px;
	text-align: center;
}

#mission
{
	background: #DBF4FE;
	border-bottom: solid 1px #4C3F31;
	border-left: solid 1px #4C3F31;
	height: 187px;
	width: 272px;
	position: absolute;
	top: 332px;
	left: 676px;
}
#mission .text
{
	color: #4C3F31;
	padding: 7px 10px 0 11px;
	text-align: center;
}

#bottom
{
	background: #C0E7E6 url(../images/tree.jpg) no-repeat right bottom;
	height: 106px;
	width: 948px;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 520px;
}

#footerHP
{	
	line-height: 20px;
	padding-top: 0px;
	text-align: center;		
	width: 949px;	
	position: relative;
	top: 630px;	
}

/* secondary */
#wrapperSec
{
	background: #FFFFFF url(../images/secWrapperTopShadow.jpg) repeat-x left top;
	border-left: outset 2px #4C3F31;
	border-right: outset 2px #4C3F31;	
	margin: auto;
	padding: 12px 0 0 0;	
	position: relative;
	width: 949px;
	z-index: 10;
}
.blueBG
{
	background: #C3EDFE;	
	width: 919px;	
	padding: 0 15px 12px 15px;
	position: relative;
	left: 0;
	top: 0;
	z-index: 20;
}

a.secSearch
{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 681px;
	z-index: 999;
}

#content
{
	background: url(../images/secContentBG.jpg) repeat-y left top;
	border-top: solid 1px #4C3F31;
	min-height: 500px;
	padding: 20px;
}

#footer
{
	padding: 10px 0;
	text-align: center;
}
