* { margin:0; padding:0 } /* Header */ a img { border: 0; } #header {width:910px; height:160px; background-image:url(../images/Global/masthead_bg.gif); margin:0px auto 0px auto; } #logo_div {width:644px; height:113px; float:left;} #header_RHS {width:245px; height:113px; float:left;} #donate {width: 130px; height:35px; float:left;} #Contact_button {width: 112px; height: 37px; float:left;} #share {width: 85px; height:25px; float:left; margin-top: 30px; margin-left: 20px;} #facebook_button {width:139px; height:19px; float:left; margin-top: 31px;} #breadCrumb { padding:4px 0px 0px 0px; margin:0px; font-family:Times New Roman, Serif; font-size:12px; color:#888888; float:left; } #bannerTop { height:324px; width:873px; position:absolute; background-image:url(../images/home/supportingYou.png); background-repeat:no-repeat; background-position:0px 263px; z-index:2; margin-top: } #banner { height:324px; width:873px; background-image: url(../images/Home/banner1.jpg); margin-top: } #main { margin-left:51px; margin-right:51px; clear:both; min-height:630px; width:873px; } #navbar {width:890px; height:50px;} .greySep { background-color:#fcfcfc; padding-top:17px; } .greySep div { background-color:#ececec; height:1px; border:solid 1px white; } .left { float:left; width:570px; margin-top:11px; } .right { float:left; width:230px; height:292px; margin-left:8px; margin-top:35px;} html { overflow-y:scroll; } body { background-color:#ede9f0; background-image:url(../images/global/background.gif); background-repeat:repeat-x; font-family:Arial, Sans-Serif; font-size:12px; color:#333; display:inline; margin:0; padding:0;} * { background-repeat:no-repeat; } ul { padding:0px; margin:0px; background-repeat:no-repeat; } ul li { padding:0px; margin:0px; list-style:none; float:left; } li { color:#333333; } h2 { font-size:21px; color:#b2bb1e; margin:0px; margin-top:10px; } h2.alt { color:#333333; } h2.alt2 { margin-top:10px; margin-bottom:15px; } h3 { font-size:16px; color:#999933; margin:0px; } h3 em { color:#588f23; font-style:normal;} em { color:#999933; font-style:normal;} p { color:#333333; font-size:11px; margin:0px 0px 14px 0px; } p a { color:#999933; text-decoration:none; } img { border-style: none; } a { outline:none; } .greySep { background-color:#fcfcfc; padding-top:17px; } .greySep div { background-color:#ececec; height:1px; border:solid 1px white; } .clear { clear:both; } .textbox { padding:2px; background-image:url(../images/global/bgTextbox.png); background-position:top left; background-repeat:no-repeat; border:solid 1px #eaeaea; border-top-color:#808080; border-left-color:#808080; } .formArea { } .formArea p { clear:both; padding-top:10px; width:600px; } .formArea p label { width:175px; display:block; float:left; font-size:12px; margin-left:-11px; padding-left:11px;} .formArea p label.required { background-image:url(../images/global/required.png); background-position:0px 5px; background-repeat:no-repeat; } .formArea p input { width:230px; float:left; } .formArea p select { width:235px; float:left; } .formArea p textarea { width:500px; float:left; height:110px; } .formArea p.alt label { width:55px; } .buttonSend { background-image:url(../images/global/btnSend.png); width:75px; height:23px; display:block; text-indent:-1000em; margin-left:auto; margin-right:auto; } .backLink { color:#588f23; font-size:17px; text-decoration:none; } ul.subNav li { float:none; } ul.subNav li a { border-bottom:solid 1px #aaaaaa; padding-bottom:4px; padding-top:4px; background-image:url(../images/global/bullet.gif); background-repeat:no-repeat; background-position:3px 10px; float:none; font-family:Times New Roman, Serif; text-decoration:none; color:#666666; font-size:13px; padding-left:12px; display:block; } ul.subNav li ul li a { padding-left:22px; background-position:13px 10px;} ul.subNav li a:hover, #process ul.subNav li a.selected { background-color:#cccccc; } ul.subNav { width:165px; margin-top:5px;} #container { width:978px; background-image:url(../images/global/shadowBack.png); margin:0px auto 0px auto; background-repeat:repeat; top:0; left:0; vertical-align:top; } #bottom { width:978px; height:15px; margin:0px auto 0px auto; } #masterhead { margin-left:34px; margin-right:34px;} #masterhead h1 {background-image:url(../images/global/logo.png); margin:0px;} #masterhead h1 a { text-indent:-1000em; width:638px; height:84px; margin:0px; display:block;} #masterhead ul { margin-left:17px; height:34px; margin-top:10px; } #header ul { margin-left:17px; height:44px; } #header ul li a { width:109px; height:44px; display:block; text-indent:-1000em; outline:none; background-image:url(../images/global/new_nav.png); position:relative; z-index:1;} #header li.aboutUs a { background-position:0px top; width:73px;position:relative; z-index:2; } #header li.news a { background-position:-73px top; width:53px; position:relative; z-index:3; } #header li.whatwedo a { background-position:-126px top; width:94px; position:relative; z-index:4; } #header li.results a { background-position:-220px top; width:68px; position:relative; z-index:5; } #header li.testimonials a { background-position:-289px top; width:99px; position:relative; z-index:6; } #header li.jobs a { background-position:-389px top; width:46px;position:relative; z-index:7; } #header li.links a { background-position:-434px top; width:50px; position:relative; z-index:8; } #header li.donate a { background-position:-484px top; width:65px; position:relative; z-index:9;} #header li.getinvolved a { background-position:-548px top; width:95px;position:relative; z-index:10; } #header li.stayinformed a { background-position:-646px top; width:104px; position:relative; z-index:11; } #header li.familysupport a { background-position:-749px top; width:126px; position:relative; z-index:12; } #header li.aboutUs a:hover, #aboutUs li.aboutUs a { background-position:0px bottom; } #header li.news a:hover, #news li.news a { background-position:-73px bottom; } #header li.whatwedo a:hover, #whatwedo li.whatwedo a { background-position:-126px bottom; } #header li.results a:hover, #results li.results a { background-position:-220px bottom; } #header li.testimonials a:hover, #testimonials li.testimonials a { background-position:-289px bottom; } #header li.jobs a:hover, #jobs li.jobs a { background-position:-389px bottom; } #header li.links a:hover, #links li.links a { background-position:-434px bottom; } #header li.donate a:hover, #donate li.donate a { background-position:-484px bottom; } #header li.getinvolved a:hover, #getinvolved li.getinvolved a { background-position:-548px bottom; } #header li.stayinformed a:hover, #stayinformed li.stayinformed a { background-position:-646px bottom; } #header li.familysupport a:hover, #familysupport li.familysupport a { background-position:-749px bottom; }} #breadCrumb { padding:4px 0px 0px 0px; margin:0px; font-family:Times New Roman, Serif; font-size:12px; color:#888888; } #main { margin-left:15px; margin-right:51px; clear:both; min-height:630px; width:873px; } #footer { margin-left:48px; margin-right:18px; clear:both; height:30px; padding-top:10px; padding-right:10px; background-image:url(../images/global/footerBack.png); background-repeat:no-repeat; background-position:left bottom; } #footer li { color:White; margin-left:10px; margin-top:12px; display:block; width:auto; float:right; } #footer a { color:White; text-decoration:none; } /* Home */ #home #main #bannerTop { height:324px; width:873px; position:absolute; background-image:url(../images/home/supportingYou.png); background-repeat:no-repeat; background-position:0px 263px; z-index:2; } #home #main #banner { height:324px; width:873px; background-image:url(../images/home/banner1.jpg); } #home #main #bannerTop h2 { display:none; } #home #main .left { float:left; width:575px; margin-top:11px; } #home #main .right { float:right; width:280px; margin-top:11px;} #home #main .right p a { margin-left:-25px; display:block; width:310px; height:223px; position:absolute; } #home #main .right p a img { position:absolute;} #home.ie #main img { margin-left:-25px; margin-top:2px; } #home h3 { font-family:Times New Roman, Serif; font-size:18px; color:#b4b3b3; font-weight:normal; margin-bottom:6px; } #home #main #news { margin-top:40px; padding-left:20px; margin-bottom:20px; } #home #main #news ul li { float:none; margin-bottom:4px; } #home #main #news ul li label { background-image:url(../images/home/postedBullet.png); background-position:0px 3px; background-repeat:no-repeat; padding-left:8px; color:#cbcbcb; font-size:11px; } #home #main #news ul li label em { color:#9a9a9a; font-style:normal; } #home #main #news ul li p { margin:0px; color:#444444; font-weight:bold; background-image:url(../images/home/arrowBlack.png); background-position:right 2px; height:15px; background-repeat:no-repeat; width:430px; font-size:11px; } #home #main #news ul li p a { color:#444444; font-weight:bold; } /* Jobs */ #jobs #panel1 { width:187px; float:left; margin-top:11px; } #jobs #panel2 { width:600px; float:left; margin-top:11px; } #jobs #panel3 { width:215px; float:right; margin-top:11px; } #jobs #main { background-repeat:no-repeat; background-position:0px 53px; } #jobs #panel2 h3 { margin-top:10px; } #jobs #panel2 #scroller { width:420px; height:385px; background-color:#353535; overflow-y:scroll;} #jobs .job { margin:20px 20px 0px 20px; border-bottom:solid 1px white; } #jobs .job p { color:White; font-size:12px; margin:0px; padding-bottom:20px; } #jobs .job p a { color:White; font-weight:bold; text-decoration:none; } #jobs #panel3 .greenBox { height:290px; background-image:url(../images/jobs/rightBox.png); background-repeat:no-repeat; padding-top:1px;} #jobs #panel3 .greenBox h3 { display:none; } #jobs #panel3 .greenBox a, #jobs #panel3 .greenBox p { color:White; text-decoration:none; padding-left:25px; width:167px;} #jobs #panel3 .greenBox p a { text-decoration:underline; padding:0; margin:0;} #jobs #panel3 .greenBox a.jobApp { margin:36px 0px 0px 12px; height:26px; padding-top:10px; display:block; font-weight:bold; } #jobs #panel3 .greenBox p.whyJoin { margin:40px 0px 0px 12px; height:46px; font-size:10px; } #jobs #panel3 .greenBox p.contact { margin:42px 0px 0px 12px; height:65px; padding-top:3px; } #whyJoin { background-color:Black; color:White; display:none; font-size:12px;} #whyJoinInner img { display:block; margin:20px auto 0px auto; } #whyJoinInner { background-color:Black; color:White; font-size:14px; padding:30px; } #whyJoinInner h5 { font-family:Arial, Sans-Serif; font-size:18px; font-weight:bold; } #whyJoinInner ul { padding-left:20px;color:White;} #whyJoinInner ul li { display:list-item; float:none; color:White; list-style-type:disc; } /* Links */ #links #panel1 { width:187px; float:left; margin-top:11px; } #links #panel2 { width:645px; float:left; margin-top:11px; } #links #main { background-repeat:no-repeat; background-position:0px 53px; } #links h2 { margin-bottom:10px; } #links #kids { background-image:url(../images/links/children.jpg); background-position:top center; height:161px; background-repeat:no-repeat; margin-bottom:15px; } #links #linkCollection div.item { margin-left:30px; display:block; float:left;} #links #linkCollection { margin-left:-30px; } /* Contact Us */ #contact #main { background-repeat:no-repeat; background-position:0px 53px; } #contact #panel1 { width:187px; float:left; margin-top:11px; } #contact #panel2 { width:645px; float:left; margin-top:11px; } #contact #panel3 { width:170px; float:left; margin-top:11px; } #contact #panel4 { width:180px; float:left; margin-top:11px; } #contact #panel5 { width:160px; float:left; margin-top:0px; } #contact h2 { margin-bottom:10px; } /* About Us */ #aboutUs #main { background-image:url(../images/global/greyLine.gif); background-repeat:no-repeat; background-position:0px 53px; } #aboutUs #panel1 { width:175px; float:left; margin-top:11px; } #aboutUs #panel2 { width:645px; float:left; margin-top:11px; } #aboutUs.aboutUs #panel2 { background-image:url(../images/AboutUs/background.png); background-repeat:no-repeat; background-position:0px 280px; height:580px; } /* -- Our People -- */ #aboutUs.ourPeople #panel2 { width:695px; } #aboutUs.ourPeople #photoCont { background-color:#b2bb1e; margin-top:5px; padding-top:5px; padding-left:5px; min-height:530px; } #aboutUs.ourPeople #photoCont a { display:block; float:left; width:137px; height:137px; background-image:url(../images/AboutUs/shadow.png); } /* -- Our Story -- */ /* News */ #news #panel1 { width:870px; float:left; margin-top:11px;} body#news h3, body#testimonials h3 { visibility:visible; display:block; letter-spacing:2px; font-family:Times New Roman, Serif; color:White; background-color:#b2bb1e; width:315px; height:34px; font-size:28px; font-weight:normal; padding:1px 0px 0px 8px; margin-top:10px; } #news .newsArticle { margin-top:25px; margin-left:30px; width:370px; height:210px; float:left; } #news .newsArticle h4 { font-size:17px; color:#588f23; font-family:Times New Roman, Serif; font-weight:normal; margin:0px; padding-left:7px; margin-bottom:3px; } #news .newsArticle span { font-size:14px; color:#8c8c8c; padding-left:7px;} .shadow { width:176px; height:158px; background-image:url(../images/news/shadow.png); padding:5px 0px 0px 7px; } #news .newsArticle .shadow { float:left;} #news .newsArticle img { } #news .newsArticle p { padding-top:5px; margin-left:10px; float:left; width:175px; color:#8c8c8c; font-size:13px; } #news .newsArticle .readMore { color:#588f23; font-size:13px; text-decoration:none; display:block; margin-top:5px; font-weight:bold; } #news #main { } #news #panel2 { width:190px; float:left; margin-right:5px; margin-left:20px; padding-top:55px; } #news #panel3 { width:600px; float:left; margin:0px; padding-top:20px;} #news h4 { color:#588f23; font-size:30px; font-family:Times New Roman, Sans-Serif; font-weight:normal; margin:0px 0px 5px 0px; } #news.details #panel3 p { font-size:14px; color:#8c8c8c; width:500px; } .clickToEnlarge { display:block; clear:both; text-decoration:none; color:#8c8c8c; font-family:Times New Roman, Serif; font-size:14px; padding-left:8px; margin-top:-8px; } #news #panel2 .backLink { padding-left:8px; margin-bottom:12px; display:block; } /* Testimonials */ #testimonials #panel1 { width:872px; float:left; margin-top:11px;} #testThumbs { overflow:hidden; width:730px; margin:0px auto 0px auto; } #testimonials .shadow { float:left; } #testimonials #sliderNav { width:260px; margin:0px auto 0px auto; text-align:center; margin-bottom:20px; font-family:Times New Roman, Sans-Serif; color:#588f23; font-size:14px;} #testimonials #sliderNav a.moveLeft { background-image:url(../images/Testimonials/btnLeft.gif); width:18px; height:18px; display:block; text-indent:-1000em; float:left; } #testimonials #sliderNav a.moveRight { background-image:url(../images/Testimonials/btnRight.gif); width:18px; height:18px; display:block; text-indent:-1000em; float:right; } .sideStory .lightGreyBar { background-color:#fcfcfc; height:20px; } .sideStory #panel2 { width:560px; float:left; margin-top:10px; } .sideStory p { font-size:13px; color:#8c8c8c; } .sideStory p em { color:#588f23; } .sideStory #panel3 { width:290px; float:right; margin-top:10px; min-height:350px; padding-bottom:10px; } .sideStory #panel3 h4 { margin:0px; margin-left:30px; font-size:17px; color:#588f23; font-family:Times New Roman, Serif; font-weight:normal; margin-bottom:10px; } .sideStory #panel3 li { float:none; margin-bottom:10px; font-size:13px; background-image:url(../images/global/bullet2.gif); padding-left:15px; background-position:0px 3px; display:block; text-decoration:none;} .sideStory #panel3 li a { color:#595858; padding-left:15px; display:block; text-decoration:none;} .sideStory #panel3 li a:hover { background-color:#cccccc;} #testimonials #panel2 .testim { display:none; } /* Results */ #results #panel1 { width:872px; float:left; margin-top:11px;} #results #main #bannerTop { height:232px; width:873px; position:absolute; z-index:2; } #results #main #banner { height:232px; width:873px; background-image:url(../images/results/banner1.jpg); } #results #main #bannerTop h2 { display:none; } #caption { height:70px; background-color:#b2bb1e;width:873px; } #caption .inner { background-image:url(../images/results/caption1.png); height:70px; background-position:10px 7px; } /* Process */ #process #panel1 { float:left; width:175px; margin-top:11px;} #process #panel2 { float:left; width:455px; margin-top:11px;} #process #panel3 { float:right; width:215px; margin-top:11px;} #process h2.alt2 { margin-top:10px; margin-bottom:15px; font-size:18px; color:#666666;} #process ol { margin:0px; padding:0px; padding-left:27px; } #process ol li { list-style-type:decimal; margin:0px; padding:0px; margin-bottom:3px; } /* -- Projects -- */ #process.projects #panel2 { width:410px; } #process.projects #panel3 { width:260px; margin-top:56px; } #process.projects #panel3 .shadow { background-image:url(../images/process/shadow.png); width:115px; height:116px; padding:0px; margin:0px auto 0px auto; display:block; } #process.projects #panel3 .shadow img { display:block; float:left; } #process.projects #panel3 .item { width:120px; float:left; text-align:center; margin-bottom:25px; margin-left:5px; display:block;text-decoration:none; cursor:pointer; } #process.projects #panel3 .item h3 { margin:0px auto 0px auto; text-align:center; font-size:14px; } #process.projects #panel3 .item span { color:#666666; font-size:9px; text-decoration:none; } #process.projects #panel3 .item a { text-decoration:none; } #process #panel2 .backLink { color:#cccc99; } #process.project #panel2 p { color:#8c8c8c; font-size:14px; } #process.projects #panel2 h2.alt { margin-bottom:20px; } #process.projects #panel2 ol { margin-bottom:20px; } #process.projects #panel3 p { color:#666600; margin:0px; margin-bottom:10px; } cts #panel2 { width:410px; } #process.projects #panel3 { width:260px; margin-top:56px; } #process.projects #panel3 .shadow { background-image:url(../images/process/shadow.png); width:115px; height:116px; padding:0px; margin:0px auto 0px auto; display:block; } #process.projects #panel3 .shadow img { display:block; float:left; } #process.projects #panel3 .item { width:120px; float:left; text-align:center; margin-bottom:25px; margin-left:5px; display:block;text-decoration:none; cursor:pointer; } #process.projects #panel3 .item h3 { margin:0px auto 0px auto; text-align:center; font-size:14px; } #process.projects #panel3 .item span { color:#666666; font-size:9px; text-decoration:none; } #process.projects #panel3 .item a { text-decoration:none; } #process #panel2 .backLink { color:#cccc99; } #process.project #panel2 p { color:#8c8c8c; font-size:14px; } #process.projects #panel2 h2.alt { margin-bottom:20px; } #process.projects #panel2 ol { margin-bottom:20px; } #process.projects #panel3 p { color:#666600; margin:0px; margin-bottom:10px; } p { color:#8c8c8c; font-size:14px; } #process.projects #panel2 h2.alt { margin-bottom:20px; } #process.projects #panel2 ol { margin-bottom:20px; } #process.projec