BODY {margin:10px 20px 20px 20px; background-color:#999;}
html { min-height: 100%; margin-bottom: 1px; }
* {margin:0; padding:0; font-family :  Arial, Helvetica, Verdana, sans-serif;}
img {border:0; }
p, td, div {font-size:11px; color:#666; }
p {line-height:16px;}
a {color:#693;}
a:hover {color:#9c3;}
h1 {color:#f93; font-size:16px; text-transform: uppercase;}
h1.bar {font-size:13px; color:#333; background : url(../images/bg-header-bar.gif); padding:5px; margin-bottom:10px;}
h2 {color:#f93; font-size:13px;}
h3 {color:#666; font-size:11px; margin-top:10px;}
h4 {/*add appropriate styling information here*/}
h5 {/*add appropriate styling information here*/}

.outerContainer {width:882px; margin-left:auto; margin-right:auto; text-align:left; }
.innerContainerWrapper {float:left; width:882px; background-color:#ccc; padding:9px;}
.innerContainer {background-color:#fff; border: 1px solid #999;}


/*vertical navigation*/
.nav {padding:10px 0 20px 0;}
.nav ul {list-style-type: none; width:175px; padding-left:25px;}

body.stories .nav li.stories, 
body.research .nav li.research,
body.about .nav li.about,
body.newsEvents .nav li.newsEvents,
body.donate .nav li.donate,
body.newsletter .nav li.newsletter
{background : url(../images/nav-bg-pattern.gif);}

body.stories .nav li.stories a,
body.research .nav li.research a,
body.about .nav li.about a,
body.newsEvents .nav li.newsEvents a,
body.donate .nav li.donate a,
body.newsletter .nav li.newsletter a
 {color:#fff;}

.nav ul li {margin-bottom:15px;}
.nav ul li a {background : url(../images/nav-dots.gif) repeat-x bottom left;display:block; width:163px; text-decoration:none; font-size:12px; padding: 10px 3px 8px 10px; color:#693; font-weight:bold; }
.nav a:hover {color:#9c3;}


.column#a {float:left; width:224px;}
.column#b {float:left; width:656px;}

body.home .intro {background : url(../images/hp-intro.jpg) no-repeat; padding:140px 240px 40px 10px; margin-bottom:20px;}
body.home .intro h1 {color:#fff; font-size:14px;}
body.home .intro p {color:#fff; font-size:12px;}



.contents {padding:15px;}
.contents p {margin-bottom:10px;}
.contents ul, .contents ol {margin:10px 0 0 25px;}
.divider {background : url(../images/bg-divider-line.gif) repeat-x; height:15px; margin:5px 0 10px 0;clear:both;}

.story {clear:both;}
.story .image {float:left; width:120px;}
.story .description {float:left; width:480px;}

.bucket .cap { background : url(../images/home-buckets-bg-cap.gif) no-repeat; height:20px;}
.bucket .contents { background : url(../images/home-buckets-bg-main.gif) repeat-y top left #fff; padding:0 15px 10px 15px;}
.bucket .contents p {margin-bottom:2px;}
.bucket .contents.noBackground{ background : none; padding:0 15px 10px 15px;}
.bucket#events {margin-right:6px;}
.bucket{float:left; width:322px;}
.bucket img.feature {float:right;}
.bucket#news, .bucket#research {padding-top:15px!important; padding-top/**/:0;}
.bucket ul {margin: 8px 0 10px 0; padding:0;list-style: none;}
.bucket li {padding-left: 15px; background:url(../images/bullets-bucket.gif) top left no-repeat;  background-position: .1em .2em; line-height:12px; margin-bottom: 5px;}






/*footer styles*/
.footer { text-align:center; padding:10px; border-top: 1px dotted #000; color:#666; margin: 20px 10px 0 10px;}
.footer .links {padding-left:10px;}
.footer a { color:#693; text-decoration:none; padding:0 10px 0 10px; border-left:1px solid #333;}
body.sitemap .footer a.sitemap {font-weight:bold;}
.clearfloats {clear:both; padding-top:.05px; }