/********************************************************************
*	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:#333;}
a {color:#333;}
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:20px;}
h1,h2,h3,h4,h5,h6 {font-family:Georgia,serif;color:#520002;margin-bottom:5px;}
p,blockquote,ul,ol,dl,table {margin-bottom:15px;line-height:1.5em;}
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;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:0 !important;padding:0 !important;border-left:0 !important;border-right:0 !important;float:left;_zoom:1;_height:1%;}
.grid1of1{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;}
/*****************************
*	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(/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;text-align:right;font-family:Georgia,serif;}
#ContentWrapper {background:url(/images/masthead-bg.jpg) left top no-repeat #fff;;padding-top:200px;position:relative;}
#MainNav {margin:0;padding:0;height:49px;line-height:49px;position:absolute;top:0;left:0;width:100%;}
#MainNav a {padding:0 10px;font-size:15px;color:#d9dbd2;height:49px;text-align:center;}
#MainNav a.active,
#MainNav a:hover {color:#fff;}
#MainNav a.active {font-weight:bold;}
#MainNav a.home {width:155px;}
#MainNav a.department-directory {width:260px;}
#MainNav a.elected-officials {width:220px;}
#MainNav a.contact-us {width:215px;}
#Content {background:transparent url(/images/preserve-america.jpg) left bottom no-repeat;padding:10px;padding-bottom:0;margin-top:-25px;}
#Content > :last-child {margin-bottom:0;padding-bottom:0;}
#PlatinumSponsors {padding-top:80px;background:url(/images/content-footer-top.jpg) top center no-repeat #F2F2F2;margin:0;text-align:center;}
#PlatinumSponsors > :last-child {margin-bottom:0;padding-bottom:0;}
#PlatinumSponsors ul {margin:0;}
#PlatinumSponsors li {list-style:none;display:inline;padding:0 5px;}
#ContentFooter {height:9px;line-height:0;background:url(/images/content-footer-bottom.gif) top center no-repeat;margin:0 0 10px 0;}
#Footer {padding:0 10px;margin-bottom:25px;color:#520002;} 
#Footer a {color:#520002;}
#FooterNav {margin-left:-5px;} 
#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 {padding-top:25px;}
#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');} /* IE6 hack */

.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;}
.testimonial {margin-bottom:15px;}
.testimonial-image {display:block;margin:5px auto;border:3px solid #e6ddcc;}
.testimonial-author {text-align:center;font-size:15px;}
.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;}
#WeatherForecast p {margin-bottom:5px;line-height:1.2em;}
#WeatherForecast b {font-weight:bold;font-size:13px;}

.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;}
