/* 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:18px;}
.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:420px; 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:30px; color:#121212; padding-bottom:4px;}
#main-story .title a {font-size:30px; color:#121212; padding-bottom:4px; text-decoration:none;}
#main-story .title a:hover {font-size:30px; color:#121212; padding-bottom:4px; text-decoration:underline;}
#main-story .summary { font-size:12px; color:#4C4C4C; line-height:17px;}

#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;}


#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;}