/********************************************************************
*	Start: CSS Browser Reset
****************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,thead,th,tr,td,tbody{margin:0;padding:0;}
body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:62.5%;}
a{text-decoration:none;color:black;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul,li,dl,dd,dt{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;padding:0;margin:0;}
q:before,q:after{content:'';}
abbr,acronym,.help{cursor:help;text-decoration:none;border:0;border-bottom:1px #666 dotted;}
/*****************************
*	End: CSS Browser Reset  
*****************************/

/********************************************************************
*	Start: Site-Specific Base Styles
************************************/
body {font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;color:#6e6645;}
a {color:#012757;}
a:hover {text-decoration:underline}
h1 {font-size:25px;line-height:30px;}
h2 {font-size:22px;line-height:25px;}
h3 {font-size:17px;line-height:20px;}
h4,h5,h6 {font-size:15px;line-height:18px;}
h1,h2,h3,h4,h5,h6 {font-family:Georgia,serif;color:#012757;margin-bottom:5px;}
p,blockquote,ul,ol,dl,table {margin-bottom:10px;line-height:16px;}
th,td {vertical-align:top;padding:0 5px 3px 0;}
th {font-weight:bold;}
ul, ol {margin-left:20px;}
ul li {list-style:disc;}
ol li {list-style:decimal;}
hr {width:auto;height:1px;line-height:1px;border:none;background:transparent;margin:15px 0;padding:0;color:#fff;} /* color: IE6 hack */
:focus {outline:0;}
/*****************************
*	End: Site-Specific Base Styles
*****************************/

/********************************************************************
*	Start: Grids
********************************************************************/
/* Make sure to clear your floats, this does not use the .clearFix method */
.grid {margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;border-left:0 !important;border-right:0 !important;float:left;_zoom:1;_height:1%;}
.grid1of1{clear:both;float:none;}
.grid1of2,.grid2of4{width:49.999999%;}
.grid1of3{width:33.333333%;}
.grid2of3{width:66.666666%;}
.grid1of4{width:24.999999%;}
.grid3of4{width:74.999999%;}
.grid1of5{width:19.999999%;}
.grid2of5{width:39.999999%;}
.grid3of5{width:59.999999%;}
.grid4of5{width:79.999999%;}
.grid-content {padding:0 10px;}
.grid-first {clear:both;}
.grid-first > .grid-content {padding-left:0;}
.grid-last > .grid-content {padding-right:0;}
/*****************************
*	End: Grids
*****************************/

/********************************************************************
*	Start: Utils
********************************************************************/
.float-left {float:left;}
.float-right {float:right;}
img.float-left {margin:0 5px 5px 0;}
img.float-right {margin:0 0 5px 5px;}
.clear {clear:both}
span.clear {clear:both;height:0;line-height:1%;display:block;visibility:hidden;overflow:hidden;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-justify {text-align:justify;}
/*****************************
*	End: Utils
*****************************/

body {text-align:center;background:url(/images/body-bg.jpg);}
#Wrapper {text-align:left;margin:auto;}
.site-width, #Wrapper {width:850px;}

#Header {height:100px;}
#HeaderLogo {display:block;float:left;width:225px;height:75px;padding-top:15px;vertical-align:middle;}
#HeaderLinks {margin:0;margin-left:225px;padding:35px 0 0 0;text-align:right;color:#354435;}
#HeaderLinks a {padding:5px 10px;color:#354435;}
#HeaderLinks a:hover {text-decoration:underline;}
#Header .welcome {color:#520002;font-size:20px;line-height:30px;text-align:right;font-family:Georgia,serif;}
#ContentWrapper {background:#F9F3E8;}
#MainNav {margin:0;padding:0;height:49px;overflow:hidden;line-height:49px;width:100%;background:url(/images/main-nav-bg.jpg) left top no-repeat #fff;}
#MainNav a {padding:0 10px;font-size:13px;color:#d9dbd2;height:49px;text-align:center;}
#MainNav a.active,
#MainNav a:hover {color:#fff;}
#MainNav a.active {font-weight:bold;}
#MainNav a.contact-us {float:right;width:130px;}
#MainNav a.home {width:85px;}
#MainNav a.county-commisioners {width:165px;}
#MainNav a.department-directory {width:165px;}
#MainNav a.legislative-contacts {width:160px;}
#MainNav a.county-map {width:70px;}
#Masthead {border:3px solid #a0987d;clear:both;height:225px;}
#Masthead img {margin:0;padding:0;}
#Content {padding:10px;padding-bottom:0;}
#Column-1 {width:150px;position:relative;}
#Column-2 {width:450px;position:relative;}
#Column-3 {width:230px;position:relative;}
body.columns-2 #Column-2 {width:680px;}
body.columns-2 #Column-3 {display:none;}
#Content > :last-child {margin-bottom:0;padding-bottom:0;}
#ContentFooter {height:137px;line-height:0;background:url(/images/content-footer-bottom.png) top center no-repeat;margin:0 0 10px 0;}
* html #ContentFooter {background:transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/content-footer-bottom.png');}
#Footer {padding:0 10px;margin-top:-20px;margin-bottom:25px;text-align:center;} 
#Footer a {color:#012757;}
#FooterNav {color:#012757;} 
#FooterNav a {padding:0 5px;}
#FooterNav a:hover {text-decoration:underline;}
#FooterNav a.active {font-weight:bold;}

#SidebarOne {margin-bottom:75px;}
#SidebarTwo {}

ul.vertical-nav {margin:0 0 15px 0;}
ul.vertical-nav li {list-style:none;line-height:2.25em;background:url(/images/sidenav-divider.jpg) center bottom no-repeat;}
ul.vertical-nav li:last-child {background:none;}
ul.vertical-nav a.active {font-weight:bold;}

/*
#MainContent hr {background:url(/images/horizontal-rule.jpg) center center no-repeat;height:30px;}
* html #MainContent hr {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/horizontal-rule.jpg');}
*/
hr {border-bottom:1px solid #EFE0C2;padding-top:10px;margin-top:0;}

.community-events {margin-bottom:5px;background:url('/images/community-events.jpg') left top no-repeat;height:33px;color:#fff;line-height:33px;font-size:15px;}
.community-events a {display:block;height:33px;color:#fff;padding-left:40px;line-height:33px;}
.phone-block {margin-bottom:5px;background:url('/images/phone.jpg') left top no-repeat;height:33px;color:#fff;line-height:33px;font-size:15px;}
.phone-block span {display:block;height:33px;color:#fff;padding-left:40px;line-height:33px;}
.testimonial {margin-bottom:10px;}
.testimonial-image {display:block;margin:5px auto;border:3px solid #e6ddcc;}
.testimonial-image img {max-width:100%;}
.testimonial-author {text-align:center;font-size:15px;line-height:18px;}
.testimonial-author span {font-size:11px;font-style:italic;font-weight:normal;}
.testimonial-quote {font-style:italic;}

.historic-site {text-align:center;}
.historic-site-image {margin-bottom:10px;}
.historic-site-title {font-size:15px;}
.historic-site-subtitle {color:#666;}

#WeatherForecast {border:1px solid #ccc;padding:5px;padding-bottom:0;background:#fff;margin-bottom:5px;}
#WeatherForecast p {margin-bottom:5px;line-height:1.2em;font-size:9px;}
#WeatherForecast b {font-weight:bold;font-size:10px;}

.advertisements .grid {text-align:center;margin-bottom:5px !important;}
.advertisements .grid-content {background:#fff;padding:5px;border:3px solid #e6ddcc;overflow:hidden;}
.advertisements .grid1of1 .grid-content {padding:5px 4px;height:75px;}
.advertisements .grid1of2 .grid-content {height:75px;}
.advertisements .grid-first .grid-content {margin-right:3px;}
.advertisements .grid-last .grid-content {margin-left:2px;}
.advertisements img {max-width:100%;}

.recent-articles .article {margin-bottom:10px;}
.recent-articles .article-date,
.recent-articles .article-more {font-weight:bold;}

.articles .article {margin-bottom:20px;}
.articles .article-title {margin-bottom:0;}
.articles .article-date {margin-bottom:10px;font-style:italic;font-size:10px;line-height:10px;}
.articles .article-body {}
.articles .article-more a {padding:3px 8px;border:1px solid #7F754F;background:#8F8662;color:white;}

.full-article {margin-bottom:20px;}
.full-article .article-title {margin-bottom:0;}
.full-article .article-date {font-style:italic;line-height:11px;}
.full-article .article-body img {max-width:100%;}
.full-article .article-body img.left {float:left;margin:0 5px 5px 0;}
.full-article .article-body img.right {float:right;margin:0 0 5px 5px;}

.email-updates-form {background:url(/images/newsletter-form.jpg) top left no-repeat;height:60px;position:relative;margin-bottom:5px;}
.email-updates-form .email {width:130px;margin:35px 0 0 10px;border:0;background:transparent;font-size:11px;}
.email-updates-form .submit {background:transparent;border:0;width:52px;height:16px;padding:0;margin:0;cursor:pointer;position:absolute;left:149px;top:34px;}

/*********** scrollable ***********/
div.scrollable {float:left;}
a.scrollable-prev, a.scrollable-next, a.scrollable-prevPage, a.scrollable-nextPage {display:block;width:18px;height:18px;background:url(http://static.flowplayer.org/tools/img/arrow/left.png) no-repeat;float:left;margin:43px 10px;cursor:pointer;}
a.scrollable-prev:hover, a.scrollable-next:hover, a.scrollable-prevPage:hover, a.scrollable-nextPage:hover {background-position:0px -18px;}
a.disabled {visibility:hidden !important;}
a.scrollable-next, a.scrollable-nextPage {background-image:url(http://static.flowplayer.org/tools/img/arrow/right.png);clear:right;}

/*********** scrollable navigator ***********/
div.scrollable-navi {margin:0 25px 5px 25px;text-align:center;height:8px;overflow:hidden;line-height:8px;padding-top:9px;}
div.scrollable-navi a {vertical-align:top;height:8px;padding:0 5px;overflow:hidden;line-height:10px;margin:0 2px;background:url(/images/navigator.png) 0 0 no-repeat;cursor:pointer;display:inline;display:inline-block;}
div.scrollable-navi a:hover {background-position:0 -8px;}
div.scrollable-navi a.active {background-position:0 -16px;} 	

/*********** scrollable custom ***********/
div.scrollable {clear:both;position:relative;overflow:hidden;width:100%;border:1px solid #ddd;height:260px;margin-bottom:10px;}/* custom positioning for navigational links */
a.scrollable-prev, a.scrollable-next {width:18px;height:18px;margin:3px;float:left;}
a.scrollable-next {float:right;}
.scrollable-items {position:absolute;width:20000em;	clear:both;} 
.scrollable-items .scrollable-item {float:left;width:410px;padding:10px;}
.scrollable-items .scrollable-item .scrollable-item-image {text-align:center;}
.scrollable-items .scrollable-item .scrollable-item-image img {border:3px solid #e6ddcc;}

#Page-DepartmentDirectory .directory-list {text-align:left;}
#Page-CountyCommissioners .directory-list h3,
#Page-DepartmentDirectory .directory-list h3,
#Page-CountyCommissioners .directory-list p {padding-left:3px;}
#Page-CountyCommissioners .directory-list h3 .title,
#Page-DepartmentDirectory .directory-list h3 .title{font-size:12px;line-height:15px;font-style:italic;}
#Page-CountyCommissioners .directory-list img.photo,
#Page-DepartmentDirectory .directory-list img.photo {display:block;margin:5px 0;border:3px solid #E6DDCC;}
#Page-CountyCommissioners .directory-list img.photo {margin:5px 0;}

.faq-list dt {color:#012757;font-size:13px;margin-bottom:5px;}
.faq-list dd {font-style:italic;margin-left:15px;margin-bottom:15px;}