* {margin: 0; padding: 0;}
body, html {background:#fff url(/img/bodyBG.gif) bottom fixed repeat-x; color:#656565; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
img	{border:0; display:block;}
table {border-collapse:collapse;}
input, textarea {padding:2px;}
td {vertical-align:top;}
a {color:#164766;}

#wrapper {width:100%; background:url(/img/wrapperbg.jpg) top repeat-x;}

#header {margin:0 auto 15px auto; width:955px; height:145px; background:#fff;}
#header h1 {text-indent:-123456px; float:left;}
#header h1 a {display:block; width:352px; height:109px; background:url(/img/headerLogo.gif) no-repeat;}
#header #headerTextBox {width:271px; height:109px; float:left;}
#header #headerTextBox p {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#717171; line-height:18px; padding:30px 40px 0 19px;}
#header #navTop {width:332px; height:48px; float:left;}
#header #navTop p {font-size:11px; color:#2f78a5; padding:13px 57px 0 0; text-align:right;}
#header #navTop p a {color:#2f78a5; text-decoration:none;}
#header #navTop p a:hover {text-decoration:underline;}
#header #searchBox {width:280px; height:35px; background:url(/img/searchBoxBG.gif) no-repeat; float:left;}
#header #searchBox input.searchFilter {width:171px; height:14px; margin:8px 0 0 4px; padding:0;}


#header #navMain {padding:0; list-style:none; float:left; clear:left; width:955px;}
#header #navMain li {float:left; height:36px;}
#header #navMain li a {height:36px; display:block;}
#header #navMain #navMainHome a {width:81px; background: url(/img/navMainHome.gif) no-repeat;}
#header #navMain #navMainHome a:hover {background-position:0 -36px;}
#header #navMain #navMainCountyOfficials a {width:143px; background: url(/img/navMainCountyOfficials.gif) no-repeat;}
#header #navMain #navMainCountyOfficials a:hover {background-position:0 -36px;}
#header #navMain #navMainDepartments a {width:186px; background: url(/img/navMainDepartments.gif) no-repeat;}
#header #navMain #navMainDepartments a:hover {background-position:0 -36px;}
#header #navMain #navMainPublicSafety a {width:118px; background: url(/img/navMainPublicSafety.gif) no-repeat;}
#header #navMain #navMainPublicSafety a:hover {background-position:0 -36px;}
#header #navMain #navMainInfo a {width:127px; background: url(/img/navMainInfo.gif) no-repeat;}
#header #navMain #navMainInfo a:hover {background-position:0 -36px;}
#header #navMain #navMainNumbers {width:300px; background: url(/img/navMainNumbers.gif) no-repeat;}
body.home #header #navMain #navMainHome a {background-position:0 -72px;}
body.county-officials #header #navMain #navMainCountyOfficials a {background-position:0 -72px;}
body.departments #header #navMain #navMainDepartments a {background-position:0 -72px;}
body.public-safety #header #navMain #navMainPublicSafety a {background-position:0 -72px;}
body.info #header #navMain #navMainInfo a {background-position:0 -72px;}

#content {margin:0 auto; width:957px; background:url(/img/contentBG.png) repeat-y;}
#content #homeRotation {width:706px; height:222px; float:left; margin-top:14px;}
#content #leftWrapper {width:236px; float:left;}
#content #left {margin:0 auto; width:207px; margin-top:14px;}
#content #left #onlineServicesBox {display:block; width:207px; height:65px; background-color:#fff3be; margin-bottom:15px;}
#content #left #onlineServicesBox p {padding:0 0 0 15px; font-size:14px; font-weight:bold; color:#91875c; font-family:Georgia, "Times New Roman", Times, serif; line-height:28px;}
#content #left #onlineServicesBox select {margin-left:15px; width:178px;}
#content #left .title {display:block; width:207px; height:25px; background:url(/img/leftTitleBG.gif) no-repeat; margin-bottom:10px;}
#content #left .title p {padding:0 0 0 11px; line-height:25px; font-size:12px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#content #left h2 {padding:0 15px 0 27px; font-size:11px;  color:#000; background:url(/img/leftArrow.gif) top left no-repeat;}
#content #left h2 a {color:#000; text-decoration:none;}
#content #left h2 a:hover {text-decoration:underline;}
#content #left p {padding:0 15px 0 27px; font-size:11px; line-height:13px; color:#000;}
#content #left p.tier3 {padding:0 15px 0 27px; line-height:12pt;}
#content #left p a {color:#000; text-decoration:none;}
#content #left p a:hover {text-decoration:underline;}

#content #main {width:499px; float:left; padding: 0 0 20px 0;}
#content #main h2 {padding:18px 20px 15px 16px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#dd9933;}
#content #main h3 {padding:0 20px 12px 16px; font-family:Georgia, "Times New Roman", Times, serif;font-size:16px; color:#166495; font-weight:normal;}
#content #main h3 a {color:#166495;}
#content #main h4 {padding:0 20px 12px 16px; font-family:Georgia, "Times New Roman", Times, serif;font-size:14px; color:#000000; font-weight:normal;}
#content #main h6 {padding:0 20px 5px 16px; font-size:11px; color:#8d8d8d; font-weight:normal;}
#content #main p {padding:0 20px 15px 16px; font-size:12px; line-height:18px;}
#content #main p .moreLink a {font-size:10px; text-transform:uppercase; color:#e5701e; line-height:18px;}
#content #main ul {padding: 10px 20px 10px 33px; clear:left;}
#content #main li {list-style-image:url(/img/arrowBlue.gif); padding: 0 0 5px 0; line-height:18px; color:#6a6a6a;}
#content #main table {border-collapse:collapse; margin:0 0 0 18px;}
#content #main span.highlight {background-color:#FF6;}

#content #right {width:221px; float:left;}
#content #right #howBox {display:block; width:207px; height:65px; background-color:#3e9bd5; margin:18px 0 0 0;}
#content #right #howBox p {padding:0 0 0 15px; font-size:14px; color:#fff; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:28px;}
#content #right #howBox select {margin-left:15px; width:178px;}
#content #right h2 {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#164766; padding:15px 0 4px 14px;}
#content #right p.link {padding:3px 11px 3px 34px; font-size:11px; line-height:13px; color:#000; background:url(/img/rightArrow.gif) top left no-repeat;}
#content #right p.link a {color:#000; text-decoration:none;}
#content #right p.link a:hover {text-decoration:underline;}

#footer {margin:0 auto; width:927px; height:84px; background:url(/img/footerBG.gif) top no-repeat; clear:both;}
#footer p {font-size:11px; color:#333; line-height:18px;}
#footer a {color:#2f78a5; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer #footerLeft {width:609px; height:84px; float:left;}
#footer #footerLeft p {padding:23px 0 0 41px;}
#footer #footerRight {width:318px; height:84px; float:left; text-align:right;}
#footer #footerRight p {padding:23px 41px 0 0;}

#calendar {
	width: 207px;
	padding: 0;
	margin:0;
	font:normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #417baa;
	text-align: center;
	background-color: #fff;
}

#calendar .nav, #calendar .nav a {
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	


#calendar caption {
	margin: 0 0 0 10px;
	padding: 0;
	width: 300px;
	height:20px;
	background: #fff;
	color: #0e7cc1;	 
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	text-align: left;
}



#calendar th {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #985400;
	padding:0;
	margin:0;
	height:16px;
	line-height:16px;
	background: #fff;
}

#calendar .today, #calendar td.today a, #calendar td.today a:link, #calendar td.today a:visited {
	color: #417baa;
	font-weight: bold;
	background: #fff;
}
	
#calendar td {
	border:4px solid;
	border-color:#fff;
	width: 18px;
	height: 16px;
	text-align: center;
	background-color:#fff;
	line-height:16px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#5a5a5a;
	
}
#calendar .firstRow td {border-top:0;}

#calendar td a {
	text-decoration: none;

}
 	
#calendar td a:link, #calendar td a:visited {	
	color: #2c2d2d;
	background: #ffdd66;
}

#calendar td a:hover, #calendar td a:active {
	color: #2c2d2d;
	background: #ffdd66;
}
 
#filterTable {background:#727272 url(/img/filterEventsBG.gif) no-repeat;}
#filterTable .selFilterEventType {width:150px; height:18px; font-size:11px; margin:21px 0 0 13px;}
#filterTable .selFilterMonth {width:100px; height:18px; font-size:11px; margin:21px 0 0 13px;}
#filterTable .selFilterYear {width:79px; height:18px; font-size:11px; margin:21px 0 0 0px;}


