html { margin: 0; padding: 0; }
body { background: #444 url(grid.png) 38px 0; font-family: candara, corbel, tahoma, helvetica nueue, helvetica, arial, sans-serif; margin: 0; padding: 0; }
body { background-image: url(noise-dark.jpg); }
a { color: #3859b9; text-decoration: none; border-bottom-style: none; border-bottom: 1px solid #3859b9; }
a:hover { border: 0; }
a:active { border: 0; }
strong { font-weight: bold; }
textarea, .textinput { }
.accessibility { display: none; }
/* search Bar */
#searchwrapper { background: #444 url(search-bar.png) repeat-x 0 100%; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 99.99%; height: 36px; width: 100%;}
#searchdiv { height: 36px; margin: 0 auto; width: 950px; }
#searchdiv p { display: inline; }
#searchdiv label { color: #eee; font-weight: normal; }
#frmfind { float: right; padding: 7px 80px 0 0; }
#findbox { background-color: #eee; border: none; color: #777; width: 142px; }
#submitfind { font-size: 93%; margin-bottom: 2px;}
.findbutton { margin: -2px 0 0 0; vertical-align:middle; }
/* wrappers */
#maindivision { background: transparent url(top-gradient.jpg) 0 0 repeat-x; }
#bodywrapper { background: #ccc url(noise-lite.jpg); }
#pagewrapper { background: #eee url(upper-page.jpg) 0 0 repeat-y; margin: 0 auto; width: 950px; }
/* masthead */
#masthead { background: transparent url(masthead-gradient.jpg) 0 0 no-repeat; height: 126px; padding-top: 36px; }
#masthead a { background: transparent url(masthead-logo.jpg) no-repeat; border: 0; display: block; height: 90px; margin: 0 0 0 70px; padding: 0; text-indent: -999em; width: 800px; }
#masthead a:hover { border: none; }
/* blue navigation */
#mainnavigation { background: #3859b9 url(nav-edge-right.jpg) 100% 0 no-repeat; float: left; margin: 0 70px 15px 70px; width: 810px; }
#mainnavigation ul { background: transparent url(nav-edge-left.jpg) no-repeat; float: left; margin: 0; padding: 0 0 0 10px; }
#mainnavigation li { background: transparent url(nav-spacer.jpg) 100% 0 no-repeat; float: left; font-size:91.6667%; list-style: none; margin: 0; }
#mainnavigation a, #mainnavigation .sectionactive, #mainnavigation .sectionowner { border: 0; color: #eee; display: block; float: left; font-family: verdana, tahoma, helvetica, arial, sans-serif; text-transform: uppercase; text-decoration: none; }
#mainnavigation a, #mainnavigation .sectionactive { padding: 8px 12px 12px 12px; }
#mainnavigation a:hover, #mainnavigation a:focus { background: #6589eb url(nav-hover.jpg) 50% 0 no-repeat; color: #fff; }
#mainnavigation .sectionactive { background: #c8d7eb url(nav-sectionactive.jpg) repeat-x; color: #555; }
/* promo boxes */
#promo1 { background: transparent url(creek-photo-stickies.jpg) no-repeat; clear: both; height: 234px; }
#promo1 p { float: left; font-size: 108.3333%; height: 170px; margin: 20px 0 0 90px; overflow: hidden; padding: 0; width: 160px; }
#promo1 a { color:#f26921; border: 0;}
#promo2 { background: transparent url(alert.jpg) no-repeat; clear:both; font-size: 150%; height: 52px; padding-top: 20px; width: 950px; }
#promo2 p { margin-left: 120px; }
#promo2 a { color: #222; border: 0; }
#promo2 a:hover { color: #3859b9; }
/* promo switcher */
#promo1, body.about_us #promo2 { display: none; }
#promo2, body.about_us #promo1 { display: block; }
#promo2 { display: none; }
/* breadcrumbs */
#crumbs { height: 18px; padding-bottom: 21px; padding-top: 15px; }
ul.breadcrumbs { background: transparent url(crumb-swirl.jpg) no-repeat; float: left; list-style: none; margin: 0; padding: 0 0 0 80px; }
ul.breadcrumbs li, ul.breadcrumbs a { font-family: verdana, tahoma, helvetica, arial, sans-serif; float:left; margin:0; padding: 0; }
ul.breadcrumbs li { margin: 0; }
ul.breadcrumbs a { border: 0; color: #3859b9; display: block; padding: 0 4px; text-transform: lowercase; text-decoration: none; }
ul.breadcrumbs a:hover, ul.breadcrumbs a:focus { color: #c3af3c; text-decoration: underline; }
ul.breadcrumbs li.breadcrumbsfinal { margin-left: 4px; text-transform: lowercase; }
/* sub-navigation */
#subnavwrapper { background: #fdfdfd url(sub-navigation-top.jpg) no-repeat; margin-top: 36px; }
ul.nav { background: transparent url(sub-navigation-bottom.jpg) 0 100% no-repeat; float: left; font-size: 108.3333%; font-family: tahoma; list-style:none; margin: 0 0 0; overflow: hidden; padding: 54px 0 53px 0; }
ul.nav li { float:left; }
ul.nav li a {background: transparent url(sub-navigation-item.jpg) repeat-y; border:0; color: #3859b9; display: block; padding: 12px 0 13px 20px; text-transform: lowercase; width: 210px; }
ul.nav li a:hover { background: #ffc url(sub-navigation-item-hilite.jpg) repeat-y; color: #1e4173; }
#content { background: transparent url(article-bottom.jpg) 260px 100% no-repeat; padding-bottom: 18px; }
#articlewrapper { background: #fdfdfd url(article-top.jpg) no-repeat; margin: 0 20px; overflow: hidden; padding-top: 18px; width: 622px; }
.articlediv { background: transparent url(article-body.jpg) repeat-y; font-size: 133.3333%; }
.articletext { background: #fdfdfd url(article-swirl.jpg) 60px 36px no-repeat; padding: 54px 80px 54px 120px; }
.articlesmall { color: #999; font-size: 83.3333%; padding: 18px 120px; }
.articletext h2, .articletext h3, .articletext h4, .articletext h5, .articletext h6 { clear: left; }
/* section 2 wrappers */
#section2 { background: transparent url(section-two-body.jpg) 50% 0 repeat-y; }
#resources { clear: both; padding: 80px 70px 0 70px; }
#extraswrapper { background: transparent url(wide-transition.jpg) repeat-x; }
#extras { background: transparent url(section-transition.jpg) no-repeat; font-size: 133.333%; margin: 0 auto; width: 950px; }
#extras a { border: 0; }
#extras h3 { border-bottom: 1px solid #c8d7eb; color: #c8d7eb; font-family: tahoma, verdana, candara, corbel, helvetica, segoe ui, sans-serif; font-size: 150%; margin-bottom: 54px; }
#extras ul { list-style:none; margin:0; padding:0; }
#extras h4{ margin: 14px 0 12px 0; }
#extras h4 a { color: #fefea6; text-transform: capitalize; }
#extras h4 a:hover { border: none; color: #fff; }
#extras .jumpbox h4, #extras .jumpbox ul { padding-left: 160px; }
#extras .jumpbox li a { background: transparent url(yellow-arrow.png) 0 50% no-repeat; color: #aaa; display: block; font-size: 100%; padding-left: 14px; text-transform: capitalize; }
#extras .jumpbox li a:hover { color: #eee; border: none; }
li.jumpbox { float: left; height: 198px; margin: 0 30px 36px 0; width: 390px; }
li.jumpbox + .jumpbox { margin-right: 0; }
li.jumpbox + .jumpbox + .jumpbox { margin-right: 30px; }
li.jumpbox + .jumpbox + .jumpbox + .jumpbox { margin-right: 0; }
li.jumpbox + .jumpbox + .jumpbox + .jumpbox + .jumpbox { margin-right: 30px; }
li.jumpbox + .jumpbox + .jumpbox + .jumpbox + .jumpbox + .jumpbox { margin-right: 0; }
#jlist li { background-color: #3c3c3c; background-repeat: no-repeat; }
#h2oservice { background-image: url(jlist-water-service.jpg); }
#conservation { background-image: url(jlist-conservation.jpg); }
#extraservices { background-image: url(jlist-extra-services.jpg); }
#ccrs { background-image: url(jlist-deed-restrictions.jpg); }
#mudboard { background-image: url(jlist-mud-board.jpg); }
#annexation { background-image: url(jlist-annexation.jpg); }
#officeinfo { background: transparent url(dark-open.jpg) 50% 0 no-repeat; color: #aaa; padding: 90px 0 36px 80px; }
#address, #officehours { float: left; width: 360px; }
#officehours { margin-left: 60px; }
#foot { background: transparent url(dark-close.jpg) 50% 0 no-repeat; color: #999; margin: 0 auto; padding: 54px 70px 36px 90px; width: 790px; }
#foot a { color: #999; border: 0; }
#foot a:hover { color: #eee; }
/* site map */
#mapwrapper ul { margin-left: 140px; }
#mapwrapper ul ul { margin-left: 1.5em; }
#mapwrapper li { padding: 2px 0 3px 0; }
/* log in form */
.logindiv { background-color: #e2e5ea; border: 1px solid #333; color: #777; font-size: 27px; font-weight: 100; margin: 27px 60px 27px 140px; padding: 27px; }
.logindiv label { margin: 0 9px; }
/* search results */
.searchresults { margin-left: 70px; }
ul.searchresults { list-style: none; margin:0 20px 0 70px; padding:0; }
ul.searchstats { color: #999; list-style: none; margin:0; padding: 0; }
ul.searchstats li { display: inline; float: left; padding-right: .5em; }
.totalarthits { color: #666; font-weight: bold; }
h1.searchresults { padding-top: 36px; }
h4.searchresults { font-size: 150%; font-weight: normal; margin-top: 54px; margin-bottom: 9px; }
.searchsnippets { font-size: 133.333%; }
body.srch ul.breadcrumbs { visibility: hidden; }
.about_us h3 { border-top: 1px solid #ddd; margin-bottom: 0; padding-top: 18px; }