/*
Author: Debbie Thompson
Copyright © 2008
carbontree.com
css/styles_main.css

open source code for the menus from:
http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

*/

/* ---------- main stuff ---------- */

* {
	margin:0;
	padding:0;
	}
body {
	font-size:100%;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#000000;
	background-color:#b8c0cb;
	margin-top:5px;
	}
a {
	text-decoration:none;
	color:#669933;
	}
a:hover {
	text-decoration:underline;
	color:#669933;
	}
.clear {
	clear:both;
	}

div#page_wrap {
	width:775px;
	margin-left:auto; /* center the content */
	margin-right:auto;
	}

/* ---------- header ---------- */
div#header {
	width:775px;
	background-color:#003300;
	}

div#header img {
	border:none;
	}

div#header h3 { /* navigation titles */
	color:#eae2ce;
	background-color:#003300;
	font-size:0.7em;
	font-weight:normal;
	margin-left:450px;
	padding-bottom:2px;
	}

div#header h3 i {
	color:#eae2ce;
	}

/* ---------- footer ---------- */

div#footer p {
	font-size:0.7em;
	text-align:center;
	background-color:#003300;
	color:#eae2ce;
	height:59px; /* compensate for the corner image size */
	}

div#footer p img {
	margin-bottom:2px; /* move the footer text down a bit */
	}



/* ---------- columns ---------- */

/* -- content --*/

/* need bg slice so colors go all the way to footer. also need a bg slice img in the html so IE will fill the bg with this slice */
div#columns_wrap { 
	}

div#content .center {
	text-align:center;
	}
	
div#content {
	width:605px;
	float:left;
	background-color:#eae2ce;
	border-top:1px solid #003300;
	padding:0 5px 5px 5px;
	}

div#content p {
	margin:8px 0;
	font-size:0.8em;
	text-align:justify;
	}

div#content h1 { /* page titles */
	font-size:1.0em;
	margin-top:8px;
	text-align:center;
	}

div#content h2 { /* page subtitles */
	font-size:0.85em;
	color:#503e12;
	margin:18px 0 8px 0;
	}
	
div#content .accent1 { /* accent text 1 for home page */
	font-size:0.80em;
	font-style:italic;
	letter-spacing:0.15em;
	color:#153f77;
	margin:0px 0 0 210px;
	}	
div#content .accent2 { /* accent text 2 for home page */
	font-size:0.95em;
	font-style:italic;
	letter-spacing:0.15em;
	color:#153f77;
	margin:0px 0 0 120px;
	}
div#content .accent3 { /* accent text 2 for home page */
	font-size:0.85em;
	font-style:italic;
	letter-spacing:0.15em;
	color:#153f77;
	margin:0px 0 0 250px;
	}

div#content ul li {
	margin-top:8px;
	margin-left:30px;
	font-size:0.8em;
	list-style-type:square;
	}

div#content ol li {
	margin-top:8px;
	margin-left:30px;
	font-size:0.8em;
	}

div#content .emphasis { /* just for important text */
	color:#153f77;
	}

div#content .image_rt, .image_lt, .image_ctr {
	font-style:italic;
	color:#153f77;
	}
div#content .image_rt {
	float:right;
	font-size:0.7em;
	text-align:center;
	margin:0 0 5px 5px;
	}
div#content .image_lt {
	float:left;
	font-size:0.7em;
	text-align:center;
	margin:0 5px 5px 0;
	}
div#content .image_ctr {
	font-size:0.7em;
	text-align:center;
	}

div#content table {
	margin-left:20px;
	}
div#content table tr td {
	padding:8px;
	font-size:0.8em;
	}

div#content table tr td address {
	font-style:normal;
	}

div#content .partners { /* for logos table on partners page */
	text-align:center;
	border:none;
	background-color:white;
	}

div#content .partners img { /* for logos table on partners page */
	text-align:center;
	border:none;
	}

div#content .calc_table { /* for carbon calculator table */
	margin:18px 0 8px 0;
	}
div#content .calc_table td { /* for carbon calculator table */
	border:1px solid #003300;
	}

	
/* -- left menu - keep this at end of css file -- */

div#menu_left {
	/*width:10em;*/
	width:160px;
	float:left;
	background-color:#ffffff;
	}

div#menu_left img {	/* donate button */
	margin-top:30px;
	padding:0;
	border:0;
	}

div#menu_left p a {	/* donate button - this is the only p in the menu */
	text-align:center;
	border:0;
	}

div#menu_left ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

div#menu_left a, #menu_left h2 {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #003300;
	margin: 0;
	padding: 2px 3px;
	}
	
div#menu_left .bottom_border {
	border-bottom: 1px solid #003300;
	}

div#menu_left h2 {
	color: #ffffff;
	background: #003300;
	text-transform: uppercase;
	}

div#menu_left a {
	color: #336600;
	background: #ffffff;
	text-decoration: none;
	}

div#menu_left a:hover {
	color: #669933;
	background: #ffffff;
	}

div#menu_left ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	}

div#menu_left li {position: relative;}

div#menu_left ul ul ul,
div#menu_left ul ul li:hover ul ul
	{display: none;}

div#menu_left ul ul li:hover ul,
div#menu_left ul ul ul li:hover ul
	{display: block;}


/* Below for IE ---------------------------------
This seems to need to be at the end. Needs that csshover.htc file */

<!--[if IE]>
<style type="text/css" media="screen">
body {behavior: url(csshover.htc); font-size:100%;} 

#menu_left ul li {float: left; width: 100%;}
#menu_left ul li a {height: 1%;}

#menu_left a, #menu_left h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
</style>
<![endif]-->