body {
	background: #e6e6e6 url('../images/template/main_spacer.jpg') center top repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	padding: 0px 0px;
	color: #1e2326;
}
body.bandwidth-low {
	background-image: none;
}
body.bandwidth-low * {
	text-indent: 0px !important;
	background-image: none !important;
}
body.text-size-small {
	font-size: 12px;
}
body.text-size-medium {
	font-size: 14px;
}
body.text-size-large {
	font-size: 16px;
}
	body a[href],
	body a[href]:hover {
		color: #971321;
	}
	body a:link,
	body a:visited {
		text-decoration: none;
	}
	body a:hover,
	body a:active {
		text-decoration: underline;
	}
	.root {
		background: url('../images/template/main_header_bg.png') center top no-repeat;	
	}
	.templateWrapper {
		width: 950px;
		margin: 0px auto;
	}
	#header {
	}
		#header .templateWrapper {
			height: 170px;
			position: relative;
		}
			#header #RotatingBackground {
				position: absolute;
				top: 0px;
				left: 275px;
				width: 805px;
				height: 170px;
			}
				#header #RotatingBackground .slide {
					width: 805px;
					height: 170px;
					position: absolute;
					top: 0px;
					left: 0px;
					background-position: 0px 0px;
					background-repeat: no-repeat;
				}
				#header #RotatingBackground .slide#Overlay {
					z-index: 10;
				}
				#header #RotatingBackground .slide#Underlay {
					z-index: 0;
				}
				#header #RotatingBackground .slide.slide_1 {
					background-image: url('../images/template/slide_5.jpg');
				}
				#header #RotatingBackground .slide.slide_2 {
					background-image: url('../images/template/slide_6.jpg');
				}
				#header #RotatingBackground .slide.slide_3 {
					background-image: url('../images/template/slide_7.jpg');
				}
				#header #RotatingBackground .slide.slide_4 {
					background-image: url('../images/template/slide_8.jpg');
				}
				#header #RotatingBackground .slide.slide_5 {
					background-image: url('../images/template/slide_9.jpg');
				}
				#header #RotatingBackground .slide.slide_6 {
					background-image: url('../images/template/slide_10.jpg');
				}
				#header #RotatingBackground .slide.slide_7 {
					background-image: url('../images/template/slide_1.jpg');
				}
				#header #RotatingBackground .slide.slide_8 {
					background-image: url('../images/template/slide_2.jpg');
				}
				#header #RotatingBackground .slide.slide_9 {
					background-image: url('../images/template/slide_3.jpg');
				}
				#header #RotatingBackground .slide.slide_10 {
					background-image: url('../images/template/slide_4.jpg');
				}
			#header h1 {
				margin: 0px;
				padding: 0px;
				position: absolute;
				top: 0px;
				left: 275px;
				z-index: 100;
			}
				#header h1 a {
					display: block;
					text-indent: -10000px;
					background: url('../images/template/title.png') 0px 0px no-repeat;
					width: 450px;
					height: 130px;
					padding-top: 40px;
					font-size: 30px;
					line-height: 40px;
					color: #1e2326;
					text-transform: uppercase;
				}
				.bandwidth-low #header h1 a {
					text-align: center;
				}
			#header #toolbar {
				position: absolute;
				bottom: 0px;
				left: 280px;
				width: 391px;
				height: 25px;
				background: url('../images/template/search_bg.png') 0px 0px no-repeat;
				color: #d9d9d9;
				line-height: 25px;
				/* set this size to always be 12px for 1em */
				font-size: 12px;
				z-index: 200;
			}
			.bandwidth-low #header #toolbar {
				background-color: #5c5c5c;
				-moz-border-radius: 3px 3px 0px 0px;
				-webkit-border-radius: 3px 3px 0px 0px;
				border-radius: 3px 3px 0px 0px;
			}
				#header #toolbar a {
					color: white;
				}
				#header #searchForm {
					margin: 0px;
					padding: 0px;
					float: left;
					height: 20px;
					width: 135px;
					margin-left: 5px;
					margin-top: 5px;
				}
				.bandwidth-low #header #searchForm {
					background-color: #d3e2ea;
				}
					#header #searchForm form {
						margin: 0px;
						padding: 0px;
					}
						#header #searchForm .text {
							display: block;
							float: left;
							width: 105px;
							margin: 0px;
							border: 0px;
							padding: 0px 5px;
							font-size: 12px;
							color: #1e2326;
							height: 20px;
							line-height: 20px;
							background: transparent;
							font-family: Helvetica, Arial, sans-serif;
						}
						#header #searchForm .submit {
							display: block;
							float: right;
							width: 20px;
							height: 20px;
							margin: 0px;
							border: 0px;
							padding: 0px;
							background: transparent;
							cursor: pointer;
						}
						.bandwidth-low #header #searchForm .submit {
							background-color: #e6e6e6;
							font-weight: bold;
							font-family: Helvetica, Arial, sans-serif;
						}
				#header #toolbar #OtherOptions {
					float: left;
					margin-top: 5px;
					margin-left: 10px;
					height: 20px;
					line-height: 20px;
					width: 240px;
				}
					#header #toolbar #TextSizeSmall {
						font-size: 1em;
					}
					#header #toolbar #TextSizeMedium {
						font-size: 1.2em;
					}
					#header #toolbar #TextSizeLarge {
						font-size: 1.4em;
					}

	#body {
		margin-bottom: 20px;
	}
		#body .templateWrapper {
			position: relative;
		}
			#body .mainBody {
				background: url('../images/template/transparent_bg_top_cap.png') left top no-repeat;
				padding-top: 10px;
				zoom: 1;
			}
			.bandwidth-low #body .mainBody {
				background-color: #5c5c5c;
				-moz-border-radius: 3px 0px 0px 3px;
				-webkit-border-radius: 3px 0px 0px 3px;
				border-radius: 3px 0px 0px 3px;
			}
				#body .mainBody .innerWrapper1 {
					background: url(../images/template/transparent_bg_bottom_cap.png) left bottom no-repeat;
					padding-bottom: 10px;
					zoom: 1;
				}
					#body .mainBody .innerWrapper2 {
						background: url('../images/template/transparent_bg_spacer.png') left top repeat-y;
						padding: 0px 10px;
						zoom: 1;
					}
						#body .mainBody .innerWrapper3 {
							background: #d9d9d9 url('../images/template/nav_dropshadow_subpage.png') 0px 40px no-repeat;
							-moz-border-radius: 0px 0px 3px 3px;
							-webkit-border-radius: 0px 0px 3px 3px;
							border-radius: 0px 0px 3px 3px;
							zoom: 1;
							padding-bottom: 20px;
						}
							#MainNav {
								height: 40px;
								background: #d3e2ea url('../images/template/nav_spacer.png') left top repeat-x;
							}
								#HowDoI {
									float: left;
									position: relative;
									width: 252px;
									height: 40px;
									background: url('../images/template/nav_how_do_i.png') 0px 0px no-repeat;
								}
								#HowDoI:hover {
									background-position: 0px -40px;
								}
									#HowDoI h2 {
										margin: 0px;
										padding: 0px;
										float: left;
										width: 125px;
										height: 40px;
										line-height: 40px;
										text-indent: -10000px;
										font-size: 1.2em;
										color: white;
										text-transform: uppercase;
									}
									.bandwidth-low #HowDoI h2 {
										background-color: #971321;
										text-align: center;
									}
									#HowDoI h3 {
										margin: 0px;
										padding: 0px;
										float: left;
										width: 125px;
										height: 40px;
										line-height: 40px;
										text-indent: -10000px;
										font-size: 1.2em;
										color: #808080;
									}
									.bandwidth-low #HowDoI h3 {
										background-color: white;
										text-align: center;
									}
									.bandwidth-low #HowDoI:hover h3 {
										background-color: #254c77;
										color: white;
									}
									#HowDoI ul {
										margin: 0px;
										padding: 1em 0em 1em 0em;
										display: none;
										position: absolute;
										top: 40px;
										left: 0px;
										width: 250px;
										background: #d3e2ea;
										-moz-border-radius: 0px 0px 3px 3px;
										-webkit-border-radius: 0px 0px 3px 3px;
										border-radius: 0px 0px 3px 3px;
										-moz-box-shadow: 0px 5px 5px #888;
										-webkit-box-shadow: 0px 5px 5px #888;
										box-shadow: 0px 5px 5px #888;
									}
									#HowDoI:hover ul {
										display: block;
									}
										#HowDoI ul li {
											border-top: 1px solid #b4c0c7;
											font-size: 1.2em;
											padding: 0;
										}
										#HowDoI ul li:first-child {
											border-top: 0px;
										}
											#HowDoI ul li a {
												display: block;
												text-align: right;
												padding: .5em 25px .5em 25px;
												color: #1e2326;
												background: url('../images/template/arrow_blue_right.png') 235px .65em no-repeat;
											}
											#HowDoI ul li a:hover {
												background-color: white;
												text-decoration: none;
											}
								#OtherNav {
									margin: 0px;
									padding: 0px;
									width: 678px;
									height: 40px;
									float: right;
								}
									#OtherNav > li {
										float: left;
										margin: 0px;
										padding: 0px;
										position: relative;
									}
										#OtherNav > li > a {
											display: block;
											height: 40px;
											line-height: 40px;
											font-size: 1.2em;
											font-weight: bold;
											color: #254c77;
											background: url('../images/template/nav_divider.png') 0px 0px no-repeat;
											text-align: center;
										}
										/* the menu margin algorithm was misbehaving, so I hand-adjusted these widths */
										#OtherNav > li.nav_home > a {
											width: 135px;
											background-image: none;
										}
										#OtherNav > li.nav_clerk-of-courts > a {
											width: 190px;
										}
										/*#OtherNav > li.nav_employee-information > a {*/
										#OtherNav > li.nav_helpful-links > a {
											width: 190px;
										}
										#OtherNav > li.nav_contact-us > a {
											width: 163px;
										}
										#OtherNav > li:hover > a {
											background-color: #254c77;
											color: #fff;
										}
										#OtherNav > li > a:hover {
											text-decoration: none;
										}
										#OtherNav > li > ul {
											display: none;
											position: absolute;
											top: 40px;
											left: 2px;
											width: 200px;
											background: #fff;
											-moz-box-shadow: 0px 5px 5px #888;
											-webkit-box-shadow: 0px 5px 5px #888;
											box-shadow: 0px 5px 5px #888;
											margin: 0px;
											padding: 10px 0 0 0;
											border-bottom: 10px solid #254c77;
										}
										#OtherNav > li.nav_contact-us > ul {
											left: auto;
											right: 0px;
										}
										#OtherNav > li:hover > ul {
											display: block;
										}
											#OtherNav > li > ul > li {
												border-top: 1px solid #d9d9d9;
												font-size: 1.2em;
											}
											#OtherNav > li > ul > li:first-child {
												border-top: 0px;
											}
												#OtherNav > li > ul > li > a {
													display: block;
													padding: .5em 20px .5em 30px;
													background: url('../images/template/arrow_grey_right.png') 20px .65em no-repeat;
													color: #1e2326;
												}
												#OtherNav > li > ul > li > a:hover {
													background-color: #d3e2ea;
													text-decoration: none;
												}
							#content {
								float: right;
								width: 640px;
								margin-top: 20px;
								margin-right: 20px;
								zoom: 1;
							}	
							.NoSidebar #content {
							}
								.contentInnerWrapper {
									-moz-border-radius: 3px;
									-webkit-border-radius: 3px;
									border-radius: 3px;
									-moz-box-shadow: 0px 0px 5px #888;
									-webkit-box-shadow: 0px 0px 5px #888;
									box-shadow: 0px 0px 5px #888;
									background-color: white;	
									background-position: center 50px;
									background-repeat: no-repeat;	
									min-height: 300px;					
								}
								.pagesection_online-services .contentInnerWrapper {
									background-image: url('../images/template/online_services_page_bg.jpg')
								}
								.pagesection_public-records-search .contentInnerWrapper {
									background-image: url('../images/template/public_records_search_page_bg.jpg')
								}
								.pagesection_courts .contentInnerWrapper {
									background-image: url('../images/template/courts_page_bg.jpg')
								}
								.pagesection_general-information .contentInnerWrapper {
									background-image: url('../images/template/general_information_page_bg.jpg')
								}
								.pagesection_county-related-functions .contentInnerWrapper {
									background-image: url('../images/template/county_related_functions_page_bg.jpg')
								}
								.pagesection_reports .contentInnerWrapper {
									background-image: url('../images/template/reports_page_bg.jpg')
								}
									#pageTitle {
										height: 50px;
										line-height: 50px;
										background: #254c77 url('../images/template/subpage_header_bg.jpg') 0px 0px no-repeat;
										font-size: 2em;
										font-weight: bold;
										color: white;
										margin: 0px;
										padding: 0px 20px;
										-moz-border-radius: 3px 3px 0px 0px;
										-webkit-border-radius: 3px 3px 0px 0px;
										border-radius: 3px 3px 0px 0px;
									}
									#content .header.body {
										margin: 0px 20px;
										padding: 1em 0px;
										border-bottom: 1px solid #e5e5e5;
										height: 1.3em;
										line-height: 1.3em;
										color: #7996b7;
									}
										#content .header.body .action-buttons {
											float: right;
										}
											#content .header.body .action-buttons a {
												display: inline-block;
												padding-right: 20px;
												margin-left: 20px;
												background-position: right center;
												background-repeat: no-repeat;
												color: #7996b7;
											}
											#content .header.body .action-buttons a:hover {
												color: #395c83;
												text-decoration: none;
											}	
											#content .header.body .action-buttons a.print {
												background-image: url('../images/template/icon_print.png');
											}				
											#content .header.body .action-buttons a.email {
												background-image: url('../images/template/icon_email.png');
											}				
										#content .header.body .nav {
											color: #7996b7;
										}
											#content .header.body .nav a {
												color: #7996b7;
											}
											#content .header.body .nav a.current {
												color: #395c83;
											}
											#content .header.body .nav a:hover {
												color: #395c83;
												text-decoration: none;
											}
									#copy {
										zoom: 1;
										padding: 0px 20px 20px;
									}
								#BottomAd {
									margin-top: 15px;
									width: 640px;
									height: 60px;
									background-color: #999999;
									border-radius: 3px;
									-moz-box-shadow: 0px 0px 5px #888;
									-webkit-box-shadow: 0px 0px 5px #888;
									box-shadow: 0px 0px 5px #888;
								}
									#BottomAd .ad {
										width: 468px;
										height: 60px;
										margin: 0px auto;
									}
							#sidebar {
								float: left;
								width: 250px;
								padding: 0px;
								background: white;
								-moz-border-radius: 0px 3px 3px 0px;
								-webkit-border-radius: 0px 3px 3px 0px;
								border-radius: 0px 3px 3px 0px;
								-moz-box-shadow: 0px 0px 5px #888;
								-webkit-box-shadow: 0px 0px 5px #888;
								box-shadow: 0px 0px 5px #888;
								margin-top: 20px;
							}
								#sidebar .section {
									margin-bottom: 2em;
								}
									#body #sidebar.aside .element {
										margin: 0px;
										padding: 0px;
									}
									#sidebar .section h1 {
										height: 50px;
										line-height: 50px;
										color: white;
										font-size: 1.5em;
										background-position: 0px 0px;
										background-repeat: no-repeat;
										text-indent: -10000px;
										margin: 0px 0px 1em;
										padding: 0px 20px 0px 20px;
									}
									#sidebar .section.submenu h1 {
										background-image: url('../images/template/related_links_gradient_header.jpg');
										background-color: #971321;
										-moz-border-radius: 0px 3px 0px 0px;
										-webkit-border-radius: 0px 3px 0px 0px;
										border-radius: 0px 3px 0px 0px;
									}
									#sidebar .section.main-categories h1 {
										background-image: url('../images/template/main_categories_gradient_header.jpg');
										background-color: #254c77;
									}
									#sidebar .section > ul {
										margin: 0px;
										padding: 0px;
									}
										#sidebar .section > ul > li {
											font-weight: bold;
											padding: 0 20px 0 20px;
										}
										#sidebar .section > ul > li:first-child {
											border-top: 0px;
										}
										#sidebar .section > ul > li:hover {
											background-color: #d3e2ea;
										}
											#sidebar .section > ul > li > a {
												display: block;
												color: #1e2326;
												border-bottom: 1px solid #e5e5e5;
												padding: .5em 0 .5em 10px;
												background: url('../images/template/arrow_grey_right.png') 0px .65em no-repeat;
											}
											#sidebar .section > ul > li > a:hover {
												text-decoration: none;
											}
											#sidebar .section > ul > li > .flyout {
												position: relative;
												height: 0px;
											}
												#sidebar .section > ul > li > .flyout > ul {
													display: none;
													position: absolute;
													top: -4em;
													left: 210px;
													width: 230px;
													-moz-border-radius: 3px;
													-webkit-border-radius: 3px;
													border-radius: 3px;
													-moz-box-shadow: 0px 0px 5px #888;
													-webkit-box-shadow: 0px 0px 5px #888;
													box-shadow: 0px 0px 5px #888;
													background: #d3e2ea;
													margin: 0px;
													padding: 10px 0px;
													z-index: 20;
												}
												#sidebar .section > ul > li:hover > .flyout > ul {
													display: block;
												}
													#sidebar .section > ul > li > .flyout > ul > li {
														margin: 0px;
														padding: 0px;
													}
														#sidebar .section > ul > li > .flyout > ul > li > a {
															display: block;
															padding: .5em 20px .5em 30px;
															background: url('../images/template/arrow_blue_right.png') 20px .65em no-repeat;
															color: #395c83;
														}
														#sidebar .section > ul > li > .flyout > ul > li > a:hover {
															background-color: white;
															text-decoration: none;
														}
												.bandwidth-high #sidebar .section > ul > li > .flyout > .arrow {
													display: none;
													position: absolute;
													top: -2em;
													left: 195px;
													width: 15px;
													height: 25px;
													background: url('../images/template/arrow_flyout_nav.png') 0px 0px no-repeat;
													z-index: 30;
												}
												.bandwidth-high #sidebar .section > ul > li:hover > .flyout > .arrow {
													display: block;
												}
								#SidebarAd {
									margin: 0px 20px 20px;
									background: #737373;
									-webkit-border-radius: 3px;
									-moz-border-radius: 3px;
									border-radius: 3px;															
								}
									#SidebarAd .ad {
										width: 125px;
										margin: 0px auto;
									}
			#body #RightAdBar {
				position: absolute;
				right: -130px;
				top: 0px;
				width: 130px;
				background: url('../images/template/transparent_bg_top_cap.png') right top no-repeat;
				padding-top: 10px;
			}
			.bandwidth-low #body #RightAdBar {
				background-color: #727272;
				-moz-border-radius: 0px 3px 3px 0px;
				-webkit-border-radius: 0px 3px 3px 0px;
				border-radius: 0px 3px 3px 0px;
			}
				#body #RightAdBar .innerWrapper1 {
					background: url(../images/template/transparent_bg_bottom_cap.png) right bottom no-repeat;
					padding-bottom: 10px;
				}
					#body #RightAdBar .innerWrapper2 {
						background: url('../images/template/transparent_bg_spacer.png') right top repeat-y;
						padding-right: 10px;
						min-height: 1210px !important;
					}
						#body #RightAdBar .innerWrapper3 {
						}
							#body #RightAdBar .ad {
								margin-bottom: 10px;
							}
	#footer {
		text-align: center;
		color: #e6e6e6;
	}
		#footer a {
			color: #e6e6e6;
		}
		#footer .nav {
			color: white;
			font-size: 1.2em;
			font-weight: bold;
			margin-top: .5em;
			margin-bottom: .5em;
		}
			#footer .nav a {
				color: white;
			}
		#footer .info {
			width: 600px;
			margin: 0px auto;
			padding-bottom: .5em;
		}