/* link details */

a:link { color:#3399FF; } 
a:visited { color:#3399FF; text-decoration: underline }
a:hover { color: #FFFFFF; text-decoration: none; background-color:#0099FF}
a:active { color:#3399FF; }


.end a:link { color:#000066; } 
.end a:visited { color:#000066; text-decoration: underline }
.end a:hover { color: #FFFFFF; text-decoration: none; background-color:#339999}
.end a:active { color: #FFFFFF; }


.calc a:link { color:#000099; text-decoration: underline;} 
.calc a:visited { color:#000099; text-decoration: underline; }
.calc a:hover { color: #339999; text-decoration: none; background-color:#FFFFFF}
.calc a:active { color: #339999; }


.news a:link { color:#000099; text-decoration: underline;} 
.news a:visited { color:#000099; text-decoration: underline; }
.news a:hover { color: #009999; text-decoration: none; background-color:#FFFFFF}
.news a:active { color: #339999; } 


.printerButton a:link { color:#FFFFFF;} 
.printerButton a:visited { color:#FFFFFF;}
.printerButton a:hover { color: #FFFFFF;}
.printerButton a:active { color:#FFFFFF; } 

.printer a:link { color:#3399FF; background-color:#FFFFFF} 
.printer a:visited { color:#3399FF;}
.printer a:hover { color: #3399FF;}
.printer a:active { color:#FFFFFF; } 

.printerEasy a:link { color:#3399FF; background-color:#FFFFFF} 
.printerEasy a:visited { color:#3399FF;}
.printerEasy a:hover { color: #3399FF;}
.printerEasy a:active { color:#FFFFFF; } 

.printerAll a:link { color:#3399FF; background-color:#FFFFFF} 
.printerAll a:visited { color:#3399FF;}
.printerAll a:hover { color: #3399FF;}
.printerAll a:active { color:#FFFFFF; } 

.printerReduce a:link { color:#3399FF; background-color:#FFFFFF} 
.printerReduce a:visited { color:#3399FF;}
.printerReduce a:hover { color: #3399FF;}
.printerReduce a:active { color:#FFFFFF; } 



/* to make whole block move rather than liquid layout */
body, html {
border: 0;
padding: 0;
margin: 0;	
}


body {
font-family:sans-serif;
width:850px;
margin:0 auto;
margin-top:5px;
text-align:center;
background-color:#0099FF;
}


#header,#menu,#footer {
width:100%;
}

#content,#sub-section {
/*float:left*/
}

#content {
width:79.9%
}


#sub-section {
font-style:italic;
width:20%;
float:left;
}

#footer {
clear:left
/*float:left;*/
width:100%;
}





/* news headlines */

.newsHeadlines { 
 position: absolute; 
 padding: 0px 10px 0px 10px;
 border: 1px solid;
 background: #FFFFFF;
 margin-left:585px;
 margin-top:25px;
 width:235px;
 height:23em;
 text-align:justify;
 }


.newsHeadlinesNews { 
/* position: absolute; */
 padding: 0px 10px 0px 10px;
 border: 1px solid;
 background: #FFFFFF;
 margin-left:5px;
 margin-top:5px;
 width:800px;
 height:41em;
 text-align:justify;
 }



div.movable1 {
 position: relative;
 margin-top:0px;  
 width:780px;
 text-align:justify;
 background-color:aqua;
}


div.movable2 {
 position: relative;
 margin-top:10px;  
 width:780px; 
 text-align:justify;
 background-color:pink;
}


div.movable3 {
 position: relative;
 margin-top:10px;  
 width:780px;
 text-align:justify;
 background-color:#66FF66;
}


div.movable4 {
 position: relative;
 margin-top:10px;  
 width:780px; 
 text-align:justify;
 background-color:#F56969;
}


div.movable5 {
 position: relative;
 margin-top:10px;  
 width:780px; 
 text-align:justify;
 background-color:aqua;
}


div.movable6 {
 position: relative;
 margin-top:10px; 
 width:780px;  
 text-align:justify;
 background-color:pink;
}


div.movable7 {
 position: relative;
 margin-top:10px; 
 width:780px;  
 text-align:justify;
 background-color:#66FF66;
}


div.movable8 {
 position: relative;
 margin-top:10px; 
 width:780px;  
 text-align:justify;
 background-color:#F56969;
}


div.movable9 {
 position: relative;
 margin-top:10px; 
 width:780px;  
 text-align:justify;
 background-color:aqua;
}


div.movable10 {
 position: relative;
 margin-top:10px; 
 width:780px;  
 text-align:justify;
 background-color:pink;
}


div.movable11 {
 position: relative;
 margin-top:10px; 
 width:780px;  
 text-align:justify;
 background-color:#66FF66;
}



/* green box background for logo - allows rounded corners */

.greenbox { 
 position: absolute;
 background: #33CC33;
 margin-left:20px;
 margin-top:20px;
 width:290px;
 text-align:justify;
 }

.greenboxtop { 
  background: url(images/greenne.gif) no-repeat top right; 
}
.greenboxtop div { 
  width: 100px;
  height: 70px; 
  background: url(images/greennw.gif) no-repeat top left; 
}
.greenboxbottom { 
  background: url(images/greense.gif) no-repeat bottom right; 
}
.greenboxbottom div { 
  width: 100px;
  height: 70px; 
  background: url(images/greensw.gif) no-repeat bottom left; 
}
.greenboxcontent {
  padding: 0px 10px 0px 10px;
}



/* white box background for top white bar (rounded corners) with logo and pic */
.boxbottomright { 
  background: url(images/se.gif) 100% 100% no-repeat; 
}
.boxbottomleft { 
  background: url(images/sw.gif) 0 100% no-repeat #FFFFFF;
  width:850px; 
}
.boxtopright { 
  background: url(images/ne.gif) 100% 0 no-repeat;
  padding:10px; 
}
.boxtopleft { 
  background: url(images/nw.gif) 0 0 no-repeat; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}


.boxbottomleft2 { 
  margin-top:5px;
  background: url(images/sw.gif) 0 100% no-repeat #FFFFFF;
  width:850px; 
}

.boxbottomleft3 {
  margin-top:5px; 
  background: url(images/sw.gif) 0 100% no-repeat #FFFFFF;
  width:850px; 
}




/* logo and top pic */

div.logo {
 position: absolute;
 margin-left: 10px;
 margin-top: -65px;
}


div.topPic {
 position: absolute;
 margin-left: 340px;
 margin-top: 5px;
}




/* main text box*/

.textIntro { 
 float:left;
/* position: absolute; */
 padding: 0px 10px 0px 10px;
 background: #FFFFFF;
 border: 1px solid;
 margin-left:5px;
 margin-top:5px;
 width:535px;
 #width:545px;
 text-align:justify;
 }


.textIntroIndex { 
 /*position: absolute; */
 padding: 0px 10px 0px 10px;
 background: #FFFFFF;
 border: 1px solid;
 margin-left:5px;
 margin-top:5px;
 width:800px;
 text-align:justify;
 }



/* small blurb of text at end of page*/

.endText { 
/* position: absolute; */
 padding: 0px 10px 0px 10px; 
 margin-top:0px;
 }



/* FOR CARBON CALCULATOR PAGE */
.calculators { 
 /* position: absolute; */
 float:left;
 padding: 0px 10px 0px 10px;
 border: 1px solid;
 background: #FFFFFF;
 margin-left:5px;
 margin-top:5px; 
 width:235px; 
 height:45em;
 text-align:left;
 }

 
 .clear {
  clear:both;	 
 }
 

  div.setWidth {
  margin-left:125px;
  #margin-left:auto;
  width:600px;
 }
 
 
/* FOR TRANSPORT.PHP */

.calcs {
 text-align:center; 
 }

.allTransport {
 margin-top:10px;
 margin-left:125px; 
 width:600px;
 /*float:left;*/
 }

 .allTransportTrans {
 margin-top:10px;
 margin-left:125px; 
 #margin-left:0px;
 width:600px;
 /*float:left;*/
 }

 
 
 
.allTransportCalcs {
 margin-top:10px;
 margin-left:125px;
 width:600px;
 float:left;	
} 

.allTransportHomeCalcs {
 margin-top:10px;
 margin-left:125px;
 width:700px;
 float:left;	
} 

 
 
input.btn3 {
  color:#FF0000;
  font-weight:bold; 
} 
 
 
input.btn2 {
  color:#009966;
  font-weight:bold;
  width:240px;
}

input.btn {
  color:#009966;
  font-weight:bold;	
}



.greenboxform { 
 position: absolute;
 background: #33CC33;
 margin-left:20px;
 margin-top:20px;
 width:600px;
 text-align:justify;
 }

.greenboxtopform { 
  background: url(images/greenne.gif) no-repeat top right; 
}
.greenboxtopform div { 
  width: 600px;
  height: 10px; 
  background: url(images/greennw.gif) no-repeat top left; 
}
.greenboxbottomform { 
  background: url(images/greense.gif) no-repeat bottom right; 
}
.greenboxbottomform div { 
  width: 600px;
  height: 10px; 
  background: url(images/greensw.gif) no-repeat bottom left; 
}
.greenboxcontentform {
  padding: 0px 10px 0px 10px;
}


img.cloud {
 position: absolute;
 margin-left: 15px;
 margin-top: -40px;
}

img.car {
 position: absolute;
 margin-left: 25px;
 margin-top: -15px;
}





/* FOR HOME.PHP */

img.home {
 position: absolute;
 margin-left: 45px;
 margin-top: -30px;
}


/* FOR AIRTRAVEL.PHP */

img.plane {
 position: absolute;
 margin-left: 25px;
 margin-top: -25px;
}


/* FOR EASY.PHP*/
img.abacus {
 position: absolute;
 margin-left: 25px;
 margin-top: -25px;
}




img.runner {
 position: absolute;
 margin-left: 25px;
 margin-top: -5px;
}


/* FOR BUSINESS.PHP */

.allBusiness {
 margin-top:10px;
 margin-left:50px;
 width:750px;
 }


.formAlignment {
 text-align:left;
 width:600px;
/* float:left; */
}



/* FOR NEWS AND LINKS*/

#newsContent {
width:99%
}


.newsTextIntro { 
/* position: absolute; */
 padding: 0px 10px 0px 10px;
 background: #FFFFFF;
 border: 1px solid; 
 margin-left:5px;
 margin-top:5px;
 width:800px;
 text-align:justify;
 }



/* FOR ABOUT US */

.indent { 
 background: #FFFFFF; 
 margin-left:40px;
 margin-top:25px;
 width:750px;
 text-align:justify;
 }


/* FOR REDUCE YOUR EMISSIONS */

table.reduceTable {
  font-size:12px;
}

input.radio {
width:2em;
height:2em;
}

.printerReduce {
/*position:absolute;*/
margin-top:15px;
margin-left:320px;
}



/* FOR RESULTS PAGES */

.greenboxResults { 
 position: absolute;
 background: #33CC33;
 margin-left:20px;
 margin-top:20px;
 width:210px;
 text-align:justify;
 }

.greenboxtopResults { 
  background: url(images/greenne.gif) no-repeat top right; 
}
.greenboxtopResults div { 
  width: 100px;
  height: 70px; 
  background: url(images/greennw.gif) no-repeat top left; 
}
.greenboxbottomResults { 
  background: url(images/greense.gif) no-repeat bottom right; 
}
.greenboxbottomResults div { 
  width: 100px;
  height: 40px; 
  background: url(images/greensw.gif) no-repeat bottom left; 
}
.greenboxcontentResults {
  padding: 0px 10px 0px 10px;
}




/* FOR BUSINESS RESULTS PAGE */
.name {
position:absolute;
margin-top:50px;
margin-left:300px;
}

.resultsTitle {
position:absolute;
margin-top:100px;
margin-left:200px;
}

.summary {
position:absolute;
margin-top:180px;
margin-left:50px;
}

.result {
position:absolute;
margin-top:500px;
margin-left:50px;
}

.printer {
position:absolute;
margin-top:550px;
margin-left:200px;
}

.resultAll {
position:absolute;
margin-top:190px;
margin-left:50px;
}

.printerAll {
position:absolute;
margin-top:630px;
margin-left:200px;
}

.resultEasy {
position:absolute;
margin-top:230px;
margin-left:50px;
}

.printerEasy {
position:absolute;
margin-top:500px;
margin-left:200px;
}


.printerOnly {
 display:none;
}

/* FOR PURCHASE OFFSETS PAGE*/


.allPurchase {
 margin-top:10px;
 margin-left:100px;
 #margin-left:0px;
 width:650px;
 }

 
table.offsetTable {
  font-size:12px;
  margin-left:10px;
}



/* FOR FAQS */

.emitterTable {
 margin-left:20px;
 margin-top:10px;


}

/* FOR CONTACT US */

.contactForm { 
 position: relative; 
 padding: 20px 20px 20px 10px; 
 background: #FFFFFF;
 border: 2px solid;
 border-color: #33CC33;
 margin-left:100px;
 margin-top:25px;
 width:550px;
 text-align:left;
 }

 
 .contactForm2 { 
 position: relative; 
 padding: 20px 20px 20px 10px; 
 background: #FFFFFF;
 border: 2px solid;
 border-color: #FF0000;
 margin-left:100px;
 margin-top:25px;
 width:550px;
 text-align:left;
 }
 

.textArea {
 position:relative;
 margin-top:-20px;
 margin-left:190px;
}


.textArea2 {
 position:relative;
 margin-top:-17px;
 margin-left:90px;
}

/* FOR CHECKOUT */

.checkoutButtons {
 margin-left:-20px;
 width:700px;
}


/* FOR PREDICTIONS */

.predictions { 
 /* position: absolute; */
 padding: 0px 10px 0px 10px;
 background: #FFFFFF;
 border: 1px solid; 
 margin-left:5px;
 margin-top:5px;
 width:800px;
 text-align:left;
 }