html {
	padding: 0;
	margin: 0;
	height: 100%;
}

body {
	font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background: url(images/bgSite.jpg) top center no-repeat;
	background-color: #bde6c0;
	margin: 0px;
	height: 100%;
}

#toplinks {
	width: 1000px;
	height: 133px;
	margin-bottom: 10px;
}

#logo {
	position: relative;
	text-align: left;
	top: 0px;
	left: 0px;
	width: 211px;
	height: 142px;
}

#wrapper {
	position: relative;
	width: 1000px;
}

#homepagecontent {
	width: 1000px;
	height: 525px;
	margin-bottom: 50px;
}

div.homepageflash {
	float: none;
	width: 349px;
	height: 525px;
	margin-right: 11px;
}

div.homepagecallouts {
	float: left;
	width: 640px;
	height: 525px;
}

div.homepagebluecallout {
	float: left;
	width: 640px;
	height: 265px;
	background-color: #6db4e7;
	margin-bottom: 10px;
}

div.footer {
	position: relative;
	width: 1000px;
	clear:both;
}

div.homepagecallout01 {
	float: none;
	width: 210px;
	height: 250px;
	background-color: #FFFFFF;
	margin-right: 5px;
}

div.homepagecallout02 {
	float: left;
	width: 210px;
	height: 250px;
	background-color: #FFFFFF;
	margin-right: 5px;
}

div.homepagecallout03 {
	float: left;
	width: 210px;
	height: 250px;
	background-color: #FFFFFF;
}

#subpagecontent {
	position: relative;
	width: 1000px;
	margin-bottom: 50px;
}

#subpageheader {
	width: 1000px;
	height: 186px;
}

div.subpageimage01 {
	float: none;
	width: 505px;
	height: 186px;
	margin-right: 10px;
}

div.subpageimage02 {
	float: left;
	width: 287px;
	height: 186px;
	margin-right: 10px;
}

div.subpageimage03 {
	float: left;
	width: 188px;
	height: 186px;
}

#subpagetext {
	position: relative;
	width: 1000px;
	height: 100%;
}

div.subwidecolumn {
	float: none;
	width: 735px;
	margin-top: 10px;
	margin-right: 10px;
	background-color: #FFFFFF;
	padding-top: 5px;
}

div.subnarrowcolumn {
	float: right;
	margin-top: 10px;
	width: 255px;
}

div.callout {
	position: relative;
	top: 0px;
	left: 0px;
	width: 230px;
	height: 190px;
	background-color: #FFFFFF;
	padding: 10px;
}

div.subpage {
	text-align: left;
	color: #0086cc;
	margin: 20px 50px 30px 100px;
	padding-bottom: 20px;
}

div.ecotipsimage {
	width: 190px;
	float: none;
}

p {
	text-align: left;
	color: #0086cc;
	font-size: 12px;
}

li {
	text-align: left;
	color: #0086cc;
}

h1 {
	text-align: left;
	color: #0086cc;
	font-weight: normal;
	font-size: 28px;
	margin-left: 100px;
}

h2 {
	text-align: left;
	color: #44b749;
	font-weight: normal;
	font-size: 20px;
	margin-top: 0px;
}

h3 {
	text-align: left;
	color: #0086cc;
	font-size: 13px;
}

p.callout {
	text-align: left;
	color: #44b749;
	font-size: 11px;
}

p.breadcrumbs {
	color: #44b749;
	margin: 10px 50px 0 100px;
}

p.homepagebluecallouttext {
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	color: #FFFFFF;
	margin: 15px 35px 20px 50px;
}

p.homepagecallouttext {
	text-align: left;
	font-size: 11px;
	color: #0086cc;
	margin: 20px 15px 5px 15px;
}

span.homepagecallouttexthdg {
	font-size: 12px;
	font-weight: bold;
}

p.footer {
	color: #649d9b;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

a:visited { color: #0086cc; text-decoration: underline; }
a:link { color: #0086cc; text-decoration: underline; }
a:active { color: #0086cc; text-decoration: underline; }
a:hover { color: #146735; text-decoration: underline; }

a.nav:visited { color: #FFFFFF; text-decoration: none; }
a.nav:link { color: #FFFFFF; text-decoration: none; }
a.nav:active { color: #FFFFFF; text-decoration: none; }
a.nav:hover { color: #FFFFFF; text-decoration: none; }

a.breadcrumb:visited { color: #44b749; text-decoration: underline; }
a.breadcrumb:link { color: #44b749; text-decoration: underline; }
a.breadcrumb:active { color: #44b749; text-decoration: underline; }
a.breadcrumb:hover { color: #44b749; text-decoration: underline; }

a.footer:visited { color: #649d9b; font-weight: bold; text-decoration: none; }
a.footer:link { color: #649d9b; font-weight: bold; text-decoration: none; }
a.footer:active { color: #649d9b; font-weight: bold; text-decoration: none; }
a.footer:hover { color: #649d9b; font-weight: bold; text-decoration: underline; }

td.white {	background-color: #FFFFFF;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;}

.stepheader
{
    display:block;
}
.stepnumber
{
    text-align:left;
    vertical-align:middle;
    height:41px;
}	


html* .floatnum
{
    float:left;
    padding-right:9px;
    margin-top:0px;
    padding-top:0px;
    vertical-align:top;
    height:41px;
}

.floatnum
{
    float:left;
    padding-right:9px;
    margin-top:0px;
    padding-top:10px;
    vertical-align:top;
    height:41px;
}

.addspc
{
    display:block;
    width:7px;
    float:left;
}


.stepquestion
{
    text-align: left;
	color: #0086cc;
	font-size: 16px;
	font-weight:bold;
	vertical-align:middle;
	padding-left:10px;
	height:41px;
}

.stepinputs
{
    padding-left:60px;
	padding-top:10px;
}

.step0i
{
    padding-left:10px;
}

.step1i
{
    padding-bottom:10px;
}

.prevstep
{
   float:left;
   clear:both;
   padding-top:5px;
   width:141px;
   height:20px;
}


.nextstep
{
   float:right;
   
   padding-top:5px;
   width:141px;
   height:20px;
   
}

.restart
{
    float:right;
   
   padding-top:5px;
   width:170px;
   height:20px;
}

.restep img
{
 border:none 0px white;
 text-decoration:none;
 height:18px;
 width:168px;
}


.setstep img
{
 border:none 0px white;
 text-decoration:none;
 height:18px;
 width:139px;
}

.radioheadr
{
    font-size:13px;
    font-weight:bold;
}
.radiosub
{
    padding-left:25px;
    display:block;
}

div.steplist {
	position: relative;
	top: 0px;
	left: 0px;
	width: 230px;
	height: 500px;
	background-color: #FFFFFF;
	padding: 10px;
}

.steplistheader
{
    text-align: left;
	color: #0086cc;
	font-weight: normal;
	font-size: 18px;
	border-bottom-style:dashed;
    border-bottom-color:#d9d9d9;
    border-bottom-width:1px;
    width:200px;
    display:block;
    padding-bottom:21px;
}


.stepitem
{
    border-bottom-style:dashed;
    border-bottom-color:#d9d9d9;
    border-bottom-width:1px;
    width:200px;
    display:block;
    text-align:left;
}
.itemlistitem
{
    padding-top:11px;
    padding-bottom:11px;
}

.stepitem .itemlistitem
{
}

.stepitem .itemlistnum
{
    text-align:left;
    color:#bddff1;
    font-size:12px;
    font-weight:bold;
    padding-right:5px;
}

.stepitem .itemlisthead
{
    text-align:left;
    color:#bddff1;
    font-size:12px;
    font-weight:bold;
}

.itemlisttext
{
    padding-bottom:11px;
}
.stepitem .itemlisttext
{
    color:#999999;
    display:block;
    padding-left:18px;
    font-size:10px;
}



.stepitemviwed
{
    border-bottom-style:dashed;
    border-bottom-color:#d9d9d9;
    border-bottom-width:1px;
    width:200px;
    display:block;
    text-align:left;
}

.stepitemviwed .itemlistitem
{
}

.stepitemviwed .itemlistnum
{
    text-align:left;
    color:#0086cc;
    font-size:12px;
    font-weight:bold;
    padding-right:5px;
}

.stepitemviwed .itemlisthead
{
    text-align:left;
    color:#0086cc;
    font-size:12px;
    font-weight:bold;
}
.stepitemviwed .itemlisttext
{
    color:#666666;
    display:block;
    padding-left:18px;
    font-size:10px;
}
.gas
{
     vertical-align:top;
     float:left;
}
.gasimg
{
    
    vertical-align:top;
    padding-left:15px;
}


.vs
{
    vertical-align:top;
    padding-left:30px;
    padding-right:30px;
    float:left;
    
}
.vsimg
{
    padding-top:35px;
}


.fossil
{
    vertical-align:top;
    float:left;
    
   
}


.fossilimg
{
    padding-left:30px;
    padding-right:30px;
}

.allng
{
    vertical-align:top;
    float:left;
    
}

.allngimg
{
    padding-left:30px;
    padding-right:30px;
}

.fossilradio
{

   float:left;
   padding-left:95px;
   vertical-align:bottom;
   
}
.allngradio
{

    float:right;
    vertical-align:bottom;
    padding-right:120px;
    
}

.ngtext
{
    float:left;
    vertical-align:top;
    margin-top:5px;
    
}
.radiosstep0
{
    clear:both;
   
    
}

.resultheader {
	text-align: left;
	color: #0086cc;
	font-weight: normal;
	font-size: 20px;
	padding-bottom:22px;
	padding-top:22px;
	clear:both;
}

.darkblue
{
    color:#065178;
}

.calcforest
{
    background-image:url(images/alltreesbgg.gif);
    background-repeat:repeat-x;
    height:86px;
    display:block;
    padding-top:0px;
    margin-top:0px;
    font-size:12px;
    color:#129749;
    
}

.calccars
{
    background-image:url(images/allcarsbgg.gif);
    background-repeat:repeat-x;
    height:86px;
    display:block;
    font-size:12px;
    color:#0086cc;
    
    
}

.calccarstext
{
    height:30px;
    margin-top:0px;
    display:inline-block;
    padding-top:40px;
    vertical-align:top;
}

.calcforesttext
{
    height:30px;
    margin-top:0px;
    display:inline-block;
    padding-top:38px;
    vertical-align:top;
}

.carboncalcbigbold
{
    font-size:22px;
    font-weight:bold;
}

.calcforest img
{
    padding-right:20px;
    vertical-align:middle;
    padding-top:0px;
    margin-top:0px;
}

.calccars img
{
    padding-right:20px;
    vertical-align:middle;
    padding-top:0px;
    margin-top:0px;
}

.calcresultspacer
{
    height:15px;
}


.carboncalcfootertext
{
    display:block;
    color:#666666;
    font-size: 10px;
    clear:both;
    
    
}

.cchr
{

    height: 0;
    border: 0;
    border-top: 1px solid #efefef;
    clear:both;
}


html* .ccp
{
    display:block;
    padding-left:5px;
    margin-top:0px;
    padding-top:0px;
    vertical-align:top;
}
.ccp
{
    display:block;
    padding-left:5px;
    margin-top:-10px;
    padding-top:0px;
    vertical-align:top;
}




.dashedborder
{
    padding-bottom:5px;
    border-bottom:dashed 1px #d9d9d9;
}

.resultsco2
{
    
}

.gasco2
{
    font-size:14px;
    
    width:250px;
    float:left;
    text-align:center;
    padding-bottom:15px;
    padding-left:10px;
}

.elecco2
{
    font-size:14px;
   
    width:250px;
    float:right;
    text-align:center;
    padding-bottom:15px;
    padding-right:50px;
}

.padd20bottom
{
    padding-bottom:25px;
}

.padd20top
{
    padding-top:20px;
}

.radioheadrsk
{
    color:#666666;
    font-size:11px;
}

span.atStart
{

    text-align: left;
	color: #0086cc;
	font-size: 12px;
	width:170px;
	display:block;
}

a span.atStart
{
    text-decoration:none;
    cursor:pointer;
    background-color:White;
}

a:hover span.atStart
{
    text-decoration:underline;
    color:#7fc2e5;
    cursor:pointer;
    background-color:White;
}


a.remff:focus
{
    outline: none;
}

.incrad
{
    padding-bottom:8px;
    padding-top:8px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    display:block;
    margin-left:-60px;
    padding-left:17px;
    
}