/* CSS Document */

html,body { background-color:#3F3F3F; margin:0px; padding: 0px; font-family:Arial; font-size:11px;}

DIV { overflow:hidden;}

#grand-mother { width: 100%; height:auto; margin:0 auto 0 auto; padding:0px; }

#mother { margin:0 auto 0 auto; width:1024px; padding:0; height:auto; background-color:#fff; }

#top { width:1024px; height:50px; background-color:#3F3F3F; margin:0; padding:0;}

.nav { float:left; margin:21px 0 0 38px; padding:0;}
.nav img { padding-left:3px;}

.rhs-icons { float:left; margin-top:26px; margin-left:5px;}
.rhs-icons img { margin-left:3px;}

#main-header { width:1024px; height:128px; border-bottom:1px solid #E3E3E3; margin:0; padding:0; background:url(/pics/header-bg.jpg) repeat-x;}
.logo { float:left; width:465px;}
.green-directory { float:right; width:270px; margin-top:26px; margin-right:46px;}
.green-directory .title { color:#93B02B; padding-bottom:5px;}

#daughter { width:950px; height:auto; margin:0; padding:13px 0 0 38px;}

#top-container { width:100%; height:auto; padding-bottom:10px; border-bottom:1px dashed #B8B8B8; display:block;}
#top-container #left { float:left; width:632px; height:auto; padding:0; padding:0;}

#main-story { width:100%; height:215px; padding-bottom:10px; border-bottom:1px dashed #B8B8B8;}
#main-story .image { float:left; width:277px; height:auto; margin-right:16px; border:1px solid #E4E4E4;}
#main-story img {width:277px; height:193px;}
#main-story .title { font-size:14px; color:#121212; padding-bottom:4px; font-weight:bold;}
#main-story .title a {font-size:14px; color:#121212; padding-bottom:4px; text-decoration:none; font-weight:bold;}
#main-story .title a:hover {font-size:14px; color:#121212; padding-bottom:4px; text-decoration:underline; font-weight:bold;}
#main-story .summary { font-size:12px; color:#4C4C4C; line-height:17px; padding-bottom:6px;}

#more-top-stories { display:block; padding-top:10px; height:auto; width:100%;}
#story-block { float:left; width:195px; padding-right:14px; height:auto;}
#story-block img { width:75px; height:51px; float:right; padding:5px;}
#story-block .title a { color:#4C4C4C; font-weight:bold; font-size:14px; text-decoration:none;}
#story-block .title a:hover { color:#4C4C4C; font-weight:bold; font-size:14px; text-decoration:underline;}
#story-block .summary {  color:#4C4C4C; line-height:17px; border:none;}


#top-container #right { float:left; width:300px; height:auto; padding:0; margin-left:18px;} 

.scroll-txt {color:#93B02B; font-weight:bold; padding:5px 0px;}
#carousel { height:106px; margin:5px 0px 20px 0px;}

#bottom-container { width:100%; height:auto; display:block;}

#bottom-container #left { float:left; width:632px; height:auto; padding:0; padding:0;}
#bottom-container #right { float:left; width:300px; height:auto; padding:0; margin-left:18px;} 


#bottom {  width:635px; height:355px; padding:0; margin:0px; background:url(/pics/bottom-dots.gif) no-repeat top;}
#bottom-left { float:left; width:315px; height:353px;}
#bottom-left img { margin-top:5px;}

#bottom-right {float:left; width:315px; height:353px; background:url(/pics/vertical-dots.jpg) no-repeat left;}
#bottom-right .txt { padding:10px 0 6px 0;}

#newsletter { width:295px; height:auto;}
#newsletter .txt { padding:8px 0 21px 3px; color:#4c4c4c;}
#newsletter .header { margin-top:14px; margin-left:7px;}

#daughter #right .eco-diary { padding:20px 0 21px 0px;}

#daughter #right .banner2 { padding-top:29px; height:120px;}
#daughter #right .banner3 { padding-top:23px; height:120px;}
#daughter #right .banner4 { padding-top:23px; height:120px;}


#footer { width:1024px; margin-top:1px; height:54px; border:0; background:url(/pics/footer-bg.jpg) no-repeat;}


/**** ======= TOP STORY BOX ROTATE ======= ****/


 #wrap {
     width:100%; height:215px; padding:0 0 10px 0; float:left; margin:0px; border-bottom:1px dashed #fff;
 }

.straphead { font-size:10px; color:#686868; text-transform:uppercase; padding-bottom:6px;}
.title { font-size:16px; color:#252525; font-weight:bold; padding-bottom:6px; border:none; width:100%;}
.title a {font-size:16px; color:#252525; font-weight:bold; text-decoration:none; border:none; width:100%;}
.title a:hover {font-size:16px; color:#252525; font-weight:bold; text-decoration:underline;}

#wrap .summary { 
font-size:12px; 
color:#252525; 
line-height:17px; 
padding-bottom:6px;
font-family:Arial, Helvetica, sans-serif;
padding-top:5px;
padding-left:15px;
 border-bottom: 1px solid #e7e7e7;
}


.tabbed-box { width: 100%; background-color: #fff; }
*+ html .tabbed-box { width: 100%; height:auto; background-color: #fff; padding-top:15px; }

.tabs ul { margin:0px; padding:0px;}

.tabbed-box .tabs li {
list-style: none;
float:right;
clear:right;
padding:0px 0px 5px 0px;
margin:0px 10px 0px 0px;
width:325px;

}

.tabbed-box .tabs li a {
      display: block;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
    
      padding:5px 0px 0px 13px;
      text-decoration: none;
      color: #252525;
      background-color: #fff; 

font-size:14px;
}

   .tabbed-box .tabs li:first-child a {  }
   .tabbed-box .tabs li a:hover { color: #252525;  background:url(/pics/green-arrow.gif) no-repeat -2px 7px; }
   .tabbed-box .tabs li a:focus {  outline: none;  }
   
.tabbed-box .tabs li a.active, .tabbed-box .tabs li a.active:hover {
      color: #252525;
     
background:url(/pics/green-arrow.gif) no-repeat -2px 7px;
 }

.tabbed-content img { width:277px; height:170px; border:none;}
  
 .tabbed-content {
width:auto;
height:193px;
padding:0px 15px 0px 0px;
display: none; 
border-right:5px solid #93b02b;
}

.tabbed-content a { color:#93b02b; text-decoration:none; padding-top:8px; font-size:12px; font-weight:bold; text-align:right;}
.tabbed-content a:hover { color:#93b02b; text-decoration:underline; padding-top:8px; font-size:12px; font-weight:bold; text-align:right;}


.banner { margin-bottom:10px;}