@charset "utf-8";
* {
	margin:0;
	padding:0;
}
body {
	background:#ffecbd url(../images/stChar_bg.gif) repeat-x;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	behavior:url("csshover.htc");
}
h1 {
	font-size:21px;
	color:#648e9e;
	margin:0 0 20px;
	font-weight:normal;
}
h2 {
	font-size:14px;
	color:#958922;
}
#wrap {
	width: 1000px;
	margin: 0 0 0 -500px;
	background: url(../images/stChar_contentBG.gif) repeat-y;
	position:absolute;
	left:50%;
	
}
#innerWrap {
	background: url(../images/stChar_contentTop.jpg) no-repeat left 175px;
	width: 1000px;
}
#header {
	margin: 0px;
	padding: 0px;
	height: 192px;
	width: 1000px;
	position:relative;
	z-index: 1;
	background: url(../images/stChar_flashBG.jpg) no-repeat;
}
#nav {
	width: 930px;
	position:relative;
	z-index:120;
	margin:0 auto 0 auto;
	background: url(../images/stChar_navBG.jpg) no-repeat -10px 0px;
	height: 79px;
	top: -21px;
	}
#nav ul {
	width:671px;
	list-style:none;
	float:left;
	position:relative;
	z-index:121;
	margin: 9px 0 0 130px;
	display: inline;
	}
#nav ul li {
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	}
#nav ul li a {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	display:block;
	padding:16px 0 7px;
	position: relative;
	z-index: 200;
	}
	
#nav ul li a:hover {
	text-decoration:underline;
	}

#nav li.home		{width:91px;}
#nav li.business	{width:97px;}
#nav li.citizens	{width:106px;}
#nav li.visitors	{width:112px;}
#nav li.departments	{width:127px;}
#nav li.contact		{width:138px;}
	
#nav img {
	float:left;
	}
#nav ul ul {
	display:none;
	width:185px;
	position:absolute;
	left:-128px;
	padding:0;
	top:26px;
	z-index: 122;
}
#nav li.home ul 		{background-color: #7895a3;}
#nav li.business ul		{background:#d7bfc7;}
#nav li.citizens ul		{background:#f0e3c2;}
#nav li.visitors ul		{background:#cfc888;}
#nav li.departments ul	{background:#ebc6a1;}
#nav li.contact ul		{background:#d2d3c6;}

#nav li.business ul	a	{color:#5d434b;}
#nav li.citizens ul	a	{color:#856d10;}
#nav li.visitors ul	a	{color:#7e7523;}
#nav li.departments ul a{color:#6f4f30;}
#nav li.contact ul a	{color:#53544a;}

#nav li.home ul li {border-bottom:1px dotted #9ab4c1;}
#nav li.business ul	li	{border-bottom:1px dotted #efdfe4;}
#nav li.citizens ul	li	{border-bottom:1px dotted #f8f1e0;}
#nav li.visitors ul	li	{border-bottom:1px dotted #f3eec5;}
#nav li.departments ul li {border-bottom:1px dotted #ffe9d4;}

#nav li.business li.subNav {
	background-image: url(../images/businessArrow.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav li.departments li.subNav {
	background-image: url(../images/departmentArrow.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav li.citizens li.subNav {
	background-image: url(../images/citizensArrow.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav li.visitors li.subNav {
	background-image: url(../images/visitorsArrow.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav li.home li.subNav {
	background-image: url(../images/homeArrow.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav li.contact li.subNav {
	background-image: url(../images/contactArrow.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav ul li:hover, #nav ul ul li:hover {
	position:relative;
	z-index:121;
}
#nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul {
	display:block;
}
#nav ul ul li, #nav ul ul ul li {
	padding:7px 10px 7px 10px;
	height:auto;
	margin:0;
	float:none;
	text-align:left;
	text-transform:none;
	font-size:11px;
}
#nav ul ul li a, #nav ul ul ul li a {
	padding:0;
	height:auto;
	margin:0;
	float:none;
	font-weight:normal;
}
#nav ul ul ul, #nav ul ul ul ul{
	display:none;
	width:195px;
	position:absolute;
	left:55px;
	top:-9px;
}
#nav ul:hover ul ul, #nav ul ul:hover ul, #nav ul ul ul:hover ul, #nav ul ul:hover ul ul{
	display:none;
}
#nav ul ul ul ul{
	display:none;
	width:195px;
	position:absolute;
	left:65px;
	top:-9px;
}
#columnWrap {
	background: url(../images/stChar_footerTop.jpg) no-repeat left bottom;
	float: left;
	width: 1000px;
	display: inline;
}
#leftColumn {
	width: 222px;
	background: url(../images/stChar_sideColumnTop.jpg) no-repeat;
	margin: -11px 0 0 7px;
	float: left;
	padding:0;
	display: inline;
}
#leftColumn h4 {
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	background: url(../images/stChar_sideColumnBG.jpg) repeat-y;
	margin:0;
	padding: 0 32px 11px;
	}
#leftColumn p, #leftColumn li, #leftColumn p {
	list-style:none;
	color:#b4dce9;
	font-size:11px;
	background: url(../images/stChar_sideColumnBG.jpg) repeat-y;
	padding: 0 32px;
	margin:0;
}
#leftColumn a {
	color:#b4dce9;
}
#leftColumn ul ul li {
 	background: url(../images/stChar_sideColumnBG.jpg) repeat-y;
	padding: 0px 0px 0px 38px;
	margin: 0 0 0 -32px;
}
#leftColumn ul ul { margin: 0px; }
#leftColumn .leftColumnBttom {
	background: url(../images/stChar_sideColumnBottom.jpg) no-repeat;
	height: 77px;
	width: 215px;
}
#callOuts {
	margin: 0 0 0 -18px;
}
#callOuts img {
	margin: 0px;
	padding: 0px;
}
#callOut1 {
	background: url(../images/social-mediaBG.png) no-repeat;
	height: 54px;
	width: 191px;
	padding: 24px 0px 0px 36px;
	margin: 0px;
}
#callOut1 img {
	margin: 0px 20px 0px 0px;
	padding: 0px;
}
#rightColumn {
	width: 600px;
	float: right;
	margin: 0 145px 0 -40px;
	display: inline;
}
#rightColumn p { 
	color:#1d1b16;
	font-size:11px;
	line-height:20px;
	padding: 0px 0px 10px;
}
#rightColumn a {
	color:#639aaf;
}
#rightColumn li {
	color:#1d1b16;
	font-size:11px;
	line-height:20px;
}
#rightColumn ul {
	padding: 0 0 0 32px;
}
#bottom {
	background: url(../images/stChar_contentBottom.jpg) no-repeat;
	height: 145px;
	width: 840px;
	padding-left: 160px;
	}
#bottom ul {
	margin:0;
	padding: 0 16px 0 0;
	list-style:none;
	float: left;
	line-height:20px;
}
#bottom li a {
	text-decoration:none;
	font-size:10px;
	color:#cecdca;
}
#bottom li a:hover {
	text-decoration:underline;
}
#bottom li.categoryHeader a {
	text-decoration:none;
	font-size:14px;
	color:#FFF;
	font-weight:bolder;
}
#bottom li.categoryHeader a:hover {
	text-decoration:underline;
}
.marginRight { margin-right: 22px; }
.marginLeft { margin-left: 22px; }
.table-padding td { padding: 3px 5px; }

