body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body { background: #fff;  font-size: 62.5%; text-align: center; font-family: freesans, helvetica, arial, san-serif; }

h1 { position: absolute; top: 95px; left: 40px; width: 168px; height: 130px; background: transparent url(images/projectc.gif) no-repeat; }
h1 a { display: block; width: 168px; height: 130px; }


#page {  width: 1000px; margin: 0 auto; font-size: 62.5%; text-align: left; color: #fff; }
div.content {  color: #000; line-height: 1.8em;
				 min-height: 500px; }
h2 { color: #00aeef; font: normal 2.4em/1em Arial, Verdana, sans-serif; margin: 0 0 15px 38px; }
h2.think, h2.act, h2.fund { width: 495px; height: 35px; margin: -23px 0 30px -7px; }
h2.think { background: transparent url(images/header_think.gif) no-repeat; }
h2.act { background: transparent url(images/header_act.gif) no-repeat; }
h2.fund { background: transparent url(images/header_fund.gif) no-repeat; }
img.left { float: left; margin: 15px 15px 15px 38px; }
img.right { float: right; margin: 15px 38px 15px 15px; }
img.scene { float: left; margin: 0 15px 15px 0; }
img.scene-split { float: left; margin-bottom: 15px; }
h3 { color: #f7941d; font: normal 2.4em/1.3em Arial, Verdana, sans-serif; margin-right: 35px; }
h3.calc { color: #2b3990; margin: 0 37px 10px 35px;  }

div.content h4 { color: #00aeef; font-size: 1.4em; margin: 0 38px 0.25em 38px;  }
div.content h4 a { color: #00aeef; }
div.content h4.large { color: #000; font-size: 1.6em; margin: 20px 38px 10px 38px; font-weight: normal; }
div.content p { font-size: 1.2em; }
div.content a:hover { text-decoration: none; }
div.content ol, div.content ul { font-size: 1.2em; font-family: Arial, Verdana, sans-serif; margin: 0 38px 1em 40px; }
div.content ul li ul { font-size: 1em; margin: 0.5em 38px; }
div.content ul { list-style-type: disc; list-style-position: outside; }
div.content ol { list-style-type: decimal; list-style-position: inside; }
div.calculator p { margin: 0; }
div.col3 { float: left; width: 210px; margin: 30px 0 0 15px; }
div.col3 h4.large, div.col3 p { margin: 0 0 1em 0; }
div.content ul.contact { float: left; list-style-type: none; margin: 0.5em 0 1em 38px; }









br.clear { clear: both; }
h1 span, h2 span, h3 span, a span { position: absolute; display: block; width: 0; height: 0; overflow: hidden; }

.tabs { width:630px; height:30px;   }
.tabs a { float:left; width:116px; height:30px; background-image:url(images/tabOff.png); margin-right: 2px; overflow: hidden; 
		padding-left: 10px; color: #a31520; text-decoration:none; font-size:12px; font-weight:bold; line-height: 30px; }
div.content .tabs a:hover { text-decoration: underline; }
.tabs a.on { background-image:url(images/tabOn.png); color:#00195F; }
.calculator { position:relative; width:645px; min-height: 250px; padding: 10px;  background: #e1f3f9 url(images/bg_calc.jpg) repeat-x; font-size: 1.2em; }

.calculator a { color:#005193; text-decoration:none; }
.calculator a:hover { text-decoration:underline; }
#emissions { float:left; height:19px; width:50px; line-height:19px; background-color:#0085C7; border:1px solid #3D454A; color:#fff; font-size:13px; font-weight:bold; padding: 0 5px;}
#totalEmissions { display: block; height:20px; width:80px; line-height:20px; background-color:#0085c7; border:1px solid #3d454a;
					color:#fff; font-size:14px; font-weight:bold; padding: 0 10px; margin: 5px auto 0; }
.totalCO2 { position: absolute; top: 10px; right: 10px; width: 150px; font-size: 12px; padding: 10px; text-align: center; border: 1px solid #000; line-height: 14px; }


a.fund-button, a.act-button, a.think-button { display: block; width: 100px; background-color: #f79320; color: #fff; border: 1px solid #000; margin: 5px auto 0;
				font: bold 0.8em/2em Arial, Verdana, sans-serif; text-decoration: none; clear: both; text-align: center; text-transform: uppercase;
                position: absolute; bottom: 20px; left: 300px; }
a.act-button { background-color: #8cc640; }
a.think-button { background-color: #ef4137; }
a:hover.fund-button { color: #f79320; background-color: #fff; }
a:hover.act-button { color: #8cc640; background-color: #fff; }
a:hover.think-button { color: #ef4137; background-color: #fff; }
.small { font-size: 0.75em; margin-bottom: 5px; }			
.tr { text-align: right; }
#mainForm {
  width: 650px;
}
#left {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 450px;
}
 #continue {
    width: 120px;
   height: 20px;
   border: 1px solid #000;
   background: #8cc640;
   text-align: center;
   margin-left: 20px;
 }
 #continue:hover {
   background: #fff;
 }
 #continue a:hover {
   color: #8cc640;
 }


