/* CSS Document */
body{
font-family: 'trebuchet MS', trebuchet, sans-serif;
font-size:11px;
background-image:url(../images/body-bg.jpg);
background-repeat:repeat-x;
background-color:#314032;
}

#shadow{
margin:0 0 10px 40px;
z-index:2;
position:absolute;
width:800px;
padding:0 10px 0 10px;
background-image:url(../images/shadow.png);
background-repeat:no-repeat;
}

#pageWrapper{
width:760px;
padding:0 20px 0 20px;
background-image:url(../images/page-bg.gif);
background-repeat:no-repeat;
background-color:#FFFFFD;
height:610px;
}

#bigLogo{
background-image:url(../images/big-logo.png);
background-repeat:no-repeat;
z-index:1;
width:500px;
height:500px;
position:relative;
left:495px;
top:270px;
}


#header{
height:125px;
}

#pageBody{
margin:90px 0 0 0;
}

#homeContent{
float:left;
height:150px;
width:165px;
color:#666;
margin:0 10px 0 0;
padding:0;
}

#homeContent p{
font-size:11px;
line-height:13px;
margin:0 0 5px 0;
}

#popularTopics{
padding:0 10px 0 10px;
width:360px;
height:160px;
float:left;
border-left:#ccc 1px dotted;
}

#popularTopics h2, #spotlight h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
font-weight:normal;
color:#508197;
padding:0;
margin:0 0 10px 0;
}

#popularTopics ul{
list-style:none;
margin:0;
padding:0;
}
#popularTopics li{
display:inline;
}

#popularTopics li a{
display:block;
float:left;
width:150px;
height:2.8em;
margin-bottom:5px;
overflow:hidden;
padding:2px 0 2px 12px;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:0 7px;
color:#666;
text-decoration:none;
font-size:11px;
}

#popularTopics li a:hover{
color:#508197;
}


#search{
float:left;
border-left:#ccc 1px dotted;
width:150px;
height:120px;
padding:0 0 0 10px;
margin:40px 0 0 0;
}

#search h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
font-weight:normal;
color:#508197;
padding:0;
margin:0 0 8px 0;
}

#search label{
display:block;
margin-bottom:2px;
}

#search input{
border:#ccc 1px solid;
color:#999;
padding:0 0 0 5px;
width:145px;
}

#search select{
border:#ccc 1px solid;
color:#999;
width:150px;
}

#search input#submitSearch{
width:24px;
padding:0;
height:18px;
font-size:10px;
margin-left:25px;
}

#spotlight{
position:absolute;
top:390px;
left:36px;
width:731px;
border-top:#F5F8FA 6px solid;
padding:5px 0 10px 0;
}

#spotlight ul{
list-style:none;
margin:0;
padding:0;
}
#spotlight li{
}

#spotlight li a{
display:block;
width:140px;
padding:2px 0 0 12px;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:0 6px;
color:#666;
text-decoration:none;
font-size:11px;
}


#energy, #climate, #forest, #transportation{
float:left;
height:80px;
padding:0 10px 0 10px;
}

#energy a, #climate a, #forest a, #transportation a{
display:block;
}

#energy a img, #climate a img, #forest a img, #transportation a img{
border:none;
margin:0 auto 0 auto;
}


#energy{
padding-left:0;
width:165px;
border-right:#ccc 1px dotted;
}

#spotlight #climate{
padding-left:17px;
width:161px;
border-right:#ccc 1px dotted;
}

#spotlight #forest{
padding-left:17px;
width:161px;
border-right:#ccc 1px dotted;
}

#transportation{
padding-left:15px;
padding-right:0;
width:162px;
}


#copyright{
color:#fffffd;
margin:10px auto 0 auto;
width:800px;
font-size:11px;
}

#helium{
float:right;
}

#helium img{
border:none;
}

.clear{
clear:both;
}


