/* Main Styles
***************************************************************/
* { margin: 0; padding: 0; outline: none;}
body,html {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#000;
	margin:0;
	padding:0;
	line-height:130%;}

table{font-size:1em !important;}
a {color:#193251; outline: none;}
a:link {color:#193251; outline: none;}
a:visited {color:#193251; outline: none;}
a:hover { color: #33578c; text-decoration:none;}
img {outline: none;}

blockquote {
	margin: 12px 0 12px 30px;
}

.homepage .home{display:none !important;}
ul,ol{margin:5px 5px 5px 30px;}
ul li,ol li{padding:0;}
dl dd {margin-left: 30px; }


h1, h2, h3 {
	font-size:24px;
	color: #000000;
	font-weight:bold;
	padding:10px 0 5px;}
h2, h3 {
	color: #597bb1;
	padding:5px 0 0;}
h2 {
	font-size:18px;}
h3 {
	font-size:14px;}
	h3 a {
		color: #597bb1;
	}
	
h4, h5, h6{
	font-size:12px;
	font-weight: bold;}
	
/* Wrap
***************************************************************/
#siteWrap {
	text-align: center;
	width: 1018px;
	padding:0;
	margin:3px auto;} 

/* Header
***************************************************************/
#head {
	text-align: left;
	margin:0 auto;
	padding: 0;
	height:142px;
	background: #000 url('/images/common/top-header-bg.jpg') 0 27px no-repeat;} 
	#logo {
		margin:0 0 0 37px;
		width:180px;
		float:left;
		position: relative;
		top:5px;}
		#logo h1 {
			padding:0;}
		#logo h1 a, #logo h1 a:hover{
			background:url('/images/common/logo.png') 0 0 no-repeat;
			width:180px;
			height:99px;
			position:relative;
			text-indent:-9000px;
			display:block;
			text-decoration:none;}
	#tagline {
		float:right;
		width:790px;
		height: 55px;
		text-align:left;
		margin:28px 0 0 0;
		padding:0;}
		#tagline h2 {
			font-size:18px;
			float:left;
			padding:5px 0 6px 0;
			margin:16px 0 3px 5px;
			font-weight:lighter;
			color:#ffd471;}
		#tagline span {
			font-size:19px;
			padding:0;
			margin:20px 0 0 12px;
			float:left;
			font-weight:bold;
			color:#fff;}
	#navigation {
		margin:0;
		height:41px;
		text-align:right;
		padding:0;
		background: #000 url('/images/common/nav.jpg') top left repeat-x;}
		#navigation li {
			margin:0;
			position: relative;
			top:14px;
			left: -75px;
			border-right:1px solid #fff;
			padding:3px 8px;
			display: inline;}
		.firstNav {border-left:1px solid #fff !important;}
			#navigation li a, #navigation li a:link, #navigation li a:visited{
				color: #fff;
				font-weight: bold;
				font-size:15px;
				text-decoration: none;}
				
/* Share Bar
***************************************************************/
#share {
	text-align: left;
	margin:0;
	padding: 0;
	height:25px;
	overflow: hidden;
	background: #ffd571 url('/images/common/share-bg.jpg') top left no-repeat;}
	#share p{
		font-weight:bold;
		color: #193251;
		margin:2px auto;
		padding:2px 15px 2px 2px;
		text-align: right;
		font-size: 90%;}
		#share p span {
			position: relative;
			top: -4px;
		}
	
/* Content - Home Page
***************************************************************/
#contentWrap{
	text-align: left;
	margin:0 auto;
	padding: 0;
	background: #fbf1db url('/images/common/content-bg.jpg') top left no-repeat;}
	#left{
		float:left;
		background:#FBF1DB;
		margin:20px 0 0 0;
		padding:0 0 0 10px;
		width:604px;}
		
		#left #mainImage{
			padding:0;
			margin:0;
			height:205px;
			overflow: hidden;
			width:600px;
			}
		
		#rightBottomCol{
			float:left;
			margin:10px 0 0 0;
			padding:0 12px 0 0;
			width:310px;}
			#rightBottomCol h2{
				padding:13px 0 15px 49px;
				margin:0;
				font-size:19px;
				color:#000;
				background: url('/images/home-page/right-solution.jpg') top left no-repeat;}
			#rightBottomCol p{
				margin:0;
				padding:0 0 0 10px;}
			#Form1{
				margin:8px 0;}
			.dropDownSelect{
				width: 276px;
				font-size: 13px;
				margin:5px 0 5px 12px;}
		#leftBottomCol{
			float:left;
			margin:10px 5px 0 20px;
			padding:0;
			width:240px;}
			#leftBottomCol h3{
				padding:13px 0 13px 47px;
				margin:0 0 5px 0;
				font-size:16px;
				color:#000;}
			#leftBottomCol h3.news {background: url('/images/home-page/in-the-news.jpg') top left no-repeat !important;}
			#leftBottomCol h3.egovConnect{background: url('/images/home-page/egov-connect.jpg') top left no-repeat !important;margin:15px 0 5px 0 !important;}
			#newsHome{
				padding:0;
				margin:0 0 20px 0;}
			#newsHome li {
				margin:8px 0;
				padding:0;
				list-style: none;}
			.more{text-align:right;}
	#right{
		width:404px;
		margin:0;
		background: #fbf1db;
		padding:0;
		float:left;}
		#webSolutions{
			height:229px;
			width:404px;
			overflow:hidden;
			background: #fbf1db url('/images/home-page/web-solutions-bg.jpg') top right no-repeat;}
			#webSolutions h2 span{display: none;}
			#webSolutions h2{
				padding:0;
				margin:0;
				height:66px;
				overflow: hidden;
				width:346px;
				background: transparent url('/images/home-page/web-solutions.png') top left no-repeat;
				position:relative;
				top:12px;
				left:20px;}
			#demoRequest{
				padding:0;
				width:365px;
				margin:16px 0 0 27px;}
				#demoRequest h3{
					width:146px;
					font-size:14px;
					height:25px;
					color: #fff;
					position:relative;	
					float:left;
					background: transparent url('/images/home-page/demo-request.png') top right no-repeat;}
				#demoRequest p{
					margin:5px 0 0 5px;
					padding:0;
					color:#ffd571;
					float:left;}
					#demoRequest p a{
						color:#ffd571;
						text-decoration: none;
						font-size:12px;}
					#demoRequest p a:hover{
						text-decoration: underline;}
		#mainButtons{
			text-align:center;
			width:100%;
			margin:3px auto;
			padding:0;
			background:#fbf1db;}
			#mainButtons .homeButton{
				margin:1px 0;
				padding:0;
				border:none;}
		#browsePortfolio{
			width:329px;
			height:159px;
			overflow:hidden;
			margin:6px auto;
			padding:0;
			background:#fbf1db url('/images/home-page/browse-portfolio.jpg') top center no-repeat;}
			#browsePortfolio h2 span{display: none;}
			#browsePortfolio h2{
				padding:0;
				margin:0;
				height:30px;
				overflow: hidden;
				width:178px;
				background: #fbf1db url('/images/home-page/browse-portfolio-text.jpg') top left no-repeat;
				position:relative;
				top:20px;
				left:15px;}
				
/* Second Level Styles
***************************************************************/
#breadcrumbs {
	font-size: 90%;
	text-align: left;
	padding:10px 0 0 15px;}
	#breadcrumbs a:link, #breadcrumbs a:visited { 
		color:#345367;
		text-decoration: underline;}
	#breadcrumbs a:active, #breadcrumbs a:hover, #breadcrumbs a:visited:hover {
		color:#345367;
		text-decoration: none;}
#secondLeft{
	width:240px;
	margin:12px 10px 5px 15px;
	width: 205px;
	float: left;}
	#secondLeft h2{
		padding:6px;
		width:95%;
		color:#000;
		border-bottom:2px solid #2b4d7d;}
	#secondLeft ul{
		margin:0;
		padding:0;
		width:100%;
		list-style:none;}
		#secondLeft ul li{
			padding:5px 0 5px 9px;
			cursor: pointer;
			color: #2b4c7d;
			border-bottom:1px solid #577db4;}
			#secondLeft ul li a{
				color:#2b4c7d !important;
				text-decoration: none;}
	#secondLeft .egovConnect{
		padding:14px 0 13px 45px;
		background: url('/images/home-page/egov-connect.jpg') top left no-repeat !important;
		margin:15px 0 5px 0 !important;
		font-size:16px;
		color:#000;}
#secondcenter{
	width:575px;
	color:#000;
	margin:5px 5px;
	float: left;}
	#secondcenter h1{
		margin: 0 0 5px 0;}
	#secondcenter h2{
		margin:0 0 3px 0;
		padding:1px;
		font-size:15px;}
	#secondcenter p{
		margin:4px;
		padding:2px;}
#secondright{
	margin:15px 15px 5px 10px;
	width:178px;
	float: left;}
	#secondright .secondRightImages{
		margin:6px 0;
		border: none;}
	
/* Footer
***************************************************************/
#foot{
	text-align: left;
	margin:0 auto;
	padding: 0;
	color: #fff;
	text-align: center;
	background: #000 url('/images/common/footer-bg.jpg') top left no-repeat;}
	#foot p{
		margin:0 auto;
		padding:13px 0 0 0;}
			.footImage{
				padding:0;
				margin:0;
				top:3px;
				position: relative;}
	#foot p.lower{
		margin:2px auto 3px;}
	#foot p.lower2{
		padding:0 0 20px 0;
		margin:2px auto;}
	#foot a{
		color: #fff;
		text-decoration: none;}
	
/* Site Search
***************************************************************/
#searchContainer {
	float: right;
	margin:16px 10px 0 0;
	position: relative;
	top: 0;}
#searchTable {
	position: relative;
	display: inline;
	margin-bottom: -26px; /*This is for IE6. IE6 is a spawn of the Devil.. Or is it Brian T. Fisher... DUM DUM DUM!*/}
#searchTable #advancedSearch {
	font-size: 80%;
	color: #fff;}
#qSearch {
	margin: 0;
	padding: 0;}
#searchTable label {
	visibility: hidden;
	width: 30px;
	height: 22px;
	overflow: hidden;
	display: block;}
#ss_cq {
	background: transparent url('/images/common/search-bg.jpg') right top no-repeat;
	border: none;
	height: 22px;
	width: 191px;
	padding-top: 4px;
	font-size: 90%;
	margin-right: 0;}
.skipLink {
	position: absolute;
	top: 0;
	left: 0;}
.skipLink img {
	border: none;}
	
/* Print Styles
***************************************************************/
.printOnly {	display: none;}


/* Accordian Styles
***************************************************************/
.toc {
	list-style-position: inside;
	margin: 0;
	padding: 0;	
}

li.pageName {
	background-color: #FFD571;
	color: #000000;
	padding: 4px 4px 4px 6px;
	margin: 2px 0;
	border: 1px solid #EDB053;
	cursor: pointer;
	font-weight: bolder;
}

ol.pageSections {
	border: 1px solid #EDB053;
	border-bottom: 1px solid #EDB053;
	margin: 0;
	padding: 0;
	position: relative;
	top: -2px;
}

.toc ol li.even {
	padding: 4px 4px 4px 24px;
	background-color: #FFFAEF;
	border-bottom: 1px solid #EDB053;
}

.toc ol li.odd {
	padding: 4px 4px 4px 24px;
	background-color: transparent;
	border-bottom: 1px solid #EDB053;
}






/* Clear Fix
***************************************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */
* html .clearfix {height: 1px;}