@charset "utf-8";
/* CSS Document */
body{
margin: 0px 6px;
padding: 0;
background-color: #e7e7e7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #777474;
}
a:link{
color: #FEB51D;
text-decoration:none;
}
a:visited{
color: #FEB51D;
text-decoration:none;
}
a:hover{
color: #FEB51D;
text-decoration:underline;
}
a:active{
color: #FEB51D;
text-decoration:underline;
}
span.link{
color: #FF3300;
font-size: 10px;
}
div.devider{
background: #fff url(../images/dotted_line.gif) no-repeat;
margin: 0px 0;
}
div#page_wrapper{
width: 990px;
border: 0px solid #ccc;
background:  url(../images/bg.gif) left top repeat-y;
position: relative;

}
div.header{
width: 980px;
height: 184px;
margin: 0 auto;
background: #fff url(../images/header_bg.jpg) no-repeat;
}
div.longBanner{
background: url(../images/banner.jpg) repeat-x;height:133px; border-top: 1px solid #fff;border-bottom: 1px solid #fff;margin-left: 4px; margin-right: 5px; text-align:center; color: #FFCC00;padding: 9px 0
}
div#title_block{
text-transform: capitalize;
padding: 2px 0px
}
div#title_block a{

color:#0655bc;
}
div.main_nav_col{
width: 186px;
border: 0px solid #ccc;
margin-left: 4px !important;
_margin-left: 2px;
float: left;
padding-right: 1px;
background-color: #fff;
}

div.main_menu{
width: 186px;
border: 0px solid #ccc;
background-color: #fff;
margin: 0 auto;
}
div.main_menu ul{
padding: 0;
margin: 0;
list-style: none;
}
div.main_menu ul li{
padding: 0px;
margin: 0;
list-style: none;
display: block;
border: 0px solid #ccc;
background:url(../images/menu-devider.gif) bottom left no-repeat;
height: 44px;
}
div.main_menu ul li a{
 background:url(../images/menu-l.gif) top left no-repeat; font-size: 11px; color:#2473d7; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 15px 0; display: block;_width: 180px; _height: 15px;
}
div.main_menu ul li a span{
background-color: #fff; padding: 0 10px;margin-left:2px;
}
div.main_menu ul li a:hover{
background:url(../images/menu-active-l.gif) top left no-repeat; font-size: 11px; color:#2473d7; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 15px 0;display: block; _width: 180px; _height: 15px;
}
div.main_menu ul li a:hover span{
background-color: #fff;padding:0 10px; margin-left:2px; color: #4491DD; 
}

/*//////////dpm links//////////////////*/
div.main_menu ul li.eleven{
padding: 1px 0; margin: 0; border: 0px solid #ccc;
background: url(../images/nav_devider.gif) no-repeat bottom left;
}
div.main_menu ul li.eleven a{
padding: 0; margin: 0; display: block; height: 41px;
background: #fff url(../images/links_bt.gif) no-repeat bottom right;
}
div.main_menu ul li.eleven a:hover{
padding: 0; margin: 0; display: block; height: 41px;
}
/*//////////resources links//////////////////*/
div.main_menu ul li.twelve{
padding: 1px 0; margin: 0; border: 0px solid #ccc;
background: url(../images/nav_devider.gif) no-repeat bottom left;
}
div.main_menu ul li.twelve a{
padding: 0; margin: 0; display: block; height: 41px;
background: #fff url(../images/resource_bt.gif) no-repeat bottom right;
}
div.main_menu ul li.twelve a:hover{
padding: 0; margin: 0; display: block; height: 41px;
}
/*//////////education links//////////////////*/
div.main_menu ul li.edu{
padding: 1px 0; margin: 0; border: 0px solid #ccc;
background: url(../images/nav_devider.gif) no-repeat bottom left;
}
div.main_menu ul li.edu a{
padding: 0; margin: 0; display: block; height: 41px;
background: #fff url(../images/edu_bt.gif) no-repeat bottom right;
}
div.main_menu ul li.edu a:hover{
padding: 0; margin: 0; display: block; height: 41px;
}

div.media_links{
width: 186px;
border: 0px solid #ccc;
margin: 0 auto;
padding-top: 60px;
background: #fff url(../images/media_links.gif) no-repeat top right;
}
div.media_links ul{
padding: 8px 2px 8px 8px;
margin: 0;
list-style: none;
border: 0px solid #ccc;
}
div.media_links ul li{
padding: 3px 0;
margin: 0;
background: url(../images/bullet.gif) no-repeat 0px 3px;
display: block;
}
div.media_links ul li a:link{
color:#0655bc;
font-weight: bold;
text-decoration: none;
padding-left: 20px;
display: block;
}
div.media_links ul li a:visited{
margin: 0;
font-weight: bold;
padding-left: 20px;
display: inline;
font-size: 11px;
color: #6699CC;
}
div.media_links ul li a:hover{
color:#0655bc;
font-weight: bold;
text-decoration: none;
padding-left: 20px;
text-decoration: underline;
}
div.media_links ul li a:active{
margin: 0;
padding-left: 20px;
display: inline;
font-weight: bold;
font-size: 11px;
text-decoration: underline;
color:#0655bc;
}

div.related_resources{
width: 186px;
border: 0px solid #ccc;
margin: 0 auto;
padding-top: 60px;
background: #fff url(../images/related_resources.gif) no-repeat top right;
}
div.related_resources ul{
padding: 8px 2px 8px 8px;
margin: 0;
list-style: none;
border: 0px solid #ccc;
}
div.related_resources ul li{
padding: 3px 0;
margin: 0;
background: url(../images/bullet.gif) no-repeat 0px 3px;
}
div.related_resources ul li a:link{
color:#0655bc;
font-weight: bold;
text-decoration: none;
padding-left: 20px;
display: block;
}
div.related_resources ul li a:visited{
margin: 0;
font-weight: bold;
padding-left: 20px;
display: block;
font-size: 11px;
color: #6699CC;
}
div.related_resources ul li a:hover{
color:#0655bc;
font-weight: bold;
text-decoration: none;
padding-left: 20px;
text-decoration: underline;
display: block;
}
div.related_resources ul li a:active{
margin: 0;
padding-left: 20px;
display: block;
font-weight: bold;
font-size: 11px;
text-decoration: underline;
color:#0655bc;
}


div.related_resources ul.sub_menu{
list-style: none;
margin: 0px;
padding: 0px;
}
div.related_resources ul.sub_menu li{
background: none;
margin: 0px;
padding: 2px;
}
div.related_resources ul.sub_menu li a{
margin: 0;
padding-left: 18px;
display:inline;
font-weight: normal;
font-size: 11px;
color:#0655bc;
}
div.related_resources ul.sub_menu li a:visited{
margin: 0;
padding-left: 18px;
display:inline;
font-weight: normal;
font-size: 11px;
color:#0655bc;
}
div.related_resources ul.sub_menu li a:hover{
margin: 0;
padding-left: 18px;
display:inline;
font-weight: normal;
font-size: 11px;
text-decoration: underline;
color:#0655bc;
}

div.main_cont{
/*width: 790px;*/
border-left: 0px solid #cfc6a9;
background-color: #fff;
padding: 0 6px 6px 6px;
float: left;
margin-left: 1px
}
div.main_left{
width: 500px;
min-height: 1070px;
border-right: 0px solid  #ddd;
float: left;
padding-right: 6px;
}
div.main_right{
width: 260px;
border: 0px solid  #ccc;
margin-left: 6px;
float: left;
}
div.main_right ul{
margin: 0;
padding: 0;
list-style: none;
}
div.main_right ul li{
margin-bottom: 4px;
}
.state_of_planet_block{
border: 0px solid #CCCCCC;
margin-bottom: 4px;
background-color: #F0EBD5;
padding: 6px 3px;
width: 246px
}

.state_of_planet_block h1{
margin: 0;
padding:3px 0px 0px 0px;
display: block;
border: 0px solid  #ddd;
}
.state_of_planet_block h2{
margin: 0;
padding:4px 5px ;
font-size: 135%;
text-transform: uppercase;
border: 0px solid  #ddd;
}
.state_of_planet_block h2 a{
color: #777474;
}
.state_of_planet_block h2 a:visited{
color: #777474;
}
.state_of_planet_block h2 a:hover{
color: #777474;
}
.state_of_planet_block h3{
margin: 0;
padding:0px 6px ;
font-size: 90%;
text-transform: uppercase;
border: 0px solid  #ddd;
}
.state_of_planet_block h4{
margin: 0;
padding:0px 6px !important;
_padding:3px 6px;
font-size:105%;
font-family:Arial, Helvetica, sans-serif;
}
.state_of_planet_block p{
margin: 0;
padding:2px 4px;
font-size: 13px;
}
.state_of_planet_block p a{
color: #FEB51D;
text-decoration: underline;
font-size: 12px;
padding-left: 6px;
}
.state_of_planet_block p a:hover{
color: #FEB51D;
text-decoration: underline;
font-size: 12px;
padding-left: 6px;
}
.state_of_planet_block p img{
/*float: right;*/
margin-left: 7px;
padding: 1px;
border: 1px solid #ccc;
background-color: #fff;
display: block;

}
div.extreme_weather{
padding: 6px; margin-bottom: 6px; background-color:#ddd;
}
div.extreme_weather h2{
padding: 2px; margin: 0; font-size:18px;
}
div.extreme_weather h2 a{
color: #777474;
}
div.extreme_weather h2 a:visited{
color: #777474;
}
div.extreme_weather h2 a:hover{
color: #777474;
}

div#archive_block h2{
background: url(../images/section_tab.gif) no-repeat;
height: 34px;
display: block;
padding:0px; margin: 3px 0 10px 0;
}
div#archive_block table a{
color: #3366cc;
font-size:10px;
}
div#archive_block table a:visited{
color: #6699CC;
font-size:10px;
}
div#archive_block table a:hover{
color: #FEB51D;
font-size:10px;
}

div#main_story_block{
border: 0px solid  #ddd;
padding: 1px;
height: auto !important;
_height: 350px;
display: table;
}
div#main_story_block h1{
margin: 0;
padding:0px 4px 8px 4px ;
font-size: 165%;
text-transform: uppercase;
border: 0px solid  #ddd;
}
div#main_story_block h2.daily{
background: url(../images/section_tab.gif) no-repeat;
height: 34px;
display: block;
padding:0px; margin: 3px 0 10px 0;
}
div#main_story_block h2.feature{
background: url(../images/feature_tab.gif) no-repeat;
height: 34px;
display: block;
padding:0px; margin: 3px 0 10px 0;
}
div#main_story_block h2.awards{
background: url(../images/eco-care_tab.gif) no-repeat;
height: 34px;
display: block;
padding:0px; margin: 3px 0 10px 0;
}
div#main_story_block h2.about_tab{
background: url(../images/section_tab_about.gif) no-repeat;
height: 34px;
display: block;
padding:0px; margin: 3px 0 10px 0;
}
div#main_story_block h2.link_tab{
background: url(../images/link_tab.gif) no-repeat;
height: 34px;
display: block;
padding:0px; margin: 3px 0 10px 0;
}
div#main_story_block h1 img{
float: right;
position: relative;
top: 6px;
padding: 1px;
border:1px solid #ddd;
}
div#main_story_block img{
float: left;
padding-right: 6px; 
}
div#main_story_block p img{
border: 0px solid #ccc;
padding: 2px;
margin-right: 5px;
}
div#main_story_block h4{
color: #6699cc;
margin: 0;
padding:0px 4px ;
font-size:105%;
font-family:Arial, Helvetica, sans-serif;
}
div#main_story_block em{
font-style:normal;
color: #777474;
font-size:100%;
font-weight: bold;
margin: 0;
padding:0px 4px ;
}
div#main_story_block p{
margin: 0;
padding:4px;
line-height: 14px;
}


div.more_news_block{
border: 0px solid  #ddd;
padding: 1px;
height: auto !important;
_height: 350px;
clear: both;
}
div.more_news_block h2{
background: url(../images/section_tab_more_news.gif) no-repeat;
height: 34px;
display: block;
padding:0px; margin: 3px 0 10px 0;
}
div.more_news_block ul{
padding: 0;
margin: 0;
list-style: none;
}
div.more_news_block ul li{
padding: 3px 0;
margin: 0;
background: url(../images/bullet.gif) no-repeat 0px 3px;

}
div.more_news_block ul li a{
margin: 0;
padding-left: 18px;
display: block;
font-weight: normal;
font-size: 11px;
color:#0655bc;
text-transform:uppercase;
}
div.more_news_block ul li a:visited{
margin: 0;
padding-left: 18px;
display: block;
font-weight: normal;
font-size: 11px;
color: #6699CC;
text-transform:uppercase;
}
div.more_news_block ul li a:hover{
margin: 0;
padding-left: 18px;
display: block;
font-weight: normal;
font-size: 11px;
text-decoration: underline;
color:#0655bc;
text-transform:uppercase;
}
div.more_news_block ul li a:active{
margin: 0;
padding-left: 18px;
display: block;
font-weight: normal;
font-size: 11px;
text-decoration: underline;
color:#0655bc;
text-transform:uppercase;
}
div.footer{
margin: 0 auto;
height: 33px;
width: 980px;
background: url(../images/footer_graphic.gif) no-repeat;
border-top: 1px solid #1d5aa6;
clear: both;
}

.sitemap_table{
border: 1px solid #666
}
.sitemap_table caption{
background-color: #333333;
color:#FFFFFF;
font-weight: bold;
}
.sitemap_table td{
padding: 3px ;
border: 1px solid #eee;
text-align: center;
}