html, body { margin: 0; padding: 0; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #6c6654;
	background-image: url('../images/background.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #b1ca43;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}
img { border: none; }
a {
	color: #6c6654;
}
h1, h1 a {
	font-size: 23px;
	line-height: 29px;
	font-weight: normal;
	text-decoration: none;
	color: #3a1f0e;
}
h2, h2 a {
	font-size: 12px;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
	color: #df6515;
	letter-spacing: 3.2px;
	text-decoration: none;
}
h3, h3 a {
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	text-transform: uppercase;
	color: #619a9e;
	letter-spacing: 3.2px;
	text-decoration: none;
	font-style: normal;
}
h4, h4 a {
	font-size: 10px;
	text-decoration: none;
	color: #982b00;
	font-style: italic;
	font-weight: normal;
}
h5, h5 a {
	font-size: 10px;
	text-transform: uppercase;
	color: #288014;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	font-style: normal !important;
}

#panel {
	width: 879px;
	margin: 0 auto 0 auto;
}
#header {
	height: 110px;
	background-image: url('../images/header-bg.gif');
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
}
#logo {
	position: absolute;
	top: 17px;
	left: 35px;
}
#tabs {
	position: absolute;
	top: 0px;
	right: 13px;
}
#tabs div {	float: left; }
#tab-rss { width: 158px; }
#tab-story { width: 160px; }
#tab-connect  { width: 165px; }

#twitter {
	position: absolute;
	right: 23px;
	bottom: 0;
	width: 330px;
	height: 56px;
	background-image: url('../images/twitter-bg.gif');
	padding: 0 106px 0 30px;
	color: #9b9989;
	font-size: 9px;
}
#twitter a {
	color: #9b9989;
	text-decoration: none;
}
#twitter span {
	color: #9f957a;
}
#twitter-link a {
	color: #99b132;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#page {
	background-image: url('../images/page-bg.gif');
	background-repeat: repeat-y;
	background-position: top right;
}

#sidebar {
	float: left;
	width: 252px;
	margin-left: 14px;
}
#nav {
	width: 219px;
	background-image: url('../images/nav-bg.gif');
	background-repeat: no-repeat;
	height: 283px;
	padding: 50px 0 0 52px;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav a {
	font-size: 10px;
	color: #b97a00;
	letter-spacing: 1px;
	width: 150px;
	height: 15px;
	padding: 2px 0 0 32px;

	display: block;
	text-decoration: none;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: left center;
}
#nav a:hover, #nav li.active a {
	color: #288014;
}
#nav a.secondary {
	font-size: 8.5px;
	font-style: italic;
	color: #484540;
}
#nav li {
	height: 34px;
}
#nav li li {
	height: auto;
	display: inline;
	border-left: solid 1px #d99b20;
	padding: 0 5px 0 5px;
	font-size: 10px;
}
#sidebar #nav li li a {
	background-image: none;
	display: inline;
	padding: 0 0 0 0;
	height: auto;
	text-transform: lowercase;
	letter-spacing: normal;
	color: #6c6959;
	font-style: italic;
}
#nav ul ul {
	margin-left: 26px;
	display: none;
}
#nav ul li.active ul {
	display: block;
}
#sidebar #nav li li a:hover, #sidebar #nav li li.active a { 
	background-image: none; 
	color: #288014;
}
#sidebar #nav li li:first-child {
	border-left: none;
}
#nav li.item1 a { background-image: url('../images/icons/home.gif'); }
#nav li.item1 a:hover, #nav li.item1.active a { background-image: url('../images/icons/home-over.gif'); }
#nav li.item2 a { background-image: url('../images/icons/about.gif'); }
#nav li.item2 a:hover, #nav li.item2.active a { background-image: url('../images/icons/about-over.gif'); }
#nav li.item3 a { background-image: url('../images/icons/shop.gif'); }
#nav li.item3 a:hover, #nav li.item3.active a { background-image: url('../images/icons/shop-over.gif'); }
#nav li.item4 a { background-image: url('../images/icons/press.gif'); }
#nav li.item4 a:hover, #nav li.item4.active a { background-image: url('../images/icons/press-over.gif'); }
#nav li.item5 a { background-image: url('../images/icons/share.gif'); }
#nav li.item5 a:hover, #nav li.item5.active a { background-image: url('../images/icons/share-over.gif'); }
#nav li.item6 a { background-image: url('../images/icons/blog.gif'); }
#nav li.item6 a:hover, #nav li.item6.active a { background-image: url('../images/icons/blog-over.gif'); }
#nav li.item7 a { background-image: url('../images/icons/contact.gif'); }
#nav li.item7 a:hover, #nav li.item7.active a { background-image: url('../images/icons/contact-over.gif'); }

#sidebar p {
	margin: 4px 0 0 11px;
	width: 240px;
	padding: 0;
	display: block;
}


#content {
	padding: 1px;
	margin-left: 275px;
	width: 580px;
}
#content p {
	margin: 0;
	padding: 0;
}
#content table.contentpaneopen {
	border-collapse: collapse;
}
#content table.contentpaneopen td {
	padding: 12px;
}
#content table.contentpaneopen p {
	margin: 0 0 1.0em 0;
	padding: 0;
}
#content table.contentpaneopen a {
	text-decoration: none;
	font-style: italic;
}
#content table.contentpaneopen a:hover {
	text-decoration: underline;
}
#footer {
	height: 250px;
	background-image: url('../images/footer-bg.gif');
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
}
#footer li.item7 { display: none; }
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}
#footer ul a {
	text-decoration: none;
	color: #b0c943;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#footer-column-1, #footer-column-2 { top: 105px; }
#footer-column-1 { left: 245px; }
#footer-column-2 { left: 350px; }

#newsletter-signup-title {
	font-size: 11px;
	font-weight: bold;
	color: #d6eb79;
	text-transform: uppercase;
	position: absolute;
	top: 113px;
	left: 613px;
	letter-spacing: 2px;
}
#emailsignup_email {
	position: absolute;
	top: 146px;
	left: 615px;
	border: none;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	background-color: #33200c;
	color: #adc842;
	width: 134px;
}
#emailsignup_button, #emailsignup_message {
	position: absolute;
	top: 144px;
	left: 756px;
	color: #d9f26a;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 10px;
}


#footer-email {
	position: absolute;
	top: 174px;
	right: 40px; 
}
#footer-email a {
	text-decoration: none;
	font-size: 11px;
	color: #b7d24c;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#copyright {
	position: absolute;
	bottom: 0;
	left: 224px;
}
#copyright, #copyright a {
	color: #f8f4bd;
}


div.whos-saving-trees #content table.contentpaneopen table td {
	vertical-align: top;
	text-align: center;
}
div.about #content table.contentpaneopen table,
 div.story #content table.contentpaneopen table,
 div.contact #content table.contentpaneopen table,
 div.press #content table.contentpaneopen table {
	border-collapse: collapse;
	width: 100%;
}
div.about #content table.contentpaneopen table td,
 div.story #content table.contentpaneopen table td,
 div.contact #content table.contentpaneopen table td { padding: 0; }
 
div.contact #content table.contentpaneopen table td { vertical-align: top; }

#contact-form {
	width: 296px;
	padding-left: 30px;
}
#contact-form input.text, #contact-form input.text-large, #contact-form textarea {
	border: solid 1px #f4ed86;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contact-form div.input {
	padding-bottom: 22px;
	min-height: 26px;
}
#contact-form div.input label {
	display: block;
	float: left;
	width: 119px;
}
#contact-form input.text {
	float: left;
	width: 165px;
}
#contact-form div.input-large {
	padding-bottom: 12px;
}
#contact-form input.text-large {
	width: 285px;
}
#contact-form textarea {
	width: 285px;
	height: 100px;
}

#press-side, #team-side {
	margin-left: 11px;
	padding: 11px 15px 11px 17px;
	background-image: url('../images/press-side-bg.jpg');
}
#press-side {
	height: 500px;
}
#press-side h1, #team-side h1 {
	font-size: 13px;
	line-height: normal;
}
#press-side h1 {
	letter-spacing: 1px;
}
#team-side h1 {
	letter-spacing: normal;
}
#press-side p, #team-side p {
	margin: 0 0 1.0em 0;
	width: auto;
}
#press-side a, #team-side a {
	text-decoration: none;
	font-style: italic;
}
#team-side h3 a {
	font-style: normal;
}
#team-side table {
	border-collapse: collapse;
}
#team-side td {
	padding: 0 8px 0 0;
}

div.press #content table.contentpaneopen table td {
	padding: 0 8px 8px 0;
}
div.the-team #content table.contentpaneopen p,
 div.contributors #content table.contentpaneopen p{
	color: #2d8318;
	font-style: italic;
}