/****************************************MAIN CONTENT AREA***************************************************/ /************************************************************************************************************/ li {list-style-type: none;} /* =main content */ #maincontent {width: 770px; margin: auto;} /* =Headers */ #hdrHopeCoalition {background: url(../images/headers/hdrhopecoalition.gif) no-repeat; height: 42px; width: 720px; margin: auto;} #hdrTransitionalHousing {background: url(../images/headers/hdrtransitionalhousing.gif) no-repeat; height: 42px; width: 720px; margin: auto;} #hdrKidsCount {background: url(../images/headers/hdrkidscount.gif) no-repeat; height: 42px; width: 720px; margin: auto;} #hdrHavenofHope {background: url(../images/headers/hdrhavenofhope.gif) no-repeat; height: 42px; width: 720px; margin: auto;} #hdrUpcomingEvents {background: url(../images/headers/hdrupcomingevents.gif) no-repeat; height: 42px; width: 720px; margin: auto;} #hdrDonateVolunteer {background:url(../images/headers/hdrdonateorvolunteer.gif) no-repeat; height: 42px; width: 720px; margin: auto;} #hdrContactUs {background: url(../images/headers/hdrcontactus.gif) no-repeat; height: 42px; width: 720px; margin: auto;} #hdrRelatedLinks {background: url(../images/headers/hdrrelatedlinks.gif) no-repeat; height: 42px; width: 720px; margin: auto;} #hdrEmployment {background: url(../images/headers/hdremployment.gif) no-repeat; height: 42px; width: 720px; margin: auto;} #hdrNewsletters {background: url(../images/headers/hdrnewsletters.gif) no-repeat; height: 42px; width: 720px; margin: auto;} #hdrDonate {height: 42px; width: 720px; margin: auto; background-image: url(../images/headers/hdrdonate.gif); background-repeat: no-repeat;} #hdrVolunteer {background: url(../images/headers/hdrvolunteer.gif) no-repeat; height: 42px; width: 720px; margin: auto;} #hdrAnnualReport {background: url(../images/headers/hdrannualreport.gif) no-repeat; height: 42px; width: 720px; margin: auto;} /* =Hope Coalition Home/index -- two column */ #hcColumn1 {width: 355px; float: left; margin: 5px; padding: 5px; text-align: left;} #hcColumn1 h5 {font: 16px Arial, Helvetica, sans-serif; font-weight: bold; color: #771A09;} #hcColumn2 {clear: right; width: 355px; float: right; margin: 5px; padding: 5px; text-align: center; text-decoration: none;} #hcColumn2 img {padding: 5px 15px;} #hcBottom {clear: both; float: left; width:750px; margin: 5px; padding: 5px; text-align: left;} #hcBottom h5 {font: 16px Arial, Helvetica, sans-serif; font-weight: bold; color: #771A09;} #hcQuotes {clear: both; margin: 0 35px 0 35px; padding: 10px 40px 0 70px; text-align: left; } #donate {font-weight: bold; font-size: 18px; padding: 20px 10px 20px 10px; background-color: #990000; width: 300px; border: 3px dotted #990000; margin: 0 auto 10px auto;} #donate a {color: #fce30c; text-decoration: underline;} #donate a:hover {color: #77b428;} /* =events */ #upcomingevents {padding: 10px 10px 20px 10px; background-color: #fce30c; width: 300px; border: 3px dotted #77B428; margin: auto;} #upcomingevents a {color: #990000; text-decoration: underline;} #upcomingevents a:hover {color: #77b428;} #signup {font-size: 16px; padding: 20px 10px 20px 10px; background-color: #73ad66; width: 300px; border: 3px dotted #990000; margin: 0 auto 10px auto;} #signup a {color: #fce30c; text-decoration: underline;} #signup a:hover {color: #990000;} .headline {color: #88B036; font-weight: bold; font-size: 18px; padding: 0 0 5px 0; border-bottom: 3px dotted #77B428;} .eventTitle {color: #77B428; font-weight: bold;} .eventDate {font-size: 11px; font-weight: bold; padding: 10px 0 0 0;} .eventCaption {font-size: 10px;} /* =Transitional Housing -- two column */ #thColumn1 {width: 455px; float: left; margin: 5px; padding: 5px; text-align: justify;} #thColumn2 {clear: right; width: 240px; float: right; margin: 5px; padding: 20px; text-align: center; } #thColumn2 img {border: 1px solid #000; margin: 15px 0;} #thRibbonBox {clear: both; width: 700px; height: 180px; margin: 20px auto 20px auto; border: 4px double #e0c000;} #thRibbonBox p {margin: 10px 15px 10px 15px; text-align: left; font-weight: bold;} #thRibbonBox img {float: left; margin: 6px 15px 6px 6px;} /* =Kids Count - Abused Children's Program -- two column */ #kcColumn1 {width: 485px; float: left; margin: 5px; padding: 5px 10px 0 5px; text-align: justify;} #kcList {padding: 20px; margin: 0 0 0 25px;} #kcColumn2 {clear: right; width: 200px; float: right; margin: 15px 5px 5px 5px; padding: 20px; border: 3px double #000000;} #kcColumn2 img {border: 1px solid #000; margin: 15px 0;} #kcRibbonBox {clear: both; width: 650px; height: 170px; margin: auto; border: 4px double #333399;} #kcRibbonBox p {margin: 20px 15px 0 15px; text-align: left; font-size: 110%; font-weight: bold;} #kcRibbonBox img {float: left; margin: 6px 15px 6px 6px;} #kchelpend {background: url(../images/KidsCount/Scan_10sm.jpg) no-repeat; width: 147px; height: 211px; position: absolute; top: 120px; left: 325px; z-index: 200;} #kccomposite {clear: both; background: url(../images/KidsCount/composite.jpg) no-repeat; width: 652px; height: 174px; margin: 0 auto 25px auto;} /* =Haven of Hope -- two column */ #hhColumn1 {width: 485px; float: left; margin: 5px; padding: 5px 10px 5px 5px; text-align: justify;} #hhColumn1 h1 {font-weight: bold; padding: 5px;} #hhColumn1 h5 {font-weight: bold; padding: 5px;} #hhList {padding: 20px; margin: 0 0 0 25px;} #hhColumn2 {clear: right; width: 200px; float: right; margin: 5px; padding: 20px;} #hhColumn2 img {margin: 15px 0;} #hhList2 {list-style-type: none; font-size: 90%; line-height: 14px;} #hhList2 li {height: auto; padding: 10px; border-top: 3px double #000000;} #hhRibbonBox {clear: both; width: 700px; height: 180px; margin: 20px auto 20px auto; border: 4px double #653483;} #hhRibbonBox p {margin: 10px 15px 10px 15px; text-align: left; font-weight: bold;} #hhRibbonBox img {float: left; margin: 6px 15px 6px 6px;} .last {border-bottom: 3px double #000000;} /* =Upcoming Events */ #ueColumn1 {width: 725px; float: left; margin: auto; padding: 5px 10px 5px 5px;} #ueColumn1 ul {list-style: none;} /* =Contact Us -- one column */ #cuColumn1 {width: 700px; text-align: left;} #cuAddress caption {font-size: 18px; text-align: left; font-weight: bold;} #cuBoard caption {font-size: 18px; text-align: left; font-weight: bold;} #cuStaff caption {font-size: 18px; text-align: left; font-weight: bold;} .odd {background-color: #e1eaf5;} /* =Donate -- */ #donateContent {width: 725px; float: left; margin: auto; padding: 5px 10px 5px 5px;} #donateContent h3 {text-align: left; text-decoration: underline; color: #990000; padding: 10px 0;} #DonateNow {padding: 0 0 30px 0;} #DonateNow img {border: 0;} #recurring {text-align: left; padding: 10px 0 30px 0;} #in-kind {text-align: left; padding: 10px 0 30px 0;} /* =Related Links -- one column */ #rlColumn1 {width: 700px;} #rlsmartown {width: 300px; margin: auto;} /* =Volunteer -- one column */ #kidsCount {width: 550px; margin: auto;} #kidsCount img {float: left; padding: 10px 20px 10px 0;} #kidsCount p {float: right; text-align: left;} #housing {width: 550px; margin: auto;} #housing img {float: right; padding: 10px 0px 10px 20px;} #housing p {float: left; text-align: left;} #havenofhope {width: 550px; margin: auto;} #havenofhope img {float: left; padding: 20px 20px 10px 0;} #havenofhope p {float: right; text-align: left;} /* =Newsletters */ #newsletters {width: 250px; text-align: left; padding: 0 0 30px 30px; margin: auto;} /* =Employment */ #employment {padding: 15px 0 0 0;} /* =classes */ .center {text-align: center;} .contact {text-align: center; font-weight: bold; line-height: 18px; padding: 0 0 10px 0;} .quotebox {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; text-align: left;} .quoteboxCredit {font-size: 90%; font-style: normal; text-align: left; line-height: 14px;} .small {font-size: 95%;} .spacer {padding: 10px 0 0 0;} /* =three column */ #threeColumn1 {width: 232px; float: left; border: 1px solid #FF0000; margin: 5px; padding: 5px; text-align: left;} #threeColumn2 {width: 232px; float: left; border: 1px solid #0000FF; margin: 5px; padding: 5px; text-align: left;} #threeColumn3 {width: 232px; float: right; border: 1px solid #009933; margin: 5px; padding: 5px; text-align: left;} /************************************************************************************************************/ /************************************************************************************************************/ /* test borders */ /*#maincontent {border: 1px solid #FFFF00;} #twoColumn1 {border: 1px solid #FF3300;} #twoColumn2 {border: 1px solid #333333;} #quotes {border: 1px solid #0000FF;}*/