/* General tags */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, form, a, div, img {
	margin: 0; padding: 0; border: 0;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}
@media print { html { margin-left:40px;} }

body.bg1 { background:url(images/bg1.gif); background-repeat:no-repeat;padding: 0; }
@media print { body.bg1 { background: none;padding: 0 0 0 20px; } }
body.bg2 { background:url(images/bg2.gif); background-repeat:no-repeat;padding: 0; }

td {vertical-align:top;	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
th {font-family: Verdana, Geneva, Arial,  helvetica, sans-serif;}

h1 { font-size:100%;padding: 0 0 10px 0;}
h2 { font-size: 12px;}
h3, h4, h5 {font-size: 10px;}
p {font-size:12px; line-height:140%; padding: 4px 0 8px 0; }

@media print {
h1 { font-size:12pt;padding: 0 0 10px 0;}
h2 { font-size: 10pt;}
h3, h4, h5 {font-size: 10pt;}
p {font-size:9pt; line-height:140%; padding: 4px 0 8px 0; }
}

ul { padding: 0 0 0 20px; font-size: 12px; }
ul.bold {font-weight: bold; }
li { padding: 0 0 8px 0;}
li p { font-weight:400;}
a { color:#747323;text-decoration:none; font-weight:bold;}
a:hover { text-decoration: underline;}

.allCaps { text-transform:uppercase;}

div#brtlogo{position: absolute; left: 422px; top: 15px;}
@media print {div#brtlogo{position: absolute; left: 25px; top: 60px;}}

@media screen{div#topRowImage { display:none;}}
@media print{div#topRowImage { color:black;}}

/* Main content */
div#mainContent { width:675px; padding:110px 10px 20px 150px; }
@media print {div#mainContent { width:100%; padding:110px 0 20px 0; } }
div.mainBodyCopy { margin-left:200px;}
@media print {div.mainBodyCopy { margin-left:0;} }
span.ccLink {text-transform:uppercase; font-weight: bold; color:#747323;}
.ccLink a:hover{ text-decoration:underline;}

/*Carbon Calculator table*/
table#carbCalcTable td { font-size:11px;}
td.avgTd { width: 100px; text-align:center; font-size:11px;}
td.ccformColTd { background-color:#8F8A20; text-align:center; font-size:11px; }
.ccFormHead {padding: 2px; width:100px;}
td.ccNumberTd { text-align:center; padding-top:17px;}
div.insruction { color:red; font-size:10px;text-align:right; height:30px;}
.ccFormHead { text-align:center; font-style:italic;} 
.carbType { float:left; font-size:11px; font-weight: bold;padding-top: 19px; white-space: nowrap;}
.carbTypeDesc { float: right; width: auto; padding: 20px 0 15px 0; font-size:10px; }
.carbTypeDesc#descHH { width:300px;}
.carbTypeDesc#descCar { width:350px;}
.carbTypeDesc#descFlights { width:290px;}
.consType { border:1px solid black; margin:1px; padding:4px 4px 5px 4px; width:180px; font-size:11px;}
.calcBox {
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF; 
	border:1px solid black; margin:0; padding:4px; width:80px; font-size:11px;
	color: #666666; text-align:center;}
.typAmount { height:14px;padding:4px; margin:1px;}
.ccCalculate { font-size:14px; padding: 15px 5px 10px 5px;  }
.calcButton {padding: 3px; margin:5px 0; background-color:#DFEC4A; color:#0D1504;
				border:1px solid black; font-family:Arial, Helvetica, sans-serif;}

@media print {.ccCalculate { font-size:14pt; padding: 10px 5px 0 0; } }
.errorOnGreen { font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.totalBox { background-color:#FFFFFF; border:1px solid black;  margin:1px; padding:4px 4px 5px 4px;
			width:70px; } 
div.infosource {font-size:10px; color:#666666; }
@media print {div.infosource {font-size:10pt; }}
#calcResultsExplan { position: absolute; 
					top: 130px; left: 700px; right: auto; bottom: auto; 
					width:180px; height:auto;
					font-size:9px;}
@media print {#calcResultsExplan { font-size:9px; color:#000000;}}
/* Main menu - Leaf frond - */

div#navMenu { float:left; width:400px; color:white; font-size:10px;}
@media print { div#navMenu { display:none; }}
.leaf { text-align:center; padding: 0; width: 80px; height:70px }
a.leaf:hover {text-decoration:none;}
#menu1 { position:absolute; top: 23px; left:70px;}
#menu2 { position:absolute; top: 34px; left:178px;}
#menu3 { position:absolute; top: 126px; left:224px;}
#menu4 { position:absolute; top: 224px; left:215px;}
#menu5 { position:absolute; top: 205px; left:139px;}
#menu6 { position:absolute; top: 133px; left:76px;}
#menu1ThisPage { position:absolute; top: 23px; left:70px; 
				 background-image:url(images/leaf_about_over.gif); background-repeat:no-repeat;}
#menu2ThisPage  { position:absolute; top: 34px; left:178px;
 				 background-image:url(images/leaf_whytrees_over.gif); background-repeat:no-repeat;}
#menu3ThisPage  { position:absolute;  top: 126px; left:224px;
 				background-image:url(images/leaf_projects_over.gif); background-repeat:no-repeat;}
#menu4ThisPage  { position:absolute;  top: 224px; left:215px;
 				background-image:url(images/leaf_support_over.gif); background-repeat:no-repeat;}
#menu5ThisPage  { position:absolute;  top: 205px; left:139px;
 				background-image:url(images/leaf_carbon_over.gif); background-repeat:no-repeat;}
#menu6ThisPage  { position:absolute;  top: 133px; left:76px;
 				background-image:url(images/leaf_contact_over.gif); background-repeat:no-repeat;}

#menu1:hover { background-image:url(images/leaf_about_over.gif); background-repeat:no-repeat;}
#menu2:hover { background-image:url(images/leaf_whytrees_over.gif); background-repeat:no-repeat;}
#menu3:hover { background-image:url(images/leaf_projects_over.gif); background-repeat:no-repeat;}
#menu4:hover { background-image:url(images/leaf_support_over.gif); background-repeat:no-repeat;}
#menu5:hover { background-image:url(images/leaf_carbon_over.gif); background-repeat:no-repeat;}
#menu6:hover { background-image:url(images/leaf_contact_over.gif); background-repeat:no-repeat;}


/* Left hand side content */
div#projectsKey { width:190px; float:left;}
#projMap { float:right;  width:500px; height:300px; position:relative; margin-right:-20px;}
img#projectsImage {position:absolute; top:0px; left:0px; }
div#projectsKey h2 {font-size: 12px; text-transform:uppercase; position:relative; }
div#projectsKey h2 img {position:absolute; left:-20px; top:2px;}
div#projectsKey p {font-size: 10px; padding:5px 0 2px 0; }
#projMap a#india { position:absolute; top: 80px; left:337px;}
#projMap a#uk { position:absolute; top: 40px; left:215px;}
#projMap a#uganda { position:absolute; top: 128px; left:265px;}

div#leftTextBox { position: absolute; top: 375px; left: 120px; width: 190px; }
@media print {	div#leftTextBox { position:relative; top:0; left: 0;  } }
div.projLink { width: 60px; text-transform:uppercase; font-size:12px; color:#747323; 
			font-weight:bold; vertical-align:top; float:left; padding-top:2px;}
div.projDesc { font-size:10px; width:125px; float:right; padding-bottom:14px; }

blockquote { width: 100%/*720px*/; text-align:left; padding: 20px 0; margin-left:50px;
			font-style:italic; font-weight:600;	color:#747323;}
@media print {	blockquote { margin-left:0; } }
#quote { font-size:24px; }

#author { font-size:18px;}

/* Text-based navigation */
#navText { clear: right; width: 1000px;text-align:center; font-size:70%;
			padding:5px 0 0 0;}
@media print {#navText { display:none;} }
div#navText a {text-decoration:none; color:#333333;} 
div#navText a:hover {color:#747323; text-decoration:underline;} 
div#navText a#thisPage { color:#747323;}

/* Footer */
#footer  { clear: right; width: 1000px;
		  text-align:center; font-size:60%; margin:5px 0px 0 0; padding: 5px 0 5px 5px;
		  color:#333333;}
@media print { #footer {width: 100%; text-align:center;clear:left; margin:0; padding:0;}}

.projects_right{float:right; width:240px; padding-left:20px;}
.projects_left{float:left; width:240px; padding-top:10px; padding-right:20px;}
.projects_right p, .projects_left p{font-size:11px;}

.clear{clear:both;}