/* === START GENERIC STYLES === */

/* Restricted declaration reset */

* { margin:0; padding:0; }
html, body { margin:0 !important; padding:0 !important; border:0 !important; outline:0 !important; }
sup { vertical-align: text-top; }
.text_navigationname_home { visibility: hidden; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}


/* === END GENERIC STYLES === */


.edit_viewbar_editor
{ background-color: #8CC63F; }

.edit_viewbar_visitor
{ background-color: #F09D89; }

*
{ border: 0px; margin: 0px; padding: 0px; }

body
{ font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #363636; background: url(/_css/image/body.jpg) fixed; }

html, body
{ height: 100%; }

#grass
{ height: 100%; }

#body
{ background:url(/_css/image/body.png) 0px -400px repeat-x fixed; }
 
#background_lines 
{ background:url(/_css/image/lines.png) no-repeat fixed 50% 0px; min-height: 100%; height: auto !important; height: 100%; }

#container
{ width: 980px; margin: 0px auto; padding: 15px 0px; }

.xx-respond #container
{ width: auto; max-width: 980px; }



#masthead
{ margin-bottom: 15px; background: #FFFFFF; margin-left: 10px; margin-right: 10px; padding: 10px; }

#masthead p
{ overflow: hidden; }

@media screen and (max-width: 520px)
{ .xx-respond #masthead img
{ width: auto; height: 60px; }

.xx-respond #navCol
{ width: 100%; float: none; margin-right: 0; max-height: 200px; overflow: scroll; }
 }

.xx-respond .item_photo img
{ width: auto; max-width: 100%; height: auto; }



#photobanner
{ margin-bottom: 15px; background: #FFFFFF; position: relative; height: 300px; margin-left: 10px; margin-right: 10px; }

.xx-respond #photobanner
{ height: auto; }

#photobanner .inner
{ padding: 10px; }

.item_photobanner2 
{ position: relative; height: 280px; width: auto; max-width: 960px; }

.xx-respond .item_photobanner2
{ height: auto; overflow: hidden; }

.item_photobanner2 .navigation_buttons
{ position: absolute; top: 0px; left: 0px; font-size: 1.2em; }

.item_photobanner2 .navigation_buttons li
{ float: left; margin-right: 2px; }

.item_photobanner2 .navigation_buttons li a
{ background: #363636; color: #FFFFFF; height: 20px; width: 20px; text-align: center; line-height: 20px; display: block; float: left; text-decoration: none; }

.item_photobanner2 .navigation_buttons .active a
{ background: #0C7704; color: #363636; }

.item_photobanner2 .next, .item_photobanner2 .previous
{ left: 0px; top: 50%; width: 55px; height: 50px; margin-top: -25px; display: block; z-index: 2; position: absolute; }

.item_photobanner2 .next
{ right: 0px; left: auto; }

.item_photobanner2 .next a, .item_photobanner2 .previous a
{ height: 50px; width: 55px; display: block; background: url(/_css/image/prev.png) no-repeat; }

.item_photobanner2 .next a
{ background-image: url(/_css/image/next.png); }

.item_photobanner2 .next a span, .item_photobanner2 .previous a span
{ position: absolute; left: -9999px; }

.xx-respond .item_photobanner2:has(.banners > :last-child:nth-child(1)) .previous, .xx-respond .item_photobanner2:has(.banners > :last-child:nth-child(1)) .next  { display: none; }

.xx-respond .item_photobanner2 p.image img
{ width: auto; max-width: 100%; height: auto; }



#middle
{ padding: 10px; background-color: #ffffff; margin-left: 10px; margin-right: 10px; }

#middle .border
{ border: 1px solid #E7F2E6; padding: 10px; }

#middle .inner
{ width: 100%; overflow: hidden; }



#navCol
{ width: 25%; float: left; margin-right: 3%; }

.area_nav
{ list-style-type: none; font-weight: bold; font-size: 1.3em; }

.item_navitem
{ margin-bottom: 1px; background-color: #0C7704; }

.item_navitem a
{ display: block; color: #FFFFFF; padding: 10px 15px; text-decoration: none; }

.item_navitem a:hover, .current
{ background-color: #0F1312; }

.item_navitem ul
{ padding-bottom: 5px; }

.item_navitem .item_navitem
{ margin-left: 30px; background: transparent; }

.item_navitem .item_navitem ul
{ padding-bottom: 0px; }

.item_navitem .item_navitem a
{ background: transparent; padding: 5px 0px; }

.item_navitem .item_navitem a:hover
{ text-decoration: underline; background: transparent; }

.item_navitem .item_navitem .item_navitem
{ margin-left: 20px; }

 

#area_content_outer
{ width: 72%; font-size: 1.3em; line-height: 1.4em; float: left; padding: 20px 0px; }

@media screen and (max-width: 520px)
{ .xx-respond #area_content_outer
{ width: 100%; }
 }

.item_heading h2, .item_subheading h3
{ line-height: 1.1em; }

.item_heading h2
{ font-size: 26px; letter-spacing: -1px; color: #095903; } 

.item_subheading h3
{ font-size: 18px; letter-spacing: -0.5px; }

.item_list a, .item_paragraph a
{ color: #0C7704; }

.item_list a:hover, .item_paragraph a:hover
{ text-decoration: none; }

.item_contentlink a, .item_file a
{ color: #363636; padding: 0px 10px 0px 40px; height: 38px; line-height: 38px; background: #E7F2E6 url(/_css/image/link.png) no-repeat; border: 1px solid #C2DDC0; text-decoration: none; }

.item_file a
{ background-image: url(/_css/image/file.png); }

.item_contentlink a:hover, .item_file a:hover
{ background-color: #C2DDC0; border-color: #86BC82; }

.item_gallery .item_photo
{ margin: 6px; }

.pageitem a
{ color: #363636; }

.pageitem a:hover
{ text-decoration: none; }

.pagetitle
{ background: #E7F2E6; }



#footer
{ margin-top: 15px; margin-left: 10px; margin-right: 10px; color: #363636; padding: 10px; font-size: 1.2em; background-color: #FFFFFF; }

#footer .inner
{ border: 1px solid #E7F2E6; padding: 10px; }

#footer cite
{ font-style: normal; }

#footer a
{ color: #363636; }

#footer a:hover
{ text-decoration: none; }