/* ---------- STRUCTURE ---------- */
/*background: #AEEAF0 url("../images/template/body-bg.jpg") repeat-x; #034766; */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body{background-color: white; background-image: url("img/page-bg2.gif"); background-repeat: repeat-x; 
     font-family: arial,helvetica,clean,sans-serif; font-size:14px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal;	line-height:1.231;}
#wrapper{width: 1000px;margin: 0 auto;  }
#lb{width:1000px; background-color: #003366;text-align:center;}
/*#masthead{height: 28px; background-color: #003366; color:white; border-bottom: 2px solid #00D134;}*/
#hd{width: 1000px; }
/*#nav{width: 1000px; height: 30px; background-color: #A5E59D; margin-bottom: 10px;}*/
#bd{width: 1000px; float:left; clear:both; background-color: white; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; min-height: 500px;  }
#sidebar{float: right; width: 450px;}
#main{width: 525px; float:left;  }
#mainNoSidebar{width: 1000px; float:left;}
.content{padding: 5px; }
#ft{width: 1000px; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; font-size: 12px; clear: both; border-top: 2px solid #ccc; text-align: center;}

/* ---------- TYPOGRAPHY ---------- */
h1{ color: black; font-size: 22px; letter-spacing: -1px; font-weight: normal; margin-top: 6px; font-weight: bold;}
/*h2{ color: #111; font-size: 15px; margin: 5px 0 0 0; font-weight: bold; }*/
h2{font-size: 18px; color: #0e697c; letter-spacing: -1px; margin-top:0; }
h3{ color: green; font-size: 14px; font-weight: bold; margin-top: 10px; }
.dotted{border-bottom: 1px dotted black;}
.content p{ margin: 10px 0px;  line-height: 110%; }
.content a:hover{ text-decoration: underline; }
.content a:hover{text-decoration: none;}
.content a:visited{color:blue;}
blockquote{padding: 10px 20px 10px 35px; font-family: Georgia; font-style: italic; font-size: 16px; color: #444; margin: 5px 0; line-height: 150%; background: transparent url("img/quotes.gif") no-repeat; }
img {border: none;}
#ft p{ color: #333; }
#ft a{ text-decoration: none; color:#333; }
#ft a:hover{background-color:#00D134; }

/* ---------- SOCIAL ---------- */
#social{width: 1000px;padding: 3px 6px;}
#search{float:right; padding-top:3px; padding-right: 10px; font-size: 16px;}
#search #searchbox{background: white url("img/search-tiny.gif") 100% 50% no-repeat; border: 2px solid #ddd; padding: 2px 20px 2px 2px;}
#searchbutton{background-color: #1f652e; border: 1px solid lime; color:white;padding: 3px;cursor: pointer; font-weight: bold;}
#logo{float:left; padding-top: 5px;}
#logo img{border:none;}
#sharing{float:left; clear: both; padding-top: 2px; overflow: hidden; }
#sharing a{ font-size:12px;}

/* ---------- NAV  ---------- */
#nav{margin-left: 100px; padding-top: 11px; text-transform: uppercase; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
#nav ul{padding-left: 10px; padding-top: 5px; font-family: Arial,Georgia; font-weight:bold; font-size: 14px; letter-spacing: -1px; text-align: left;}
#nav li{display:inline; margin-right: 7px;}
#nav li a{color:#0e697c; text-decoration:none;padding: 5px 5px 5px 2px;}
#nav li a:hover{background-color: #5ecfe7; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
#nav .navdown{background:transparent url("img/down-arrow.png") 100% 50% no-repeat;}

#subnav{ margin-left: 110px; margin-top:24px;}
#subnav ul{padding-left: 10px; font-size: 14px;}
#subnav li{display: inline; font-weight: bold;}
#subnav a{text-decoration: none; padding:3px;}
#subnav a, a:visited{color: #666;}
#subnav li a:hover{background-color: #eee; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
.subnavtitle{font-size:10px; text-transform: uppercase; color: green;}

/* ---------- LISTS ---------- */
.bullets{margin-left: 25px; margin-bottom: 10px; line-height: 150%;}
.tips{margin: 8px 0 0 10px; font-size:12px;}
.tips li{list-style-type: none; padding-left:30px; padding-bottom: 3px; background: transparent url("http://www.rethinkforests.com/calculators/images/graphics/check.gif") no-repeat 3px 0px; }
.rankings{font-size:30px; font-weight: bold; color:#555;}
.rankings td{padding-right: 10px;}

/* ---------- CLASSES ---------- */
.column{float:left; margin-right:10px;}
.clearLeft{clear:left;}
.clearBoth{clear:both;}
.contentFooter{clear:both; padding-top: 20px; text-align: center; font-size: 85%;}
.details{background-color: #efefef; font-size:11px; padding:3px; margin: 4px 0; clear: left; color: #444; border-bottom: 1px dashed gray; border-top: 1px dashed gray;}
.details2{background-color: none; font-size:11px; padding:3px; margin: 4px 0; clear: left; color: #333;}
.floatLeft{ float: left; }
.floatRight{ float: right;}
.icon{display: inline; margin: 0px 3px; border: none; vertical-align: middle;}
.graybox{background-color: #eee; padding: 4px; clear: left; font-size: 11px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.graybox td{padding:3px;}
.grid td, .gridvert td{padding-right: 8px; padding-left: 2px;}
.gridvert{width: 100%; border-collapse: collapse; text-align: left; margin-top: 6px; border:3px solid #efefef}
.gridvert .alt{background-color: #eee;}
.hidden{display:none;}
.visible{display:block;}
.mainheader{padding: 1px; margin-bottom: 1px; }
.mainlogo{float: left; margin-right: 10px;}
.noborder{border: none;}
.imgRight{float:right; margin:4px;}
.smalltext{font-size:85%;}
.tinytext{font-size:12px;}
.largetext{font-size:110%;}
.highlight{font-size: 110%; background-color: #FFFF80; padding:2px; border: 1px dotted #FF8080;}


#conversion{font-size:120%; margin-top:10px;}
#conversion input{font-size:100%;}
.convertWidget{background-color: #C2CEFF; border: 1px solid blue; padding:3px; margin:3px 0; width: 300px;vertical-align: middle;}
.box{width:450px;}
.boxContent{padding: 3px;}
#jump{font-size:100%;}