﻿body { background-image:url(../images/camo.jpg); background-position:center; background-color: #c8ae8c; font-size: 12pt; font-family: verdana, arial, helvetica, sans-serif; color: #000000 }
p { text-align: left; }

img { border: none; }
ul { text-align: left; }
li { margin-bottom: 4px; }
h3 { font-size: 1.1em; font-weight: bold; }
h4 { font-size: 1.0em; font-weight: bold; color: rgb(0,153,0); line-height: 1.6em; border-bottom: dotted 1px rgb(0,204,51); }
a:link, a:visited { color: rgb(0,0,0); text-decoration: none; }
a:hover { color: rgb(0,0,0); text-decoration: underline; }

.container { width: 1000px; margin: 0 auto; }

.header { margin-top: 30px; text-align: center; }
.navigation { margin-top: 0px; text-align: center; }
.help { margin-left: 495px; background-image: url(../images/help.png); background-repeat: no-repeat; z-index: 999; height: 185px; width: 182px; padding: 100px 10px 5px 10px; text-align: center; }

.content { margin: 0 auto 30px auto; text-align: left; width: 743px; border: solid 8px rgb(0,0,0); background-color: rgb(255,255,255); padding: 20px; }
.content a:link, .content a:visited { color: rgb(113,63,38); }

.mission { margin-top: 170px; margin-bottom: 115px; }

.footer { text-align: center; padding-top: 15px; padding-bottom: 5px; width: 725px; font-size: 0.7em; color: #000000; clear: both; }
.footer a:link, .footer a:visited { color: rgb(0,0,0); }

.gallery { width: 450px; float: left; }
.gallery .galleryItem { width: 240px; text-align: center; margin-bottom: 10px; }
.gallery .galleryImage { margin-bottom: 5px; }
.gallery .galleryCaption { font-size: 0.7em; font-style: italic; }

.testimonials { width: 230px; min-height: 200px; margin-left: 500px; padding-left: 10px; border-left: solid 1px rgb(0,0,0); }
.testimonial { margin-bottom: 10px; }
.testimonial .title { font-size: 0.9em; font-weight: bold; margin-bottom: 3px; }
.testimonial .copy { font-size: 0.8em; text-align: justify; margin-bottom: 3px; }
.testimonial .citation { font-style: italic; font-weight: bold; font-size: 0.8em; }

.sponsorPM { width: 230px; float: left; padding: 0 5px 0 5px; font-size: 0.9em; }
.sponsorPM .pmItem { margin-bottom: 10px; padding: 5px; width: 225px; }
.sponsorPM .pmName { font-weight: bold; margin-bottom: 5px; }
.sponsorPM .pmWebsite { font-style: italic; margin-bottom: 5px; }
.sponsorPM .featured { background-color: rgb(204,204,102); border: solid 1px rgb(0,0,0); }
.sponsorPM .featuredHeader { font-weight: bold; margin-bottom: 3px; font-size: 1.0em; }

.sponsorRestaurant { width: 230px; margin-left: 245px; padding: 0 5px 0 5px; font-size: 0.9em; }
.sponsorRestaurant .rItem { margin-bottom: 10px; padding: 5px; width: 225px; }
.sponsorRestaurant .rName { font-weight: bold; margin-bottom: 5px; }
.sponsorRestaurant .rWebsite { font-style: italic; margin-bottom: 5px; }
.sponsorRestaurant .featured { background-color: rgb(153,204,102); border: solid 1px rgb(0,0,0); }
.sponsorRestaurant .featuredHeader { font-weight: bold; margin-bottom: 6px; font-size: 1.0em; }

.sponsorBusiness { width: 230px; float: right; padding: 0 5px 0 5px; font-size: 0.9em; }
.sponsorBusiness .rItem { margin-bottom: 10px; padding: 5px; width: 225px; }
.sponsorBusiness .rName { font-weight: bold; margin-bottom: 5px; }
.sponsorBusiness .rWebsite { font-style: italic; margin-bottom: 5px; }
.sponsorBusiness .featured { background-color: rgb(153,204,102); border: solid 1px rgb(0,0,0); }
.sponsorBusiness .featuredHeader { font-weight: bold; margin-bottom: 6px; font-size: 1.0em; }

.inputForm { width: 740px; margin: 0 auto; text-align: left; }
.formSection { background-color: #DCBE80; font-size: 1.1em; font-weight: bold; text-align: center; }
.formTitle { font-size: 0.9em; text-align: right; font-weight: bold; width: 40%; vertical-align: top; }

.sponsors { float: left; width: 250px; }
.mission { margin-left: 260px; width: 520px; }

.center { text-align: center; }
.justify { text-align: justify; }
.right { text-align: right; }
.bold { font-weight: bold; }
.red { color: #ff0033; }

.success { color: rgb(0,204,51); font-weight: bold; font-size: 0.9em; padding-bottom: 5px; }
.error { color: rgb(255,00,51); font-weight: bold; font-size: 0.9em; padding-bottom: 5px; }

.width10 { width: 10px; }
.width15 { width: 15px; }
.width20 { width: 20px; }
.width25 { width: 25px; }
.width30 { width: 30px; }
.width40 { width: 40px; }
.width200 { width: 200px; }
.width300 { width: 300px; }

/* FAQ Styles */
.question { color: rgb(255,0,0); }
.answer { color: #0099FF; }
.hanging { text-indent: -25px; padding-left: 25px; }
.indented { padding-left: 25px; }