﻿body, h1, h2, h3, h4, p, ul, ol, li, table, td, th, form, fieldset, label, img, blockquote, hr { padding: 0; margin: 0; border: none; }
body { background: #FFF url(../images/background.png) repeat-x top; color: #3F3F3F; font-size: 12px; font-family: Arial; }
h1, h2, h3, h4, p, ul, ol, table, blockquote, hr { margin-bottom: 1em; }
h1, h2, h3, h4 { color: #504539; }
h1 { height: 0; overflow: hidden; margin: 0; }
hr { border: solid 1px #000; }
li { margin-bottom: 1em; }
ul, ol { padding-left: 40px; }
ul.no-style { list-style: none; padding: 0; }
ul.small-spacing li { margin-bottom: 0.25em; }
ul.tight li { line-height: 1em; }
ul.big-gap li { margin-bottom: 1em; }
.last { margin-bottom: 0 !important; }
.first { margin-left: 0 !important; }
a { color: #E2691B; text-decoration: none; }
a.active { color: #3F3F3F; }
a:hover { text-decoration: underline; }
.upcase { text-transform: uppercase; }
.bold { font-weight: bold; }
.not-bold { font-weight: normal; }
.container { position: relative; }
.clear { clear: both; }
.hide { display: none; }
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.required-field { color: #E2691B; font-weight: bold; font-size: 16px; }
table { position: relative; width: 100%; border-collapse: collapse; }
td, th { vertical-align: top; text-align: left; }
.bm0 { margin-bottom: 0 !important; }
.bm1em { margin-bottom: 1em !important; }
.bm2em { margin-bottom: 2em !important; }
.rm10px { margin-right: 10px; }
.rp25px { padding-right: 25px; }
.no-br { white-space: nowrap; }

.red { color: #C00; }
.blue { color: #33F; }
.yellow { color: #FF0; }
.purple { color: #662D91; }

/* Clear fix styling */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* WinIE7 only */
*:first-child+html .clearfix { height:1%; }
/* WinIE6 and below */
/*¥*/
* html .clearfix { height:1%; }
/**/
/* MacIE only */
/*¥*//*/
.clearfix { display:inline-table; }
/**/

#page { width: 996px; margin: auto; position: relative; padding-bottom: 10px; }
#shadow-top { background: url(../images/shadow/full.png) repeat-y center top; position: relative; height: 25px; overflow: hidden; }
#shadow-body { background: url(../images/shadow/full.png) repeat-y left top; position: relative; z-index: 2; }
#shadow-bottom { background: url(../images/shadow/full.png) repeat-y right top; position: relative; height: 25px; overflow: hidden; z-index: 1; }
#body { position: relative; width: 960px; margin: auto; background: #FFF; }
#footer { width: 920px; margin: -15px auto 0 auto; padding: 5px 20px; }
#footer p { margin: 0; }
* html #shadow-top { background: url(../images/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/resources/images/shadow/top.png"); }
* html #shadow-body { background: url(../images/shadow/body-repeat.png) repeat-y; }
* html #shadow-bottom { background: url(../images/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/resources/images/shadow/bottom.png"); }
* html #body { background: url(../images/shadow/body-gradient.png) no-repeat 0px 19px; width: auto; padding: 0 18px; top: auto; margin-top: -19px; }
* html #content { margin-top: auto; top: auto; }

#main-navigation { list-style: none; background: #748A25; color: #FFF; margin: 0; padding: 3px 0 3px 23px; width: 444px; float: left; }
#main-navigation li { margin: 0; float: left; background: url(../images/vertical-white-bar.png) no-repeat right center; padding-right: 1px; }
#main-navigation li.last { background: none; padding: 0; }
#main-navigation a { display: block; color: #FFF; line-height: 1em; text-align: center; padding: 5px 10px; }
#main-navigation a span { display: block; }

.navigation { position: relative; }
.navigation .previous, .navigation .next { position: absolute; display: block; width: 85px; height: 34px; }
.navigation .previous a, .navigation .next a { display: block; text-indent: -5000px; overflow: hidden; height: 34px; width: 85px; }
.navigation .previous { left: 0; background: url(../images/buttons.png) no-repeat right top; padding: 0 13px 8px 0; }
.navigation .next { right: 0; background: url(../images/buttons.png) no-repeat left top; padding: 0 3px 8px 5px; }
.navigation .up { display: block; margin: auto; text-align: center; line-height: 34px; }
.navigation .previous-disabled { background-position: right bottom; }
.navigation .next-disabled { background-position: left bottom; }

#top-corner { background: #E2691B url(../images/textbox.png) no-repeat top right; color: #FFF; width: 473px; height: 40px; float: left; padding: 0 10px; }
#top-corner h3 { color: #FFF; margin: 3px 0 0 0; font-size: 12px; }
#top-corner h3 a { color: #FFF; }
#top-corner p { margin: 0; font-size: 10px; line-height: 1em; }
#top-corner input.box { background: none; border: none; vertical-align: middle; font-family: Arial; margin: 0; padding: 0; width: 175px; height: 16px; padding: 3px 35px 3px 3px; }
#top-corner .button { position: absolute; top: -12px; right: -20px; }
#top-corner .left { float: left; text-align: right; width: 250px; }
#top-corner .right { margin-top: 9px; height: 22px; position: relative; float: right; }
* html #top-corner .button span { display: block; position: relative; background: url(../images/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/resources/images/envelope.png"); width: 63px; height: 45px; }
* html #top-corner .button input { position: absolute; top: 0; left: 0; filter: alpha(opacity=0); }

#banner { clear: both; margin-bottom: 20px; }
#body { position: relative; top: -19px; }
#content { position: relative; margin-top: -28px; top: 28px; background: url(../images/vertical-green-bar.png) repeat-y 226px 0px; }
#content .left { float: left; width: 230px; }
#content .left .section { padding: 20px; text-align: left; }
#content .left .section a { color: #3F3F3F; }
#content .left .section a.more { color: #E2691B; font-weight: bold; }
#content .left .section-first { padding-top: 0; }
#content .right { float: right; width: 680px; padding-right: 25px; }
#content .right .section { margin-bottom: 2em; }
#content .right .section-line { margin-bottom: 2em; padding-bottom: 1em; border-bottom: solid 1px #748A25; }

.fire-background { margin-left: -20px; margin-right: -20px; padding: 4px 20px; background: url(../images/fire.png) repeat-y; }
.ideas-background { background: url(../images/ideas.jpg) no-repeat; height: 150px; }
.ideas-background h3 a { color: #FFF !important; }
.community-background { background: url(../images/community.jpg) no-repeat center 85px; height: 225px; }
.construction-background h3 { margin: -20px -20px 0 -20px; }
.construction-background .image { background: url(../images/construction.jpg) no-repeat; margin: 0 -20px; padding: 6px 20px; min-height: 161px; text-align: right; }

#split-center .left { float: left; clear: left; width: 455px; }
#split-center .left .section { padding: 0; text-align: left; }
#split-center .left .section a { color: #E2691B; }
#split-center .left .section-line { padding-bottom: 1em; }
#split-center .right { float: right; clear: right; width: 200px; padding: 0; }
#split-center .right a { color: #748A25; }
#split-center .right a.active { color: #3F3F3F; }
#split-center .right a.more { color: #E2691B; }

body, h1, h3, h4, p, ul, ol, li, blockquote { line-height: 1.25em; }
h2 { font-size: 28px; line-height: 1em; font-weight: normal; letter-spacing: -1px; margin-bottom: 0.5em; }
h3 { font-size: 18px; line-height: 1em; margin-bottom: 0.5em; }
h4 { font-size: 12px; line-height: 1em; margin-bottom: 0.5em; }
input, textarea { font-family: Arial; font-size: 12px; margin: 0; }

.home-video { width: 250px; }
ul.pictures { padding: 0; list-style: none; margin-right: 25px; }
ul.pictures li { margin-bottom: 1em; }
ul.pictures li img { border: solid 1px #999; background: #CCC; width: 200px; height: 150px; }
.pictures-text { width: 453px; }

#map-text { position: absolute; top: 36px; right: 52px; width: 230px; font-size: 11px; }
#map-text h2 { font-size: 18px; font-weight: bold; color: #254634; margin-bottom: 17px; }
#map-text p { padding: 0 15px; line-height: 1.20em; }
#map-upper { width: 275px; height: 180px; margin-left: 25px; margin-top: -7px; float: right; }
#map-lower { position: relative; width: 405px; height: 312px; margin-left: 25px; padding-bottom: 25px; float: right; margin-bottom: 1em; }
* html #map-upper { margin-bottom: -187px; }
* html #map-lower { margin-top: 173px; }
*:first-child+html #map-upper { margin-bottom: -187px; }
*:first-child+html #map-lower { margin-top: 173px; }

.three-equal-columns .column { float: left; width: 200px; margin-left: 15px; }
#content .right .half { width: 340px; }
.green-fader { border-top: solid 1px #748A25; background: #E1EECF url(../images/green-fader.png) repeat-x bottom left; padding: 25px; }
.green-fader h3 { font-size: 14px; }

fieldset .control { background: url(../images/box-400.gif) no-repeat 0px bottom; width: 420px; border: none; }
fieldset .control label { padding: 5px; color: #504539; }
fieldset .control textarea, fieldset .control input { border: solid 0px #FFF; width: 390px; padding: 5px; }
fieldset .control p { background: url(../images/box-400.gif) no-repeat -420px top; padding: 5px 15px 15px 5px; margin: 0; }

.admin-box h2 { font-size: 12px; margin-bottom: 1em; line-height: 1.2em; letter-spacing: 2px; text-transform: uppercase; padding-bottom: 0.25em; font-weight: bold; color: #699; border-bottom: solid 1px #000; text-align: center; }
.admin-box table { border-collapse: collapse; margin: 0; }
.admin-box td { position: relative; vertical-align: middle; padding: 2px 5px; white-space: nowrap; }
.admin-box .status { white-space: normal; display: none; font-weight: bold; }
.admin-box .status p { margin: 0; padding: 7px 0 3px 0; width: 225px; }
.admin-box .status .errors { color: #9E2629; }
.admin-box .status .success { color: #669999; }
.admin-box .status .loading { text-align: center; }
.admin-box label { font-weight: bold; }
.admin-box label.cb { font-weight: normal; }
.admin-box span.cb input { display: inline-block; margin-right: 5px; }
.admin-box input.b { background: #669999; border: none; font-weight: bold; color: #FFFFFF; padding: 0.25em 0.5em; font-size: 12px; }
.admin-box input.tbsl, .admin-box input.tbp { position: relative; width: 150px; border: solid 1px #669999; padding: 2px 1px; font-size: 11px; font-family: Arial; }
.admin-box input.tbsl.invalid, .admin-box input.tbp.invalid { border: solid 1px #9E2629; }

p.box-200 { background: url(../images/box-200.gif) no-repeat bottom left; width: 220px; }
p.box-200 span { display: block; background: url(../images/box-200.gif) no-repeat top right; padding: 5px 15px 15px 5px; margin: 0; }
p.box-200 a { display: block; overflow: hidden; }
.box-425 { background: url(../images/box-425.gif) no-repeat bottom left; width: 445px; }
.box-425 p { background: url(../images/box-425.gif) no-repeat top right; padding: 5px 15px 15px 5px; margin: 0; }

.archive h3 { background: #D5DCBD; font-size: 12px; padding: 9px 12px; }
.archive ul { list-style: none; padding-left: 24px; margin-bottom: 2em; }
.archive ul li { margin-bottom: 0.25em; }
.archive ul ul { margin-bottom: 1em; }

table.events { border-collapse: collapse; margin-bottom: 1em; }
table.events th, table.events td { padding: 5px; }
table.events col.date { width: 100px; }
table.events col.time { width: 75px; }
table.events col.title { width: 75px; }
table.events col.location { width: 125px; }

.voice-overs { position: relative; }
.voice-overs h3 { float: left; width: 20%; margin: 0; padding-right: 5%; }
.voices blockquote { display: none; margin: 0; font-size: 28px; color: #AA962E; line-height: 1em; }

#spot { cursor: pointer; display: none; background: url(../images/red-spot.png) no-repeat; width: 14px; height: 14px; position: absolute; top: 0; left: 0; overflow: hidden; }
#spot.blue { background-image: url(../images/blue-spot.png); }
#spot.purple { background-image: url(../images/purple-spot.png); }
#spot.yellow { background-image: url(../images/yellow-spot.png); }

* html #spot { background: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/resources/images/red-spot.png"); }
* html #spot.blue { background: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/resources/images/blue-spot.png"); }
* html #spot.purple { background: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/resources/images/purple-spot.png"); }

.icon-arrow { background: url(../images/arrows.png) no-repeat 0px 4px; padding-left: 30px; }
.profile h2 { margin-bottom: 0.25em; padding-bottom: 0.25em; border-bottom: solid 1px #748A25; }
.profile h3 { color: #748A25; }

.csv .csv-city { float: left; width: 230px; background-position: -840px bottom; }
.csv .csv-city p { background-position: -1260px top; }
.csv .csv-city input { width: 200px; }
.csv .csv-state { float: left; width: 80px; background-position: -1070px bottom; }
.csv .csv-state p { background-position: -1490px top; }
.csv .csv-state input { width: 50px; }
.csv .csv-zip { float: left; width: 110px; background-position: -1150px bottom; }
.csv .csv-zip p { background-position: -1570px top; }
.csv .csv-zip input { width: 80px; }

.faqs-side h3 { font-size: 14px; }

.field { margin: 0px 0px 5px 0px; padding: 5px; display: block; }
.field label { font-weight: bold; display: block; padding: 0px; margin: 0px; }
.field textarea.tbml, .field input.tbsl { padding: 2px; border: #70736A solid 1px; width: 439px; }
.field input.tbsl { width: 223px; }
#split-center .right .field textarea.tbml { width: 184px; }

.invalid { background: #F1DFDF; }
label.invalid { background: none; }
.invalid label { color: #9E2629; }
.admin-buttons span { font-size: 12px; vertical-align: middle; }
.admin-buttons span.last { margin: 0; }

.resultSummary { background: #CFC; border: solid 1px #0C0; color: #000; font-weight: bold; padding: 10px; margin-bottom: 1em; }
.errorSummary { background: #FCC; border: solid 1px #C00; color: #000; font-weight: bold; padding: 10px; margin-bottom: 1em; }
.errorSummary ul { margin: 0; }
.errorSummary li { font-weight: normal; margin: 0; }

.create-update-document .drop-down-list { width: 229px; }

/* Upload Progress Bar */
#progress { border-collapse: separate; border-spacing: 2px; padding: 10px; margin: 0; }
#progress td, #progress th { text-align: left; font-weight: normal; vertical-align: top; }
#progress th { white-space: nowrap; text-align: right; padding-right: 10px; }
#progress td { width: 100%; }
#progress .title { font-size: 16px; font-weight: bold; text-align: left; padding: 0; }
#progress .bar { padding: 10px 0px; }
#progressBarContainer { border: solid 1px #AAA; position: relative; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#progressBar { background: #CCC url(../images/highlight.png) repeat-x left center; border: solid 1px #AAA; height: 1.6em; width: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: -1px; }
#progressPercentDone { text-align: center; line-height: 1.6em; position: absolute; top: 0; left: 0; width: 100%; }

.skinny-400px { width: 400px; padding-left: 5px; }

.close-note { line-height: 27px; }
.close-note span { float: left; }
.close-note a { float: right; }

.video object, .video embed { display: inline-block; background: #000 url(../images/video-animation.gif) no-repeat center center; }
.videos p { background: url(../images/box-250x167.png) no-repeat; width: 250px; text-align: center; padding: 5px 15px 15px 5px; font-weight: bold; }
.videos span { display: inline-block; width: 250px; height: 167px; margin: 0 0 .5em; }

.panel h2 { background: #E2691B; color: #FFF; padding: 5px 10px; margin: -10px -10px 10px -10px; border-bottom: solid 1px #3F3F3F; }
.panel h2 a { display: block; }
.panel h2.like-text a { color: #FFF; margin: -5px -10px; padding: 5px 10px; }
.panel .section { border: solid 1px #3F3F3F; padding: 10px; }
.panel .admin-buttons { border: none; padding: 0; }
