/* =----------------------------------------------------------------------------------

Main Style Sheet

Version:	2

--------------------------------------------------------------------------------------*/
/* =------------------------------------------------------------------------

CSS

----------*/ 

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

/* */

/* =------------------------------------------------------------------------

Clearing

----------*/ 

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

.clearfix{display: inline-block;}

.clear {clear: both;}

/* */


/* =------------------------------------------------------------------------

Layout

----------*/

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; 
 } 

/* Skip Navigation */

.textonly {/* Hides the 'Skip Navigation' link */
	position:absolute;
	left:-1500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

 /* =------------------------------------------------------------------------

Header

----------*/

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
}

#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

----------*/

#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;
/*padding: 5px 0.7em 0 0.7em;
width: 133px;*/
width: 155px;
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
}

 /* =------------------------------------------------------------------------

Formatting

----------*/


#mainContent ul{
 padding: 0 1.2em;
 margin: 0 5px
}

#mainContent h1 {
margin: 0.2em 0 0 0
}

#mainContent li{
 list-style: circle
}

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

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

#attachments ul {
background: url(../images/pdf_table_bk.png) 0 0 repeat-y;
display: block;
border-bottom: 1px solid #fff;
float: left;
width: 675px;
margin: 0;
padding: 0
}

#attachments ul h4 a{ 
font-size: 0.8em;
color: #3B5E22;
font-weight: bold;
padding: 0
} 

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

#attachments ul li{
float: left;
display: block;
margin: 0 5px 0 0;
padding: 5px 0 0 10px
}

#attachments ul li.title{
width: 360px
}

#attachments ul li.author{
width: 195px
}

#attachments ul li.date{
width: 75px
}

#attachments ul li.title a {
background: url(../images/icon_pdf.png) 0 0 no-repeat;
padding: 0 0 0 20px
}

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

#listings {float: left; clear: both}
#listings .item {padding: 0.5em}
#listings .shade {background: #F0F6E7; }
#listings .searchgroup {display: none}

#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 #FFFFFF;
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
}

#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;
}

 /* =------------------------------------------------------------------------

Forms

----------*/
#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}

 /* =------------------------------------------------------------------------

Sitemap

----------*/

.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

----------*/

.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

----------*/

#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 TinyMCE styles */
.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
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #mainContent{width:100%; float:none;}
}