@import url("reset.css"); 
@import url("typo.css"); 

/* */
 
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

.clearfix{display:inline-block}

.clear{clear:both}

/* */
html, body{ margin:0;  padding:0;  text-align:center;  background:#3B5E22}

 
#pagewidth{ width:980px;  text-align:left;  margin-left:auto;  margin-right:auto;   background:url(../images/page_bk.png) top left repeat-y}

#header{ background:url(../images/header_bk.png) top left no-repeat;  width:100%;  height:389px;  position:relative}
 
#secondaryContent{ width:220px;  float:left;  margin:0 0 0 25px}
 
#mainContent{background:#fff;  float:right;  width:670px; margin:0 40px 0 0}
 
#footer{ height:190px;  clear:both;  background:#DFE0E5 url(../images/footer_bk.png) top left no-repeat}

.textonly{position:absolute; left:-1500px; width:1px; height:1px; overflow:hidden}

 
h1#logo a{display:block; width:850px; position:relative; top:70px; left:40px; height:90px; text-indent:-2000px}

#bannerimage{display:block; width:930px; height:170px; position:relative; top:79px; left:25px}

#subscribe{position:absolute; top:42px; left:520px}

#subscribe a{color:#3B5E22; margin:0 5px 0 0; font-size:1.2em}

#subscribe a:hover{border-bottom:1px dotted #000; color:#000}

#searchbox{position:absolute; top:42px; left:740px}

#searchbox legend{display:none}

#searchbox label{font-weight:bold; color:#3B5E22; margin:0 5px 0 0; font-size:1.2em}

#searchbox input{background:transparent url(../images/search_input.png) top left no-repeat; border:0; width:128px; height:20px}

#searchbox button{background:transparent url(../images/search_submit.png) top left no-repeat; border:0; width:20px; margin:0 0 0 -5px; text-indent:-5000px; cursor:pointer; padding:0 0 2px 0}

#mainNav{float:left; display:block; margin:84px 0 0 25px}

#mainNav li{float:left; background:url(../images/nav_div_bk.png) top right no-repeat}

#mainNav a{display:block; float:left; font-size:1.8em; color:#3B5E22; margin:0; height:40px; width:186px; text-align:center; padding:6px 0 0 0}

#mainNav a:hover, #mainNav li.this a{background:url(../images/nav_bk.png) top left repeat-x}

#mainNav li:last-child{background:none}

#mainContent a {border-bottom: 1px dotted #3B5E22;color: #3B5E22;}
#mainContent a:hover {border-bottom: 1px dotted #000;color: #000}
#mainContent ul, #mainContent ol{ padding:0 1.2em;  margin:0 5px}
#mainContent ul li{ list-style:circle}
#mainContent ol li{ list-style:decimal}

#mainContent h1{margin:0.3em 0 0 0; letter-spacing:-1px}
#mainContent h2{font-size: 1.8em}

#mainContent .mainImage{display:block; margin:1em 0 1.2em 10px; padding:10px; background:#F5F9EC; float: right}
#mainContent .mainImage p, #mainContent .imagecaption {color: #3B5E22; margin: 7px 0 0; padding: 0;  width: 230px;}
#mainContent .mainImage p.credits, #mainContent .imagecredits  {color: #3B5E22;font-weight: bold}
#mainContent .right{float:right; margin:0 0.5em 0 0.5em; padding:10px; background:#F5F9EC}

#mainContent table td{padding: 0 20px; vertical-align: top}
#mainContent table td ul {margin: 0; padding: 0}
#mainContent table td a, #mainContent table td img, #mainContent table td a img {border-bottom: none !important}

#mainContent .left{float:left; margin:0 0.5em 0 0.5em; padding:10px; background:#F5F9EC}

#attachments {float: left; margin: 0 0 20px 0}
#attachments ul{background: none repeat scroll 0 0 #F0F6E7;border: 5px solid #CBE39D;display: block;float: left; margin: 0;padding: 0; width: 665px;}

#attachments h2 {background: none repeat scroll 0 0 #CBE39D;color: #000000;float: left;font-size: 1.6em;padding: 5px 10px;width: 200px;margin: -10px 0 0 -10px}
	
#attachments ul li.header {border-bottom: none !important;}
#attachments ul h4 a{color:#3B5E22; padding:0}

#attachments ul h4 a:hover{text-decoration:none}

#attachments ul li{border-bottom: 1px solid #FFFFFF;float:left; display:block;padding:10px; clear: left}

#credits .imagecaption{background:#CBE39D; width:290px; padding:5px}

#listings{float:left; clear:both}
#listings .item {float: left; width: 100%;padding:0.5em}
#listings .image {float: left}
#listings .image a{border: none !important}
#listings .content_image {float: right; width: 505px}
#listings .item p strong {font-weight: normal !important}
#listings .shade{background:#F0F6E7}
#listings .searchgroup{display:none}

#mainContent .news_landing{float:left; clear:both; border: 3px solid #cbe39d; background:#F0F6E7; margin: 10px 0 0 0}
#mainContent .news_landing h2{background: none repeat scroll 0 0 #CBE39D;color: #000000;float: left;font-size: 1.6em;padding: 5px 10px;width: 200px;}
#mainContent .news_landing p.button a {-moz-border-radius: 5px;-webkit-border-radius: 5px;background: none repeat scroll 0 0 #CBE39D;border: medium none;color: #000000;float: right;font-size: 1.2em;margin: 0 10px 0 0; padding: 5px 10px; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);}
#mainContent .news_landing .item {float: left; width: 642px;padding:10px}
#mainContent .news_landing .image {float: left}
#mainContent .news_landing .image a{border: none !important}
#mainContent .news_landing .content_image {float: right; width: 478px}
#mainContent .news_landing .item p strong {font-weight: normal !important}
#mainContent .news_landing .shade{background:#F0F6E7}
#mainContent .news_landing .searchgroup{display:none}

#news_kw {float: left; background: #e2e7e1; width: 220px}
#news_kw h2 {-moz-border-radius: 5px;-webkit-border-radius: 5px;background: none repeat scroll 0 0 #3B5D3C;color: #fff !important;float: left;padding: 0 20px;width: 180px;}
#news_kw .keywordsearchlibrary {float: left; margin: 10px 0 0 20px}
#news_kw .keywordsearchlibrary label {float: left; font-weight: bold; margin: 0 0 3px 0}

#news_kw .kwsearchdropdown {width: 180px; float: left; clear: both}
#news_kw button.kwsearchgo{display: none}
#news_kw button.kwsearchfind {margin: 3px 0 10px 20px}
#kw_search{margin:0 0 10px 0}
#kw_search a{font-size:1.5em; color:#3B5E22}
#kw_search a:hover{text-decoration:underline}

.paging p{float:left; display:block; margin:0 0 10px 0; padding:0}
.paging .webblerpaging a.pagingprevious, .paging .webblerpaging a.pagingnext{display:none}
.paging .webblerpaging a{margin:0 0 0 5px}
.paging .webblerpaging a.current{font-weight:bold}

#secondaryContent h2{font-size:1.5em; color:#3B5E22}

#secondaryContent li{padding:0 0 5px 0}

#secondaryContent li a{border-bottom:1px solid #FFF; color:#3B5D22; display:block; padding:0 2px 6px 25px}

#secondaryContent li a:hover{background:url(../images/leaf_link.png) 0 5px no-repeat}

#secondaryContent ul ul{margin:5px 0 0 10px}

#secondaryContent .box_green{margin:10px 0;     width:220px; background:#CBE39D url(../images/curve_top.png) no-repeat left top; padding:2px 0 0 0}

#secondaryContent .box_green h2{    background:#CBE39D url(../images/curve_bottom.png) no-repeat left bottom;     color:#3B5E22;     padding:0 15px 1px 18px; font-size:1.4em; font-weight:bold}

#secondaryContent .panel{margin:10px 0; float: left}

#secondaryContent .donate{  background:url(../images/panel_donate.png) top left no-repeat}

#secondaryContent .friend{  background:url(../images/panel_friend.png) top left no-repeat}

#secondaryContent .panel h2{ color:#3B5E22;  padding:2px 15px 8px 18px; font-size:1.4em}

#secondaryContent .panel p{color:#3B5E22; padding:0 15px 1em 18px}

 
#form legend{display:none}
#form fieldset{float:left; width:500px}
#form p.item{display:block; float:left; margin:0; padding:0; width:470px}
#form label{float:left; display:block; width:150px; margin:5px 0}
#form fieldset input{float:left; width:300px; margin:5px 0}
#form p.item span.required{float:right; color:red}
#form p span.required{float:none; margin:0; color:red}
#form #submit{clear:both; border:1px solid #CBE39D; float:left; background:#CBE39D; padding:0.2em 0.4em;  color:#3A5D21}
#form #submit:hover{background:#E6F0D7; cursor:pointer}
#form .label2{display:block; width:500px}

 
.sitemaptrunklevel2{margin:0 0 12px 0; text-transform:capitalize}
.trunktitle{font-size:110%; font-weight:bold; border-bottom:1px solid #EEEEEF; padding:0 0 5px 0; margin:15px 0 5px 0}

.branchmapItem{display:block; margin:10px 0}
.branchmapItem a{ padding:0; font-weight:bold; margin:0}
.branchmap ul.leafmap{margin:0; padding:0}
.branchmap ul.leafmap li{display:block; background:none; padding:0; margin:3px 0 0 10px; list-style:none}
.branchmap ul.leafmap li a, 
.branchmap ul.leafmap li a span{padding:0 0 0 0; margin:0; background:none; text-decoration:none}

 
.image_blocks{display:block; float:left}

.image_blocks ul{display:block; float:left; background:#CBE39D; margin:0 0 10px 0 !important; padding:0 !important; width:665px}

.image_blocks li{list-style:none}

.image_blocks li.image{display:block; float:left; padding:10px 10px 5px 10px}

.image_blocks li.content{display:block; float:right; width:480px; padding:0 10px 0 0}

 
#footer .links{margin:0 0 0 50px; padding:9px 0 0 0}

#footer a{color:#3B5E22}

#footer .info{display:block; width:890px; margin:15px 0 0 50px; float:left; position:relative}
#footer .address{float:left}
#footer .powered{position:absolute; bottom:7px; right:0 }

.highlight{display:block; width:670px; background:#CBE39D; color:#3B5E22; padding:0.3em 0.5em}

.highlight_left{display:block; width:295px; background:#CBE39D; color:#3B5E22; padding:0.3em 0.5em; float:left; margin:0 5px 5px 0}

.highlight_right{display:block; width:295px; background:#CBE39D; color:#3B5E22; padding:0.3em 0.5em; float:right; margin:0 0 5px 5px}

#mainContent .green{color:#3B5E22}
#mainContent .grey{color:#666}
#mainContent .black{color:#000}


* html .clearfix{height:1%}
.clearfix{display:block}
 
  
 @media print{ #leftcol{display:none}

 
#rightcol{display:none}

#twocols, #mainContent{width:100%; float:none}
}