body{margin:0; text-align:center; font-size:0.78em; background:url(/images/bg.jpg) no-repeat top center; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em;} #wrapper{text-align:left; width:960px; margin:0 auto; padding:0; background:#438CA5; border-right:1px solid #F8F8F8; } #sidebar{width:229px; float:left; color:#fff;} #contentArea{width:730px; float:right; background:#fff;} p{margin:20px 0;} #logoArea{background:#499AB4; height:215px; text-align:center;} #logoArea a{display:block; padding-top:45px;} #logoArea a img{border:none;} #logoArea p{margin-top:30px; font-size:130%;} /* SIDE NAV */ #sideNav{list-style-type:none; margin:0; padding:0;} #sideNav li{margin:0; padding:0; border-bottom:1px solid #68ABC1; background:#438CA5;} #sideNav li a{display:block; padding:10px 20px;} #sideNav li a:link{color:#fff; } #sideNav li a:visited{color:#fff;} #sideNav li a:hover{color:#D3E7ED; background:#41879E;} #sideNav li a:active{color:#fff;} /* SIDE NAV ON STYLES */ #home .home a:link{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #home .home a:visited{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #home .home a:hover{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #home .home a:active{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #courses .courses a:link{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #courses .courses a:visited{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #courses .courses a:hover{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #courses .courses a:active{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #about .about a:link{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #about .about a:visited{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #about .about a:hover{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #about .about a:active{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #confidentiality .confidentiality a:link{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #confidentiality .confidentiality a:visited{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #confidentiality .confidentiality a:hover{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #confidentiality .confidentiality a:active{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #business .business a:link{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #business .business a:visited{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #business .business a:hover{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #business .business a:active{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #work .work a:link{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #work .work a:visited{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #work .work a:hover{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #work .work a:active{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #volunteer .volunteer a:link{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #volunteer .volunteer a:visited{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #volunteer .volunteer a:hover{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #volunteer .volunteer a:active{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #contact .contact a:link{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #contact .contact a:visited{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #contact .contact a:hover{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #contact .contact a:active{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #links .links a:link{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #links .links a:visited{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #links .links a:hover{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #links .links a:active{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #donate .donate a:link{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #donate .donate a:visited{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #donate .donate a:hover{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} #donate .donate a:active{color:#438CA5; background:url(/images/sidebarItemOn.jpg) no-repeat center right #fff;} /* HEADER STYLES */ #header{background:url(/images/headerPic.jpg) no-repeat top left; height:215px;} #relationship #header{background:url(/images/relationshipHeaderPic.jpg) no-repeat top left;} #family #header{background:url(/images/familyHeaderPic.jpg) no-repeat top left;} #sexTherapy #header{background:url(/images/sexTherapyHeaderPic.jpg) no-repeat top left;} #education #header{background:url(/images/educationHeaderPic.jpg) no-repeat top left;} #CYP #header{background:url(/images/CYPHeaderPic.jpg) no-repeat top left;} #topNav{margin:0 0 0 13px; padding:150px 0 0 0; } #topNav li{display:block; float:left; margin:0 13px 0 0; padding:0;} /* TOP NAV OFF STYLES */ #topNav li a{margin-bottom:25px;} .relationship a{margin-top:5px; display:block; padding:60px 0 0 0; overflow:hidden; background:url(/images/relationshipOff.jpg) no-repeat top left #F0AC01; height:0px !important; height/**/:60px; width:130px;} .relationship a:hover{margin-top:0px; display:block; padding:65px 0 0 0; overflow:hidden; background:url(/images/relationshipOff.jpg) no-repeat top left #F0AC01; height:0px !important; height/**/:65px; width:130px;} .family a{margin-top:5px; display:block; padding:60px 0 0 0; overflow:hidden; background:url(/images/familyOff.jpg) no-repeat top left #DD4814; height:0px !important; height/**/:60px; width:130px;} .family a:hover{margin-top:0; display:block; padding:65px 0 0 0; overflow:hidden; background:url(/images/familyOff.jpg) no-repeat top left #DD4814; height:0px !important; height/**/:65px; width:130px;} .sexTherapy a{margin-top:5px; display:block; padding:60px 0 0 0; overflow:hidden; background:url(/images/sexTherapyOff.jpg) no-repeat top left #952D98; height:0px !important; height/**/:60px; width:130px;} .sexTherapy a:hover{margin-top:0px; display:block; padding:65px 0 0 0; overflow:hidden; background:url(/images/sexTherapyOff.jpg) no-repeat top left #952D98; height:0px !important; height/**/:65px; width:130px;} .education a{margin-top:5px; display:block; padding:60px 0 0 0; overflow:hidden; background:url(/images/educationOff.jpg) no-repeat top left #5C8AA2; height:0px !important; height/**/:60px; width:130px;} .education a:hover{margin-top:0px; display:block; padding:65px 0 0 0; overflow:hidden; background:url(/images/educationOff.jpg) no-repeat top left #5C8AA2; height:0px !important; height/**/:65px; width:130px;} .CYP a{margin-top:5px; display:block; padding:60px 0 0 0; overflow:hidden; background:url(/images/CYPOff.jpg) no-repeat top left #B8C100; height:0px !important; height/**/:60px; width:130px;} .CYP a:hover{margin-top:0px; display:block; padding:65px 0 0 0; overflow:hidden; background:url(/images/CYPOff.jpg) no-repeat top left #B8C100; height:0px !important; height/**/:65px; width:130px;} /* TOP NAV ON STYLES */ #relationship .relationship a{margin-top:5px; margin-bottom:0; display:block; padding:85px 0 0 0; overflow:hidden; background:url(/images/relationshipOn.jpg) no-repeat top left; height:0px !important; height/**/:85px; width:130px;} #family .family a{margin-top:5px; margin-bottom:0; display:block; padding:85px 0 0 0; overflow:hidden; background:url(/images/familyOn.jpg) no-repeat top left; height:0px !important; height/**/:85px; width:130px;} #sexTherapy .sexTherapy a{margin-top:5px; margin-bottom:0; display:block; padding:85px 0 0 0; overflow:hidden; background:url(/images/sexTherapyOn.jpg) no-repeat top left; height:0px !important; height/**/:85px; width:130px;} #education .education a{margin-top:5px; margin-bottom:0; display:block; padding:85px 0 0 0; overflow:hidden; background:url(/images/educationOn.jpg) no-repeat top left; height:0px !important; height/**/:85px; width:130px;} #CYP .CYP a{margin-top:5px; margin-bottom:0; display:block; padding:85px 0 0 0; overflow:hidden; background:url(/images/CYPOn.jpg) no-repeat top left; height:0px !important; height/**/:85px; width:130px;} #sidePic{width:240px; height:220px; float:right; background:url(/images/sidePic.jpg) no-repeat top right;} #relationship #sidePic{width:240px; height:296px; float:right; background:url(/images/relationshipSidePic.jpg) no-repeat top right;} #family #sidePic{width:240px; height:321px; float:right; background:url(/images/familySidePic.jpg) no-repeat top right;} #sexTherapy #sidePic{width:240px; height:297px; float:right; background:url(/images/sexTherapySidePic.jpg) no-repeat top right;} #education #sidePic{width:240px; height:236px; float:right; background:url(/images/educationSidePic.jpg) no-repeat top right;} #CYP #sidePic{width:240px; height:301px; float:right; background:url(/images/CYPSidePic.jpg) no-repeat top right;} #mainContent{margin:30px 20px; } /* PAGE TITLE STYLES */ #pageTitle span{display:none;} #home #pageTitle{background:url(/images/homeTitle.jpg) no-repeat top left; height:39px; width:440px;} #courses #pageTitle{background:url(/images/coursesTitle.jpg) no-repeat top left; height:90px; width:440px;} #about #pageTitle{background:url(/images/aboutTitle.jpg) no-repeat top left; height:39px; width:440px;} #confidentiality #pageTitle{background:url(/images/confidentialityTitle.jpg) no-repeat top left; height:51px; width:440px;} #business #pageTitle{background:url(/images/businessTitle.jpg) no-repeat top left; height:40px; width:468px;} #bbcvideos #pageTitle{background:url(/images/bbcvideosTitle.jpg) no-repeat top left; height:82px; width:409px;} #work #pageTitle{background:url(/images/workTitle.jpg) no-repeat top left; height:40px; width:440px;} #volunteer #pageTitle{background:url(/images/volunteerTitle.jpg) no-repeat top left; height:82px; width:440px;} #donate #pageTitle{background:url(/images/donateTitle.jpg) no-repeat top left; height:39px; width:440px;} #contact #pageTitle{background:url(/images/contactTitle.jpg) no-repeat top left; height:37px; width:440px;} #links #pageTitle{background:url(/images/linksTitle.jpg) no-repeat top left; height:40px; width:440px;} #relationship #pageTitle{background:url(/images/relationshipTitle.jpg) no-repeat top left; height:92px; width:440px;} #family #pageTitle{background:url(/images/familyTitle.jpg) no-repeat top left; height:92px; width:440px;} #sexTherapy #pageTitle{background:url(/images/sexTherapyTitle.jpg) no-repeat top left; height:50px; width:440px;} #education #pageTitle{background:url(/images/educationTitle.jpg) no-repeat top left; height:92px; width:440px;} #CYP #pageTitle{background:url(/images/CYPTitle.jpg) no-repeat top left; height:92px; width:440px;} .intro{font-weight:bold; font-style:italic; line-height:1.6em;} q{font-style:italic;} #whatsNewTitle{background:url(/images/whatsNewTitle.jpg) no-repeat top left; height:39px; width:470px; margin-top:30px;} #whatsNewTitle span{display:none;} h2{color:#499AB4; font-family:Georgia, "Times New Roman", Times, serif; font-size:200%; font-weight:normal; line-height:1.1em;} #contact h2{margin:30px 0 10px 0;} #contact p{margin:0;} #relationship h2{color:#F0AC01;} #family h2{color:#DD4814;} #sexTherapy h2{color:#952D98;} #education h2{color:#5C8AA2;} #CYP h2{color:#B8C100;} #heartoheart h2{color:#8D3292;} #courseExamples{clear:both; width:450px; clear:both;} #courseExamples h2{color:#fff; padding:15px 20px; margin:20px 0 10px 0;} #courseExamples .course{padding:15px 20px; margin:10px 0; color:#000;} #courseExamples .course h3{margin:0 0 5px 0; font-weight:normal; font-size:130%; line-height:1.2em;} #courseExamples .course p{margin:0;} #courseExamples #general h2{background:#438CA5;} #courseExamples #general .course{background:#E2F2F5;} #courseExamples #professionals h2{background:#B5D239;} #courseExamples #professionals .course{background:#EDF4D3;} #courseExamples #parents h2{background:#F4AF2B;} #courseExamples #parents .course{background:#F5EAD1;} #courseExamples #prison h2{background:#E64148;} #courseExamples #prison .course{background:#FAE4E6;} #courseExamples #schools h2{background:#D684B8;} #courseExamples #schools .course{background:#F4DEF8;} #courseExamples .course .courseDetails{font-weight:bold; margin-top:10px;} /* LINK STYLES */ a:link{color:#499AB4;} a:visited{color:#499AB4;} a:hover{color:#666;} a:active{color:#499AB4;} #relationship a:link{color:#F0AC01;} #relationship a:visited{color:#F0AC01;} #relationship a:hover{color:#666;} #relationship a:active{color:#F0AC01;} #family a:link{color:#DD4814;} #family a:visited{color:#DD4814;} #family a:hover{color:#666;} #family a:active{color:#DD4814;} #sexTherapy a:link{color:#952D98;} #sexTherapy a:visited{color:#952D98;} #sexTherapy a:hover{color:#666;} #sexTherapy a:active{color:#952D98;} #education a:link{color:#5C8AA2;} #education a:visited{color:#5C8AA2;} #education a:hover{color:#666;} #education a:active{color:#5C8AA2;} #CYP a:link{color:#B8C100;} #CYP a:visited{color:#B8C100;} #CYP a:hover{color:#666;} #CYP a:active{color:#B8C100;} #footer{clear:both; margin:30px 0 0 0; height:120px; border-bottom:5px solid #eee; background:url(/images/footerBg.jpg) repeat-x top left; text-align:center;} #footer p{padding:40px 30px 0 30px; color:#666; font-size:80%;} .divider{border-top:2px solid #ddd;} /* CLEAFIX STYLES */ /* Container vs Float Error Correction */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */