body, form { 
margin:0; padding:0;
}
body { 
background:url(/site_images/bg.jpg?) top center fixed;
} 
a, a:visited { 
text-decoration:none;
color:#148531;
/* color:#364c31; */
}
a:hover { 
color:#5c8053;
text-decoration:underline;
}
#crown { 
position:absolute; height:49px; width:100%;
background:url(/site_images/header_bg.jpg);
}
#container { 
width:980px; margin:0px auto;
}
#header { 
position:relative; height:125px;
}
#logo { 
display:block; width:328px; height:125px;
background:url(/site_images/climate_change_logo.png) no-repeat;
outline:none;
}
#logo span { 
display:block; width:100%; height:100%;
text-indent:-9999px;
}
#menu { 
margin:0; padding:0;
list-style-type:none; 
position:absolute; left:340px; top:0px; 
height:49px;
}
#menu li { 
display: block; float:left;
height:49px;
}
#menu li a {
display:block; 
height:49px;
background:url(/site_images/nav.gif?);
margin-left:10px;
margin-right:30px;
text-indent:-9999px;
outline:none;
}
#menu .home a { 
width:83px; background-position:0 0; 
}
#menu .home a:hover, #menu .home.active a { 
background-position:0px -49px;
}
#menu .about a { 
width:89px; background-position:-89px 0;
}
#menu .about a:hover, #menu .about.active a { 
background-position:-89px -49px;
}
#menu .resources a { 
width:132px; background-position:-171px 0;
}
#menu .resources a:hover, #menu .resources.active a { 
background-position:-171px -49px;
}
#menu .news a { 
width:83px; background-position:-303px 0;
}
#menu .news a:hover, #menu .news.active a { 
background-position:-303px -49px;
}
#menu .links a { 
width:82px; background-position:-385px 0;
}
#menu .links a:hover, #menu .links.active a { 
background-position:-385px -49px;
}
#menu .contact a { 
width:113px; background-position:-466px 0;
margin-right:0 !important;
}
#menu .contact a:hover, #menu .contact.active a { 
background-position:-466px -49px;
}

#menu .emissions a { 
width:182px; background-position:-580px 0;
}
#menu .emissions a:hover, #menu .emissions.active a { 
background-position:-580px -49px;
}
#subheader { 
display:block;
width:630px;
position:absolute; left:340px; bottom:15px;
margin-right:20px;
}
#subheader #countdown { 
float:left; 
}
#subheader span { 
float:left; 
display:block; 
color:#70706d;
font:bold 16px Arial, Helvetica, sans-serif;
margin:10px 0 0 5px;
}

#footer { 
margin-top:20px;
background:#8b9773;
padding:15px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px; color:#fff;
height:20px; 
}
#footer img { 
border:none; 
float:left;
}
#footer p { 
padding:5px 10px; margin:0; 
}
#footer a, #footer a:visited { 
color:#fff;
text-decoration:none;
}
#footer a:hover { 
text-decoration:underline;
}
#footer a.cdesign { 
color:#acb599;
}
.copyright { 
float:left; 
} 
.footerlinks { 
float:right;
}




.form_data { 
color:#444; font-size:18px; font-family:Arial, Helvetica, sans-serif;
width:570px; 
}
.form_data .qcol { 
padding:10px 0;
width:255px;
}
.form_data .acol { 
padding:10px 0;
}
.form_data .textinput, .form_data .textareainput { 
border:1px solid silver;
padding:4px;
width:300px; 
font-family:Arial, Helvetica, sans-serif;
font-size:18px; 
color:#555;
}
.formsubmit { 
background:#8b9773;
padding:10px;
border:1px solid silver;
color:#fff;
font-size:18px; 
margin-top:20px;
margin-bottom:20px; 
}







/* HOME PAGE */
.area1 { 
background:url(/site_images/white_bg.png);
padding:40px;
position:relative;
display:block;
margin-top:35px;
}
.area1 h1, .area2 h1 { 
margin:-13px 0 15px -13px; 
font-size:42px; 
font-family:Arial, Helvetica, sans-serif;
color:#555;
line-height:42px;
}
.area2 h3 { 
margin:-13px 0 15px -13px; 
font-size:26px; 
font-family:Arial, Helvetica, sans-serif;
color:#555;
line-height:30px;
}
.area1 p { 
color:#444;
font-size:18px;
line-height:24px;
font-family:Arial, Helvetica, sans-serif;
margin:0; padding:0;
}
.area2 p { 
color:#444;
font-size:17px;
line-height:24px;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 20px 0; padding:0;
}
.area1 .readmore { 
position:absolute; bottom:0; right:0; 
text-indent:-9999px;
display:block; width:254px; height:42px;
background:url(/site_images/readmore.gif) top left no-repeat;
margin:0 5px 5px 0;
outline:none;
}
.area1 .readmore:hover { 
background-position:0 -42px;
}


.area2 { 
margin-top:35px;
background:url(/site_images/content_bg.png);
padding:30px 40px 0 40px;
padding-right:623px; 
position:relative;
border:1px solid silver;
margin-bottom:60px;
}
#map { 
position:absolute;
top:-10px; right:0; 
}










.content { 
background:url(/site_images/content_bg.png);
margin-top:35px;
margin-bottom:60px;
border:1px solid silver;
position:relative;
padding:30px 40px 0 40px;
}
.content h1, .contentx h1 { 
margin:-13px 0 15px -13px; 
font-size:42px; 
font-family:Arial, Helvetica, sans-serif;
color:#555;
line-height:42px;
}

.content p, .content p { 
color:#444;
font-size:18px;
line-height:24px;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 20px 0; padding:0;
}




.resource { 
margin-bottom:35px;
}
.resource h2 { 
font-size:18px; 
font-family:Arial, Helvetica, sans-serif;
margin:0; padding:0;
}
.resource p { 
margin:0; padding:0;
font-size:14px;
}
.resource .smallurl { 
font-size:12px; 
font-family:Arial, Helvetica,sans-serif;
}

.emissionslist { 
font-size:12px; 
font-family:Arial, Helvetica,sans-serif;
margin-bottom:100px;
line-height:20px;
}
