/* =============================================================================

CONTAINER HEIGHT FIXES FOR MOZILLA

============================================================================= */

#subWrapper:after,
#header .content:after,
#subMenu:after,
#actionBar:after,
#leftNav:after,
.bottom:after,
#footer:after,
#bottomFeatures:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* =============================================================================

GENERAL STYLES

============================================================================= */

form,
input {
margin: 0;
padding: 0;
position: relative; 
vertical-align: middle;
}

ul,
li {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6, h7 {
margin: 0;
padding: 0;
}

a {
color: #476a7e;
text-decoration: underline;
}

a:hover {
color: #000;
text-decoration: underline;
}

a img {
border: 0;
}

.leftImage {
float: left;
margin: 0 6px 6px 0;
}

.rightText {
text-align: right;
}

.floatRight {
	float: right;
}

.rightImage {
float: right;
margin: 0 0 6px 6px;
}

.centeredImage {
text-align: center;
margin: 6px;
}

.centered {
text-align: center;
}


/* =============================================================================

LAYOUT/STRUCTURAL STYLING - DO NOT EDIT!

============================================================================= */

body {
  padding: 0;
  margin:0;
  height:100%;
  background: #3c301c url('/images/page_bg.jpg') top left repeat-x;
  font:x-small verdana,helvetica,sans-serif; 
  color: #5f5232;
  }
  
#wrapper {
background: #fff url('/images/subwrapper_bg.jpg') top left repeat-y;
margin: 0 auto;
width: 907px;
}

#subWrapper {
  position: relative;
  margin: 0 0 0 12px;
  padding: 0;
  overflow: hidden;
  }
  
.content {
	margin: 0px auto;
	width: 980px;
}



/* =============================================================================

HEADER

============================================================================= */

#header {
overflow: hidden;
height: 162px;
background: #e4f4fb url('/images/header_bg_child.jpg') top left repeat-x;
margin: 0;
}

#home #header {
height: 264px;
background: url('/images/header_bg_home.jpg') top left repeat-x;
}



#logo {
	float: left;
	padding: 3px 0 0 0;
	margin: 0 0 0 83px;
}

#home #logo {
	margin: 0;
}

#pano {
	height: 162px;
}

#home #pano {
	height: 264px;
	background: url('/images/birds.gif') top right no-repeat;
}

#menu {
	height: 35px;
	margin-left: 263px;
	border-bottom: 1px dashed #9e9e9e;
}

#menu ul {
margin: 0;
padding: 0 0 0 1.5em;
float: left;
}

#menu li {
float: left; /* needs to be floated to display bg color */
display: inline;
padding: 0;
}  

#menu li a {
float: left;
display: block;
font-size: 175%;
font-weight: bold;
font-family: times, times new roman, arial, sans-serif; 
color: #493e2f;
margin: 0 1.5em 0 0;
padding: 9px 0 8px 0;
text-decoration: none;
min-width: 75px;
text-align: center;
} 

#menu li a:hover,
#menu li.menuCurrentLoc a {
	color : #fff; 
	background: url('/images/menu_item_highlight.jpg') 50% 50% no-repeat;
}

#wordmark {
	margin: 0 0 0 245px;
	padding: 12px 0 0 18px;
}

#home #wordmark {
	margin: 0;
	padding: 12px 0 0 0;
}

#home #donationDriver {
	padding: 40px 0 0 0;
	text-align: right;
}

#donationDriver {
	text-align: right;
}

#subMenu {
	height: 28px;
	background: #78a722;
	border-bottom: 1px solid #fff;
}

#subMenu ul {
margin: 0;
padding: 0 0 0 1.5em;
float: left;
}

#subMenu li {
float: left; /* needs to be floated to display bg color */
display: inline;
padding: 0;
}  

#subMenu li a {
float: left;
display: block;
font-size: 150%;
font-weight: bold;
font-family: times, times new roman, arial, sans-serif; 
color: #fffaa5;
margin: 6px 1.5em 0 0;
padding: 0 0 2px 0;
text-decoration: none;
} 

#subMenu li a:hover,
#subMenu li.menuCurrentLoc a {
color : #fff; 
margin-top: 4px;
text-decoration: underline;
}

#loginBar {
	height: 39px;
	background: #544733;
	border-bottom: 4px solid #cef381;
}

#actionBar {
	padding: 6px 0;
	background: #f7ffea url('/images/action_bar_bg.jpg') top left repeat-x;
}

.actionItem {
	width: 264px;
	min-height: 51px;
	float: left;
	padding: 0 0 0 62px;
	font-family: "Century Schoolbook", Times, Times New Roman, Serif;
	border-right: 1px solid #bfae95;
	background:  url('/images/action_leaf.gif') 15px 50% no-repeat;
}

.last {
	border-right: 0;
}

.actionItem h1 {
	font-size: 200%;
	font-weight: normal;
}


.actionItem h1 a {
	text-decoration: none;
}

.actionItem h1 a .lightGreen {
	color: #bbe132;
}

.actionItem h1 a .darkGreen {
	color: #486505;
}

.actionItem a:hover .lightGreen,
.actionItem a:hover .darkGreen{
	color: #483D2F;
	text-decoration: underline;
}

.actionItem .subtitle {
	font-size: 135%;
}

#mainContentBack {
	background: #f3f6ed url('/images/main_content_wrapper_bottom.jpg') top left repeat-x;
}

#mainContent {
	background: url('/images/main_content_wrapper_bg.jpg') bottom left repeat-x;
}

#mainContent .content {
	background: #F6F6F6 url('/images/main_content_bg.jpg') 0 0 repeat-x;
}

#mainContent .bottom {
	background: url('/images/primary_content_bg.jpg') 6px 0 no-repeat;
	min-height: 300px;
	padding: 15px 37px;
}



#tertiaryNav {
	border-bottom: 1px dashed #BABABA;
	text-align: center;
	padding: 0 0 8px 0;
}

#tertiaryNav a {
	color: #A78926;
	font-weight: bold;
	font-family: "Century Schoolbook", Times New Roman, Times, Serif;
	font-size: 150%;
	padding: 0 15px 0 0;
}

.MaintertiaryNav {
float: left;
display: block;
font-size: 175%;
font-weight: bold;
font-family: times, times new roman, arial, sans-serif; 
color: #493e2f !important ;
margin: 0 1.5em 0 0;
padding: 9px 0 8px 0;
text-decoration: none;
min-width: 75px;
text-align: center;
} 


#tertiaryNav a:hover {
	color: #504637;
	text-decoration: none;
}

#rightColumn {
	float: right;
	width: 365px;
	margin: 11px 0 0 0;
}

.offsetLeft  {
	margin-left: -14px;
}

.offsetRight  {
	margin-right: -25px;
}

.rightColumnContent  {
	padding: 0 0 0 18px;
	font-size: 120%;
}

#homeFact {
	float: right;
	width: 340px;
	margin: 11px 0 0 0;
	padding: 5px 0 0 18px;
}

#homeFactTitle {
	background: url('/images/carbon_fact_title.png') 0 0 no-repeat;
	width: 345px;
	height: 104px;
	text-align: right;
}

#homeFact #fact {
	border-width: 1px 0;
	border-style: dashed;
	border-color: #bababa;
	padding: 10px 0;
	font-family: "Century Schoolbook", Times New Roman, Times, Serif;
	color: #749733;
	font-size: 200%;
}

#homeFact #moreFacts {
	text-align: right;
	padding: .25em;
}

.moreLink {
	font-family: "Century Schoolbook", Times New Roman, Times, Serif;
	color: #335667;
	font-size: 125%;
	font-weight: bold;
}

#homeFact #moreFacts a:hover {
	text-decoration: none;
}

#primaryContent {
	margin: 11px 365px 0 0;
	padding: 21px 39px 0 0;
	border-right: 1px dashed #d3d3d3;
	line-height: 150%;
	font-size: 120%;
	min-height: 425px;
	/*background: url('/images/birds.gif') top left no-repeat;*/
}

#primaryContent .emphasis {
	color: #796245;
	font-weight: bold;
}

#mainContent .greenText {
	color: #78A722;
}

#mainContent .blueText {
	color: #335667;
}

#primaryContent h2 {
	font-family: "Century Schoolbook", Times New Roman, Times, Serif;
	color: #457f95; /*483D2F;*/
	margin: 0 0 .75em 0;
	font-size: 250%;
	line-height: 100%;
}

#primaryContent h3 {
	font-family: "Century Schoolbook", Times New Roman, Times, Serif;
	color: #8f7450;
	font-size: 150%;
	font-weight: normal;
	margin-bottom: .5em;
	font-weight: bold;
}

.dashedBorder {
	border-bottom: 1px dashed #CCCCCC;
}

#primaryContent ul {
	margin: 0 0 0 2em;
}


#bottomDonation {
	text-align: right;
	padding: .5em .5em .5em 0;
	margin: .5em 365px 0 0;
}

#bottomFeatures {
	background: #7f653b url('/images/bottom_features_bg.jpg') bottom left repeat-x;
}

.bottomFeature {
	width: 306px;
	float: left;
	height: 165px;
	padding: 25px 12px 25px 8px;
	border-right: 1px dashed #b8b2a9;
	font-family: "Century Schoolbook", Times New Roman, Times, Serif;
	color: #fff;
	font-size: 125%;
}

#newsletter img {
}

#bottomFeatures img {
	float: left;
	margin: 0 12px 0 0;
}

.bottomFeature h3 a {
	color: #F7E08E;
	font-size: 125%;
	line-height: 100%;
	font-weight: bold;
	text-decoration: none;
}

.bottomFeature h3 a:hover {
	text-decoration: underline;
}

#bottomFeatures .last {
	border: 0;
}

.halfWidth {
	width: 50%;
	float: left;
}


/* =============================================================================

LEFT RAIL

============================================================================= */

#leftColumn {
width: 122px;
padding: 0;
position: absolute;
left: 0;
top: 0;
background: url('/images/leftcolumn.jpg') top left repeat-y;
}

#leftNav {
border-width: 0px;
border-style: solid;
font-family: arial, sans-serif;
}

#leftNav ul li {
padding: 0;
margin: 0;
}

#leftNav ul li a {
padding: 0 16px;
text-align: right;
margin: 8px 0;
display: block;
color: #a6712b;
font-size: 150%;
}

#leftNav ul li a.last {
}

#leftNav ul li a:hover {
color: #9a956b;
background: url('/images/menu_hover_arrow.jpg') 100% 50% no-repeat;
}


/* =============================================================================

RIGHT RAIL

============================================================================= */

/*
#home #rightColumn {
position: absolute;
top: 0;
right: 0;
width: 351px;
background: url('/images/rightcolumn_bg.jpg') top left repeat-y;
}
*/

#rightColumn #message {
	font-size: 115%;
	line-height: 125%;
	padding: 0 38px 0 23px;
}

#rightColumn h3 {
	color: #a4722b;
	font-size: 150%;
}


/* =============================================================================

CENTER COLUMN - HOMEPAGE

============================================================================= */

#home #centerColumn {
margin: 0 351px 0 122px;
padding: 0;
text-align: right;
background: #fff url('/images/home_centercolumn_bg.jpg') top repeat-y;
}



/* =============================================================================

CENTER COLUMN - CHILD PAGE

============================================================================= */

#childContentWrapper {
background: #737987 url('//images/child_content_wrapper_bg.jpg') top repeat-x;
border-width: 3px 1px;
border-color: #5E6371;
border-style: solid;
}

#childContentWrapper #searchResults {

}

#childContentWrapper .content ul {
margin-left: 25px;
}

#childTitle {
padding-top: 24px;
text-align: right;
background: url('/images/child_title_bg.jpg') bottom repeat-x;
}

#articleLinks {
float: left;
padding: 10px 0 0 0;
}

#whatsNew {
color: #585858;
font-size: 110%;
padding: 0 5px;
padding-bottom: 12px;
}

#whatsNew .date {
text-align: right;
padding: 4px 0;
font-weight: bold;

font-size: 110%;
}

#whatsNew .feature {
margin-top: 12px;
line-height: 175%;
}

#whatsNew .feature .title {
background: #3A5274;
border-bottom: 3px solid #000;
border-top: 1px solid #93A2BE;
padding: 5px 10px;
}

#whatsNew .feature .title h4 {
font-weight: bold;
font-size: 125%;
color: #E4EAF8;
}

#whatsNew .feature .content {
border-width: 0 1px;
border-style: solid;
border-color: #5D6371;

padding: 8px 10px;
}

#whatsNew .feature .bottom {
background: #9C9EA6;
padding: 9px 12px;
text-align: right;
border-width: 0 0 1px 0;
border-style: dotted;
border-color: #333;
}

#whatsNew .feature .bottom img {
position: relative;
vertical-align: middle;
margin-right: 7px;
}

#whatsNew .feature .bottom a {
font-weight: bold;
color: #eee;
}

#whatsNew .feature .bottom a:hover {

text-decoration: underline;
}

.centerQuote {
display: block;
width: 90%;
margin: 12px 0;
padding: 10px;
font-family: "Century Schoolbook", Times New Roman, Times, Serif;
color: #A78926;
font-size: 170%;
font-weight: normal;
text-align: center;
border-top: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
line-height: 100%;
}

.centerQuote .attributed {
color: #483D2F;
display: block;
text-align: right;
font-size: 80%;
}

#primaryContent ul {
	margin: 0 0 0 1em;
	padding: 0;
}

#primaryContent ul li {
	list-style-type: none;
	background: url('/images/bullet.gif') 0 50% no-repeat;
	padding: .25em 0 .25em 2.5em;
}

.donateItem {
	padding: 20px 0;
	border-bottom: 1px dashed #ccc;
}

.buynow {
	clear: both;
	margin: 15px 0 15px 0;
	
}


/* =============================================================================

FOOTER

============================================================================= */

#footer {
padding: 18px;
font-family: arial, san-serif;
color: #7f653b;
font-size: 110%;
}

#footer a {
	color: #ffcd7c;
}

#siteCredit {
float: right;
}