*{margin:0;padding:0;}
body{background:#deedcc; color:#444; font:normal 13px/1.2 arial,helvetica,sans-serif;}
a{color:#0077aa; text-decoration:none;}
#wrapper-branding{background:url(images/branding.png) repeat-x; height:165px; overflow-y:hidden;}
#wrapper-splash{background:#00482c url(images/splash.png) top repeat-x; height:380px;}
#wrapper-content{background:#fff url(images/content.png) top repeat-x;}
#home #wrapper-content{background-position:0 -81px;}
#wrapper-footer{background:#deedcc url(images/footer.png) top repeat-x;}
#branding, #splash, #content, #footer{margin:0 auto; position:relative; width:960px;}
#branding{height:165px;}
#branding #logo{background:url(images/logo.png); bottom:0; display:block; height:146px; left:11px; position:absolute; text-indent:-9999px; width:144px;}
#branding #site-name{color:#00663d; font:bold 27px/.75 helvetica,arial,sans-serif; left:200px; position:absolute; text-decoration:none; top:36px;}
#branding #site-name span{font-size:18px;}
#branding #share{background:url(images/share.png); display:block; height:61px; position:absolute; right:32px; text-indent:-9999px; top:20px; width:255px;}
#branding #nav{height:30px; position:absolute; right:48px; top:115px; }
#branding #nav li{background:url(images/nav.png) left center no-repeat; float:left; height:29px; list-style:none; margin:0 0 0 19px; padding:8px 0 0 17px;}
#branding #nav li.first{background:none;}
#branding #nav li a{color:#000; font-size:15px; font-weight:bold; text-decoration:none;}
#content{ min-height:600px; padding:0 0 16px 0; position:relative;}
#home #content{min-height:300px; padding-top:14px;}
#content h1{color:#ccff81; font-size:29px; overflow:hidden; padding:24px 0 45px 0;}
#content img#main-image{background:url(images/content-img.png) no-repeat; height:257px; margin:-60px 0 16px 0; padding:31px 11px 11px 11px; width:597px;}
#content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content form, #content ul, #content ol{margin:0 0 16px 0; width:600px;}
#content h2{border-bottom:3px solid #c9dfa9; color:#00663d; font-size:29px; padding:0 0 8px 0;}
#content h3{font-size:24px;}
#content h4{font-size:20px;}
#content h5{font-size:16px;}
#content h6{font-size:13px;}
#content ul, #content ol{padding:0 0 0 32px;}
#content ul li, #content ol li{margin:0 0 8px 0;}
#content ul li{ list-style:inside disc;}
#content ol li{list-style:inside decimal;}
#content #section-list{padding:0!important; margin:0!important;}
#content #section-list li{list-style:none;}
#content #section-list li h2{border:none; padding:0; margin:0 0 4px 0;}
#content #section-list li h2 a{margin:0; padding:0;}
#content blockquote{border-left: 3px solid #c9dfa9; color:#777; font-style:italic; margin:0 0 16px 32px; padding:0 32px 0 32px; width:504px;}
#content cite{width:600px;}
#content fieldset{border:none;}
#content label{width:150px; float:left; font-weight:bold;}
#content input[type=text]{border:2px solid #c9dfa9; padding:4px; width:200px;}
#content #sidebar{background:url(images/sidebar.png) 0 0 no-repeat; min-height:560px; overflow-x:hidden; padding:30px 25px 0 25px; position:absolute; right:0; top:50px; width:250px;}
#sidebar a.action{background:url(images/action.png) no-repeat; display:block; height:60px; text-indent:-9999px; width:250px;}
#sidebar a#story-tell{background-position:0 0;}
#sidebar a#story-pass{background-position:0 -60px;}
#content #sidebar #other-stories{margin:24px 0 16px 0;}
#content #sidebar #other-stories h3{border-bottom:3px solid #c9dfa9; color:#001321; font:normal 20px/1 arial,helvetica,sans-serif; margin:0 0 18px 0; padding:0 0 8px 0; width:250px;}
#content #sidebar #other-stories ul{margin:0;padding:0;}
#content #sidebar #other-stories ul li{background:url(images/other-stories-li.png) 0 2px no-repeat; list-style:none!important; margin:0 0 8px 0; padding:0 0 0 16px; width:234px;}
#content #sidebar #other-stories p{text-indent:16px;}
#footer{color:#777; font-size:11px; padding:16px 0 16px 28px;}
#footer ul{position:absolute; right:36px; top:16px;}
#footer ul li{border-left:1px solid #b5bfac; float:left; height:16px; list-style:none; margin:0 0 0 11px; padding:4px 0 0 12px;}
#footer ul li.first{border:none; margin:0; padding-left:0;}

/*Homepage styles */
#stories{background:url(images/stories.png) 0 0 no-repeat; position:relative; height:290px;}
#stories li{list-style:none;padding:54px 0 0 30px; position:absolute; left:0; top:0; width:960px;}
#stories li img{background:url(images/splash-img.png) no-repeat; border:none; padding:26px 19px 28px 24px; position:absolute!important; right:0; top:-10px;}
#stories li h2{line-height:29px; margin:0 0 21px 0; width:432px;}
#stories li h2 a{color:#ccff81; font-size:29px; width:432px;}
#stories li p{color:#fff; margin:0 0 21px 0; width:446px;}
#stories li .read-more{background:url(images/read-more.png) no-repeat; display:block; height:25px; text-indent:-9999px; width:113px;}
#pager{padding:23px 0 0 30px;}
#pager a{color:#95be7f; display:block; float:left; margin-right:24px; width:130px;}
#pager a.activeSlide{color:#ccff81;}
#about-4h{background:url(images/about-4h.png) 0 0 no-repeat; overflow:hidden; padding:36px 0 0 28px; width:483px;}
#about-4h p{width:483px!important;}
#whats-new{background:url(images/whats-new.png) 0 0 no-repeat; padding:24px 0 0 24px; position:absolute; right:34px; top:27px; width:358px!important;}
#about-4h h3, #whats-new h3{border-bottom:3px solid #c9dfa9; color:#001321; font:normal 20px/1 arial,helvetica,sans-serif; margin:0 0 18px 0; padding:0 0 8px 0;}
#whats-new h3{width:358px;}
#whats-new ul{margin:0; padding:0; width:358px;}
#whats-new li{list-style:none!important; margin:0 0 16px 0; padding:0!important;}
#whats-new li p{color:#6d7f61; font-size:11px; margin:0; width:358px; padding:0;}
#whats-new li h4{ line-height:15px; width:358px;}
#whats-new li h4 a{font-size:15px; font-weight:normal;}
