body { margin: 0 9px 0 9px; padding: 0; background: url(../images/body-bg.gif) repeat-x;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #636466; text-align: center; }
a { color: #5b57a6; text-decoration: underline; }
a:hover { color: #678841; text-decoration: none; }
img { border: 0; }
strong { color: #5b57a6; }
h1 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight:lighter; color: #47557e;}
h2 { font-size: 15px; color: #006e98; }
h4 { margin: 2em 0 .5em 0; font-size: 12px; color: #005FAF; }
p { margin: 10px 20px 0 20px; line-height: 1.8em;}
.clear { clear: both; }

div#container { margin: 0 auto; padding: 0; width: 792px; background: url(../images/body-bg2.jpg) no-repeat; text-align: left; overflow: hidden;}
div#container div#topbanner { margin: 0 9px 0 9px; background-color: white; height: 128px; overflow: hidden; text-indent: -9000em; }
div#container div#topbanner .logo { float: left; background: url(../images/logo.gif) no-repeat; overflow: hidden; text-indent: -9000em; margin: 20px 175px 0 15px; width: 320px; height: 100px; }
div#container div#topbanner ul { margin: 0; padding: 0; list-style: none; }
div#container div#topbanner ul li { float: left; height: 58px; }
div#container div#topbanner ul li a { height: 28px; text-indent: -9000em; overflow: hidden; }
div#container div#topbanner ul li a.volunteer {display: block; margin: 90px 10px 0 0; background: url(../images/btn-topnav-volunteer.gif) no-repeat; width: 65px;}
div#container div#topbanner ul li a.volunteer:hover { background: url(../images/btn-topnav-volunteer-over.gif) no-repeat; }
div#container div#topbanner ul li a.donate {display: block; margin: 90px 10px 0 0; background: url(../images/btn-topnav-donate.gif) no-repeat; width: 65px;}
div#container div#topbanner ul li a.donate:hover { background: url(../images/btn-topnav-donate-over.gif) no-repeat; }
div#container div#topbanner ul li a.contact {display: block; margin: 90px 10px 0 0; background: url(../images/btn-topnav-contact.gif) no-repeat; width: 65px;}
div#container div#topbanner ul li a.contact:hover { background: url(../images/btn-topnav-contact-over.gif) no-repeat; }



div#container div#banner { margin: 0 9px 0 10px; background: url(../images/banner.jpg) no-repeat; height: 260px; overflow: hidden; text-indent: -9000em; }


div#container div#nav { margin: 0 9px 0 10px; background: url(../images/nav-bg.gif) repeat-x; height: 44px; overflow: hidden;}
div#container div#nav ul { margin: 0; padding: 0; list-style: none; }
div#container div#nav ul li { float: left; height: 58px; padding-left: 24px;}
div#container div#nav ul li a { height: 58px; text-indent: -9000em; overflow: hidden; }
div#container div#nav ul li a.home { float: left; margin: 10px 0 0 0 ; background: url(../images/btn-nav-home.gif) no-repeat; width: 66px; }
div#container div#nav ul li a.home:hover { background: url(../images/btn-nav-home-over.gif) no-repeat; }
div#container div#nav ul li a.about { float: left; margin: 10px 0 0 0 ; background: url(../images/btn-nav-about.gif) no-repeat; width: 66px; }
div#container div#nav ul li a.about:hover { background: url(../images/btn-nav-about-over.gif) no-repeat; }
div#container div#nav ul li a.volops { float: left; margin: 10px 0 0 0 ; background: url(../images/btn-nav-volops.gif) no-repeat; width: 157px; }
div#container div#nav ul li a.volops:hover { background: url(../images/btn-nav-volops-over.gif) no-repeat; }
div#container div#nav ul li a.resources { float: left; margin: 10px 0 0 0 ; background: url(../images/btn-nav-resources.gif) no-repeat; width: 78px; }
div#container div#nav ul li a.resources:hover { background: url(../images/btn-nav-resources-over.gif) no-repeat; }
div#container div#nav ul li a.news { float: left; margin: 10px 0 0 0 ; background: url(../images/btn-nav-news.gif) no-repeat; width: 66px; }
div#container div#nav ul li a.news:hover { background: url(../images/btn-nav-news-over.gif) no-repeat; }
div#container div#nav ul li a.calendar { float: left; margin: 10px 0 0 0 ; background: url(../images/btn-nav-calendar.gif) no-repeat; width: 74px; }
div#container div#nav ul li a.calendar:hover { background: url(../images/btn-nav-calendar-over.gif) no-repeat; }
div#container div#nav ul li a.contact { float: left; margin: 10px 0 0 0 ; background: url(../images/btn-nav-contact.gif) no-repeat; width: 74px; }
div#container div#nav ul li a.contact:hover { background: url(../images/btn-nav-contact-over.gif) no-repeat; }

div#container div#content {margin: 0 9px 0 10px;}
div#container div#content div#left-col { float: left; width: 60%; }

div#container div#content div#left-col .title-home { float: left; margin: 20px 0 10px 10px; background: url(../images/title-home.gif) no-repeat;  width: 500px; height: 59px; overflow: hidden; text-indent: -9000em;}
div#container div#content div#left-col .title-about { float: left; margin: 20px 0 10px 10px; background: url(../images/title-about.gif) no-repeat;  width: 452px; height: 61px; overflow: hidden; text-indent: -9000em;}
div#container div#content div#left-col .title-programs { float: left; margin: 20px 0 10px 10px; background: url(../images/title-programs.gif) no-repeat;  width: 450px; height: 59px; overflow: hidden; text-indent: -9000em;}
div#container div#content div#left-col .title-comcon { float: left; margin: 20px 0 10px 10px; background: url(../images/title-commconn.gif) no-repeat;  width: 100%; height: 61px; overflow: hidden; text-indent: -9000em;}
div#container div#content div#left-col .title-resources { float: left; margin: 20px 0 10px 10px; background: url(../images/title-resources.gif) no-repeat;  width: 100%; height: 60px; overflow: hidden; text-indent: -9000em;}
div#container div#content div#left-col .title-news { float: left; margin: 20px 0 10px 10px; background: url(../images/title-news.gif) no-repeat;  width: 100%; height: 52px; overflow: hidden; text-indent: -9000em;}
div#container div#content div#left-col .title-calendar { float: left; margin: 20px 0 10px 10px; background: url(../images/title-calendar.gif) no-repeat;  width: 100%; height: 52px; overflow: hidden; text-indent: -9000em;}
div#container div#content div#left-col .title-contact { float: left; margin: 20px 0 10px 10px; background: url(../images/title-contact.gif) no-repeat;  width: 100%; height: 59px; overflow: hidden; text-indent: -9000em;}
div#container div#content div#left-col .title-donate { float: left; margin: 20px 0 10px 10px; background: url(../images/title-donate.gif) no-repeat;  width: 100%; height: 62px; overflow: hidden; text-indent: -9000em;}

div#container div#content div#left-col .subtitle-mission { display: block; float: left; margin: 20px 10px 10px 10px; background: url(../images/subtitle-mission.gif) no-repeat;  width: 100%; height: 18px; overflow: hidden; text-indent: -9000em;}
div#container div#content div#left-col .subtitle-vision { display: block; float: left; margin: 20px 10px 10px 10px; background: url(../images/subtitle-vision.gif) no-repeat;  width: 100%; height: 18px; overflow: hidden; text-indent: -9000em;}
div#container div#content div#left-col .subtitle-collview { display: block; float: left; margin: 20px 10px 10px 10px; background: url(../images/subtitle-collvision.gif) no-repeat;  width: 100%; height: 16px; overflow: hidden; text-indent: -9000em;}
div#container div#content div#left-col .subtitle-overview { display: block; float: left; margin: 20px 10px 10px 10px; background: url(../images/subtitle-overview.gif) no-repeat;  width: 100%; height: 18px; overflow: hidden; text-indent: -9000em;}
div#container div#content div#left-col .subtitle-timeline { display: block; float: left; margin: 20px 30px 10px 10px; background: url(../images/subtitle-timeline.gif) no-repeat;  width: 100%; height: 18px; overflow: hidden; text-indent: -9000em;}


div#container div#content div#left-col .h2text { font-size: 15px; color: #256427; margin: 20px 0 2px 10px;  }



div#container div#content div#right-col { float: right; width: 30%; margin: 0; }
div#container div#content div#right-col ul { float: right; margin: 0; padding: 0; list-style: none; }
div#container div#content div#right-col ul li { float: right; margin: 0;}
div#container div#content div#right-col ul li a { float: right; margin: 20px 20px 0 0 ; text-indent: -9000em; overflow: hidden;  }
div#container div#content div#right-col ul li a.donate { float: right; background: url(../images/btn-body-donate.gif) no-repeat; width: 175px; height: 100px;}
div#container div#content div#right-col ul li a.donate:hover { background: url(../images/btn-body-donate-over.gif) no-repeat; }
div#container div#content div#right-col ul li a.volunteer { float: right; background: url(../images/btn-body-volunteer.gif) no-repeat; width: 175px; height: 100px;}
div#container div#content div#right-col ul li a.volunteer:hover { background: url(../images/btn-body-volunteer-over.gif) no-repeat; }

div#container div#footer { float: left; width: 775px; }
div#container div#footer .text { margin: 0 0 0 0; padding-left: 25px; line-height: 1.8em; }
div#container div#footer div#footer-top { background: url(../images/footer-top.gif) no-repeat; height: 23px; width: 775px; }
div#container div#footer div#footer-main { margin: 0 0 0 0; padding-left: 10px; background: url(../images/footer-main.gif) repeat-y; width: 775px; height: 30px; }
div#container div#footer div#footer-main div#footer-left { float: left; padding-left: 10px; font-size: xx-small; color: #939598; text-align: left; line-height: 1em; width: 70%;}
div#container div#footer div#footer-main div#footer-right { float: right; width: 20%;}
div#container div#footer div#footer-main div#footer-right a.logo { display: block; float: right; margin: 5px 0 0 0; padding-right: 36px; background: url(../images/footer-logo.gif) no-repeat; height: 30px; width: 55px; text-indent: -9000em; overflow: hidden; }
div#container div#footer div#footer-bottom { height: 10px; width: 775px; background: url(../images/footer-bottom.gif) no-repeat;}
div#container div#footer a{ margin: 5px 0 0 0; color: #939598; text-decoration: underline; padding: 2px; }
div#container div#footer a:hover { color: #626466; text-decoration: none; }