/* ------------------- RESET ------------------- */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }

/* ------------------- PAGE LAYOUT ------------------- */

.wrapper {
   background: #fff url(images/bg_wrapper.png) repeat-x 0% 0%;
   margin: 0px auto;
   overflow: hidden;
   width: 960px;
}

.header { 
   float: left; 
   height: 60px;
   width: 100%; 
}

.left { float: left; margin-right: 20px; width: 240px; }

.right {
   float: right;
   float: left;
   height: auto !important; 
   height: 500px; 
   min-height: 500px; /* Must be the same value as height */
   width: 679px;
   border-right: 1px solid #455d05;
   padding-right: 20px;
}

.footer {
   border-bottom: 10px solid #fff;
   float: left;
   padding: 18px 0;
   width: 100%;
   background-color: #b4cc3f;
   text-align: center;
}

/* ------------------- BANNER ------------------- */

.banner {
   position: relative;
   float: left;
   width: 960px;
   margin-bottom: 0;
   background-color: #fff;
   z-index: 1;
}

.banner1 {
   background: url(images/banner2.jpg) no-repeat 0% 0%;
   position: relative;
   float: left;
   margin-left: 0;
   width: 316px;
   height: 237px;
}

.banner2 {
   background: url(images/banner4.jpg) no-repeat -322px 0%;
   position: relative;
   float: left;
   margin-left: 6px;
   width: 316px;
   height: 237px;
}

.banner3{
   background: url(images/banner3.jpg) no-repeat -638px 0%;
   position: relative;
   float: right;
   margin-left: 6px;
   right: 0;
   width: 316px;
   height: 237px;
}

.badge {
   background: url(images/badge.png) no-repeat 0% 0%;
   height: 101px;
   left: 830px;
   position: absolute;
   top: 35px;
   width: 99px;
   z-index: 99;
}

#fadeshow1 {
        width: 960px;
        height: 237px;
}

/* ------------------- NAVIGATION ------------------- */

.navtop {
   border-left: 1px solid #679800;
   border-right: 1px solid #679800;
   float: left;
   margin: 6px 0 9px 0;
   width: 958px;
}

.navtop ul {
   float: right;
   list-style: none;
   margin: 0 -1px 0 0;
   padding: 0;
}

.navtop li { display: inline; margin: 0; padding: 0; }

.navtop a {
   clear: right;
   color: #fff;
   display: block;
   float: left;
   font: bold 13px Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 5px 11px;
   text-decoration: none;
   white-space: nowrap;
}

.navtop a:hover {
   border-left: 1px solid #679800;
   border-right: 1px solid #679800;
   background-color: #b4cc3f;
   color: #fff;
   padding: 5px 10px;
}

.navtop .current a { background-color: #679800; color: #fff; }

#sidebar { margin: 4px 0 18px 0; }

#sidebar ul {
   border-bottom: 8px solid #679800;
   border-top: 1px solid #679800;
   list-style: none;
   margin: 0;
   padding: 0 0 2px 0;
   width: 240px;
}

#sidebar li { margin: 0; }

#sidebar li a {
   font: bold 13px Arial, Helvetica, sans-serif;
   padding: 5px;
   color: #679800;
   text-decoration: none;
   border: 1px solid #679800;
   border-top-width: 0;
   display: block;
   width: 100%;
}

#sidebar li a:hover {
   background: #b4cc3f url(images/arrow.gif) no-repeat left 6px;
   border: 1px solid #679800;
   border-top-width: 0;
   color: #fff;
   padding: 5px 5px 5px 20px;
}

#sidebar li.current a, #sidebar li.current a:link { color: #fff; background: #455d05; }

#sidebar li.caption { display: block; }

html>body #sidebar li a { width: auto; }

/* ------------------- SITE STYLES ------------------- */

body { 
   background: #fff url(images/bg_body.png) repeat-x 0% 0%;
   font: normal 100%/1.1em Arial, Helvetica, Sans-Serif;
   margin: 0;
   padding: 0;
}

.left, .right, .banner1, .banner2, .banner3, .footer { font-size: 0.8em; }

small { font-size: 0.8em; }

.header h2 {
   background: #679800 url(images/bg_header_h2.png) no-repeat top right;
   color: #ffffff;
   margin: 6px 0 9px 0;
   padding-left: 9px;
}

.header span {
   color: #f7faeb;
   font-size: 0.75em;
   font-weight: normal;
}

.banner3 p {
   border-left: 5px solid #679800;
   border-bottom: 1px solid #679800;
   color: #000;
   float: left;
   margin: 9px 9px 9px 140px;
   overflow: auto;
   padding: 0 0 5px 5px;
   width: 158px;
}

h1, h2, h3, h4, h5, h6 { color: #618507; line-height: normal; margin: 0 0 18px 0; }

h1 { 
   font-size: 3em; 
   font-style: italic;
   letter-spacing: -1px; 
}

.badge h3 {
   color: #fff;
   font-style: normal;
   padding-top: 35px;
   text-align: center;
}

h2 { font-size: 2.2em; letter-spacing: -1px; text-transform: none;}
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

.left h4 { margin: 0; }

p, ol, ul, table, form { margin-bottom: 18px; }

blockquote {
   color: #679800;
   font-size: 1.3em;
   letter-spacing: 1px;
   line-height: 1em;
   margin-left: 12px;
   text-indent: -10px;
}

.headliner {
   background: #b4cc3f url(images/bg_body.png) repeat-x 0% 0%;;
   padding: 10px;
   border: 1px dotted #455d05;
}

.headliner h3 {
   color: #455d05;
   text-align: center;
}

ol { margin-left: 20px; *margin-left: 25px; }
ul { margin-left: 15px; *margin-left: 16px; }

hr { 
   width: 100%; 
   height: 1px; 
   color: #b4cc3f; 
   border: none;
   *margin: -9px 0 0 0; 
}

html>body hr { 
   margin: 9px 0;
   *margin: -9px 0 0 0;
   width: 100%; 
   height: 1px;
   background-color: #b4cc3f; 
   border: none; 
}

a { color: #455d05; padding: 0 0px; text-decoration: underline; }
a:hover { background-color: #679800; color: #fff; text-decoration: none; }
a:active, a:focus { outline: none; }

.footer a { color: #508415; padding: 0 2px; text-decoration: underline; }
.footer a:hover { background-color: #679800; color: #fff; text-decoration: none; }

table {
   border-left: 1px solid #b4cc3f;
   border-top: 1px solid #b4cc3f;
   vertical-align: top;
   width: 100%;
}

td { border-right: 1px solid #b4cc3f; border-bottom: 1px solid #b4cc3f; padding: 4px; }
td.stripe { background-color: #f7faeb; }

th {
   background-color: #b4cc3f;
   border-right: 1px solid #b4cc3f;
   border-bottom: 1px solid #b4cc3f;
   color: #fff;
   padding: 4px;
}

input, textarea { border: 1px solid #b4cc3f; margin-bottom: 9px; padding: 4px; }
input:focus, textarea:focus { background-color: #f7faeb; border: 2px solid #b4cc3f; padding: 3px; }
input:hover, textarea:hover { *background-color: #f7faeb; *border: 2px solid #679800; *padding: 3px; }

input { width: 200px; }

textarea {
   font: normal 1.2em Arial, Helvetica, Sans-Serif;
   height: 200px;
   overflow: auto;
   width: 300px;
}

#centerpic {
   text-align: center;
}

#centerpic img {
   border: solid 1px #455d05;
}

.leftpic {
   float: left;
   text-align: center;
   padding: 10px 15px 10px 15px;
}

.rightpic {
   float: right;
   text-align: center;
   padding: 10px;
}

.leftpic img {
   border: solid 1px #455d05;
}

.rightpic img {
   border: solid 1px #455d05;
}

abbr, acronym, .help {
   border-bottom: 1px dotted #455d05;
   cursor: help;
}

#map {
   width: 680px;
   height: 400px;
   border: solid 1px #455d05;
}
   

/* ------------------- GALLERY ------------------- */

ul.gallery, ul.gallery li { margin: 0; padding: 0; list-style: none; }

ul.gallery {
   width: 240px;
   height: 180px;
   position: relative;
   background: #f7faeb url(images/preview.jpg) no-repeat;
}
         
ul.gallery li {
   float: left;
   font-size: 0.8em;
   display: inline;
   line-height: 1.4em;
   margin-top: 185px;
}

ul.gallery a { padding: 0; }
                        
ul.gallery a span { display: none; padding: 0; }

ul.gallery a:hover { background: none; z-index: 100; }
   
ul.gallery a:hover span {
   position: absolute;
   width: 240px;
   height: 180px;
   float: left;
   top: 0;
   left: 0;
   display: block;
}

/* ------------------- CLASSES ------------------- */

.button {
   background-color: #679800;
   border: 2px solid #679800;
   color: #fff;
   font-weight: bold;
   *margin-right: 5px;
   text-transform: uppercase;
   padding: 4px 8px;
   *padding: 2px 4px 0 4px;
}

.button:hover { 
   border-top: 2px solid #b0ca7b;
   border-right: 2px solid #263700;
   border-bottom: 2px solid #263700;
   border-left: 2px solid #b0ca7b;
   cursor: pointer;
}

.button:hover, a img:hover { 
   opacity:.60; 
   filter: alpha(opacity=60); 
   -moz-opacity: 0.60; 
}

span:hover img { 
   opacity:1.0; 
   filter: alpha(opacity=100); 
   -moz-opacity: 1.0; 
}

.floatLeft { float: left; }
.floatRight { float: right; }

img.floatLeft { float: left; height: 150px; margin: 5px 10px 0 0; width: 100px; }
img.floatRight { float: right; margin: 5px 0 0 10px; }
img.border { border: 1px solid #000; padding: 4px; }

.thumb { 
   height: 75px; 
   padding: 0 0 5px 5px;
   width: 100px; 
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.rightfloat {
   float: right; 
   margin: 10px 0 0 10px;
   border: solid 1px #455d05; 
}

.leftfloat {
   float: left; 
   margin: 10px 0 0 10px;
   border: solid 1px #455d05; 
}

.pcenter {
   text-align: center;
}

#icons {
   margin: 25px;
}

#icons img {
   padding: 4px 4px 4px 4px;
}

#icons a:img {
   border: none;
   text-decoration: none;
}