@charset "UTF-8";
/* CSS Document */

img, div, input { behavior: url("/styles/iepngfix.htc") }

body {margin:0px 0px; font-family:Arial, Helvetica, sans-serif; line-height:16px }
.container {width:849px; margin:70px auto; position:relative; background: url(../images/top-round.jpg); background-repeat:no-repeat; background-color:#e1e1e1; color:#333}

.logo {position:absolute; top:-50px; left:18px}

.mainCol {width:654px; float:left;  margin:162px 0px 10px 0px; padding-left:14px}
.smallCol {width:156px; float:left; margin:162px 0px 0px 14px; position:relative;}
.smallCol ul {margin:0px 0px; padding:0px 0px}
.smallCol li {list-style:none; margin-bottom:2px}

/* Homepage styles */

.introduction {float: right; width:238px; position:relative; height:344px; background:url(../images/introduction-bottom.jpg); background-repeat:no-repeat; background-position:bottom; background-color:#FFFFFF }
.sectionTitle {margin:0px 0px 5px 0px}
.introduction p {margin:10px 10px; font-size:12px}
.introduction h2 {margin:10px 10px; font-size:16px; line-height:20px}
.introduction a {position:absolute; bottom:10px; left:10px; border-bottom:2px solid #71bf45; font-size:12px; color:#333; text-decoration:none}
.introduction a:hover {border-bottom:2px solid #333;}

.homepageFeature {width:398px; float:left; position: relative; height:346px; background:url(../images/main-feature.jpg); background-repeat:no-repeat; margin-right:16px}
.person {position:absolute; top:2px; left:-62px; z-index:10;}
.reachingText {position:absolute; top:21px; right:19px; z-index:9}
.homepageFeature a {position:absolute; bottom:10px; right:10px; border-bottom:2px solid #71bf45; font-size:12px; color:#333; text-decoration:none}
.homepageFeature a:hover {border-bottom:2px solid #333;}
.whatsNewSection {width:653px; height:166px; margin-top:32px; background-image:url(../images/whats-new-bottom.jpg); background-repeat:no-repeat; background-position:bottom; background-color:#FFFFFF}

.whatsNewSection ul {list-style:none; width:627px; margin:0px 11px 0px 11px; padding:0px 0px; list-style:none}
.whatsNewSection ul li {float:left; width:130px; border-right:3px solid #e1e1e1; height:129px; padding:10px 10px}
.whatsNewSection ul li.end {border:none; padding:10px 0px 10px 10px;}
.whatsNewSection ul li h3 {margin:0px 0px; padding:0px 0px; font-size:12px; width:130px}
.whatsNewSection ul li p {float:left; width:130px; font-size:12px; padding:0px 0px; }
.whatsNewSection ul li.double {float:left; width:290px; }
.whatsNewSection ul li.twoBox {margin-left:10px; padding:10px 0px }
.whatsNewSection ul li img {float:right; padding:0px 0px 0px 0px}
.whatsNewSection ul li a { border-bottom:2px solid #71bf45; font-size:12px; color:#333; text-decoration:none; width:130px}
.whatsNewSection ul li a:hover { border-bottom:2px solid #333; }

/* Main content styles */

.mainContent {float:right; width:475px; background-color:#FFF}

.mainContent p { padding:0px 18px 0px 18px; font-size:12px; line-height:17px}
.mainContent h1 {font-size:26px; color:#71bf45; padding:0px 18px; margin-top:0px; line-height:26px}
.mainContent h2 {font-size:17px; color:#66af3d; padding:0px 18px;}
.mainContent h3 {font-size:12px; color:#71bf45; font-weight:bold; padding:0px 18px; margin:0px 0px}

.mainContent ul {padding:0px 18px; margin:0px 18px;}
.mainContent ul li {font-size:12px}

.items img {margin-bottom:20px;}

.mainContent .leaderText {font-size:17px; color:#66af3d; padding:0px 18px; line-height:17px}
.mainContent img.left {float:left; padding:0px 10px 0px 0px}
.mainContent img.right {float:right; padding:0px 0px 10px 10px}

.mainContent a {color:#71bf45; text-decoration:underline}
.mainContent a:hover {color:#71bf45; text-decoration:none}

.subMenu {float:left; width:162px}
.subMenu ul {width:162px;  margin:0px 0px; padding:0px 0px}
.subMenu ul li {list-style:none; padding:2px 0px; width:162px; margin:0px}
.subMenu ul li a {display:block; background-color:#FFF; padding:12px 12px; text-decoration:none; color:#333; font-size:12px; margin:0px}
.subMenu ul li a:hover {display:block; background-color:#f0f0f0;}

ul.menu {border-bottom:5px solid #71bf45; margin:0px 0px; position:absolute; top:66px; right:10px; width:784px; list-style:none;}
ul.menu li { float:right; display:block; width:124px; margin-left:5px;}
ul.menu li a { display:block; padding: 55px 0 0 0; overflow: hidden; height: 0px !important; height /**/:55px;  background-repeat: no-repeat; background-position: left top; }
ul.menu li a.linkActive, ul.menu li a:hover { background-position: 0 -55px; }
ul.menu li.nav1 a { background-image: url(../images/what-we-do.png);}
ul.menu li.nav2 a { background-image: url(../images/who-we-are.png);}
ul.menu li.nav3 a { background-image: url(../images/how-we-can-help-you.png);}
ul.menu li.nav4 a { background-image: url(../images/how-you-can-help-us.png);}
ul.menu li.nav5 a { background-image: url(../images/whats-new.png);}

.topHeader {position:absolute; top:26px; right:21px; width:233px;}
.topHeader img {float:left;}
.topHeader p {font-size:10px; color:#878787; float:right; margin:0px 0px; padding:0px 0px; line-height:11px}
.topHeader a {text-decoration:underline; color:#878787}
.topHeader a:hover {text-decoration:none}


.rollover a {
display:block;
width: 116px;
height:22px;
background: url("../images/donate-online-over.png") 0 0 no-repeat;
text-decoration: none;
float:left;
}
.rollover a:hover { 
background-position: 0 -23px;
}



.footer {width:834px; background-color:#bdbdbd; padding:15px 0px 0px 15px; }

ul.footerMenu {color:#FFFFFF; font-size:12px; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px}
ul.footerMenu a {color:#FFFFFF; text-decoration:none}
ul.footerMenu a:hover {text-decoration:underline}
ul.footerMenu li {float:left; display:block; width:153px; list-style:none; margin:10px 0px 0px 11px; border:0px solid red}
ul.footerMenu li strong {text-decoration:underline; font-size:12px; padding:0px 0px 2px 0px; display:block;}
ul.footerMenu li ul {padding:0px 0px; margin:0px 0px}
ul.footerMenu li ul li { padding:1px 0px; font-size:11px; margin:0px 0px;}
ul.footerMenu li p { padding:0px 0px; font-size:11px; margin:0px 0px;}

.footerCredit {width:822px; border-top:1px solid #FFF; margin:0px 0px; padding:0px 0px 10px 0px}
.footerCredit p {font-size:10px; color:#FFFFFF; margin:10px 0px 0px 0px; float:left; width: 411px}
.footerCredit p.right {text-align:right; margin:4px 0px;}
.footerCredit img {vertical-align: -15%; border:0px}
.footerCredit a {text-decoration:none; color: #FFFFFF}
.footerCredit a:hover {text-decoration:underline}


label {width: 165px; float: left; display: block; }
.input_box {color: #000000; background: #FFFFFF; font-family:Arial, Helvetica, sans-serif; width:250px; font-size:12px}
.submit input {margin-left: 165px} 
form {padding:0px 0px; margin:0px 0px; display:inline}
form p {margin:0px; padding:0px 0px 10px 0px }
form em {font-size:11px; color:#8f8f8f}


ul.error {display:block; background-color:#e8e8e8; margin:10px 10px; padding:0px 0px; width:450px;}
ul.error p {margin:0px 0px; padding:10px 10px; font-weight:bold;}
ul.error li {margin: 0px 0px; padding:10px 10px; list-style:inside;  font-size:12px;}