/*------- Copyright 2010 SC Campaign to Prevent Teenage Pregnancy --------*/ * { margin: 0; padding: 0; } body { font: 75% Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; color:#000000; background:url(../img/bg.jpg) top center repeat-x #ffffff; } #container { width:910px; margin: 0 auto; text-align: left; } #header { background:url(../images/top.jpg) no-repeat; height:165px; width:910px; margin:0 auto;padding:3px 0 0 0; } #headerOLC { background:url(../images/topOLC.jpg) no-repeat; height:100px; width:910px; margin:0 auto;padding:3px 0 0 0; } #content{ background:#ffffff; width:962px; margin:0 auto; padding-bottom:30px; } /*------- Home Page --------*/ #home { float: left; width: 421px; height:303px; } #contenthome{ height:218px; width:910px; margin:5px auto; } #midsectionhome{ background:url(../images/Untitled-2.jpg) bottom right no-repeat #ffffff; height:325px; width:894px; margin:0 auto; } #homeflash{ width:530px; height:350px; float:left;} #containerhome { width: 46em; background: #FFFFFF; margin: 0 auto; border: 1px solid #000000; text-align: left; } #homesidebar1 { float: left; width: 458px; height:213px; background:url(../images/upcoming_events.gif) no-repeat top left; } #homesidebar1 a { color:#003366; text-decoration:underline;} #homesidebar1 a:hover { color:#CCCCCC; text-decoration:none;} #homesidebar1 p{ padding:60px 0 0 22px; font:13px Arial, Helvetica, sans-serif; } #mainContenthome { margin:0 0 0 458px; padding:0; height:213px; background:url(../images/latest_news.gif) no-repeat top left; } #mainContenthome a { color:#003366; text-decoration:underline; font:13px Arial, Helvetica, sans-serif; } #mainContenthome a:hover { color:#006699; text-decoration:none;} #mainContenthome p{ padding:60px 0 0 22px; } /*------- New Home Page --------*/ #header_home { background:none; height:108px; width:960px; margin:0 auto; padding:0; } h1.teenlogo a:hover{background-position: bottom left;} h1.teenlogo a{ display: block; width: 298px; height: 85px; margin:8px 0 0 40px; background:url(../img/logo10.jpg) no-repeat; text-indent:-9999px; font-size: 0px; float:left; } #teenenews { height: 55px; margin:40px 25px 0 0; float:right; } .search { font:11px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; color:#003366; padding:0 0 2px 2px; } #container_home { width:970px; margin: 0 auto; text-align: left; } #content_home{ width:970px; margin:0 auto; } #midsection_home{ background:none; margin:0 auto; margin:0 0 5px 0; } #flash_home{ float:right; margin:0 11px 0 0; } #midsection_nav { height: 329px; margin:0 571px 0 0; } #sidebar1_home { float: left; width: 392px; margin:0 0 0 2px; color:#111111; } #sidebar1_homebg { width:392px; background:url(../img/bg_sidebar1_home.jpg) repeat-y; } #sidebar1_home_top { width:392px; height:42px; background:url(../img/bg_sidebar1_hometop.jpg) no-repeat; } #sidebar1_home_bottom { width:392px; height:9px; background:url(../img/bg_sidebar1_homebottom.jpg) no-repeat; } #sidebar1_home a { color:#003399; text-decoration:underline;} #sidebar1_home a:hover { color:#CCCCCC; text-decoration:none;} #sidebar1_home p{ padding:60px 0 0 22px; font:13px Arial, Helvetica, sans-serif; } #sidebar2_home { float:right; width:233px; padding:0 14px 0 0; } #action { width:233px; height:260px; background:url(../img/action-box.gif) no-repeat; margin:5px 0 5px 0; padding:1px 0 0 0; } #action ul { margin:5px 0 0 40px; list-style:none; } #action li a { width:170px; font:12px Arial, Helvetica, sans-serif; color:#003366; border-bottom: 1px solid #99ccff; display:block; text-decoration:none; padding:10px 0 11px 0; } #action li a:hover { color:#ffffff; text-decoration:underline; } #mainContent_home_new { margin:0 247px 0 399px; padding:0; } #mainContent_home_new_top { width:314px; height:42px; background:url(../img/bg_maincontent_top.jpg) top left no-repeat; } #mainContent_home_new_bg { width:314px; background:url(../img/bg_maincontent.jpg) left repeat-y; } #mainContent_home_new_bottom { width:314px; height:9px; background:url(../img/bg_maincontent_bottom.jpg) left no-repeat; } #mainContent_home_new a { color:#003366; text-decoration:underline; font:13px Arial, Helvetica, sans-serif; } #mainContent_home_new a:hover { color:#006699; text-decoration:none;} #mainContent_home_new p { padding:60px 0 0 22px; } /*------- Sub Pages --------*/ #sub_nav {float:right; width:230px; min-height:250px; background:none; padding:0 0 30px 0; } #sub_nav img{text-align:center;} .sub_nav ul{ } .sub_nav { list-style-type:none; margin:0; } .sub_nav li { margin:0 0 0 15px; line-height:18px; font-size:11px; border-bottom:1px #cccccc solid; font-weight:bold; width:180px; padding:8px 0 8px 0;} .sub_nav a{ color:#003366; text-decoration:none; line-height:18px; } #midsection { width:962px; background:#FFFFFF; margin:0 auto; padding:3px 0 0 0; } #midsectionLEFT { float: left; width: 380px; height:272px; background:none; } #midsectionRIGHT { height:272px; margin:0 0 0 380px; } #subpage_1{background:url(../images/1.jpg) no-repeat; width:579px; height:272px;} #advocacy { background:url(../images/headers/advocacy.jpg) no-repeat; width:579px; height:272px;} #contact { background:url(../images/headers/contact.jpg) no-repeat; width:579px; height:272px;} #get_involved { background:url(../images/headers/get_involved.jpg) no-repeat; width:579px; height:272px;} #enewsletter { background:url(../images/headers/enewsletter.jpg) no-repeat; width:579px; height:272px;} #county_contacts { background:url(../images/headers/county_contacts.jpg) no-repeat; width:579px; height:272px;} #professionals { background:url(../images/headers/professionals.jpg) no-repeat; width:579px; height:272px;} #parents { background:url(../images/headers/parents.jpg) no-repeat; width:579px; height:272px;} #policy_makers { background:url(../images/headers/policy_makers.jpg) no-repeat; width:579px; height:272px;} #about_us { background:url(../images/headers/about_us.jpg) no-repeat; width:579px; height:272px;} #education { background:url(../images/headers/education.jpg) no-repeat; width:579px; height:272px;} #media_center { background:url(../images/headers/media_center.jpg) no-repeat; width:579px; height:272px;} #online_learning_center { background:url(../images/headers/online_learning_center.jpg) no-repeat; width:579px; height:272px;} #public_awareness { background:url(../images/headers/public_awareness.jpg) no-repeat; width:579px; height:272px;} #research { background:url(../images/headers/research.jpg) no-repeat; width:579px; height:272px;} #resources { background:url(../images/headers/resources.jpg) no-repeat; width:579px; height:272px;} #youth { background:url(../images/headers/teens.jpg) no-repeat; width:579px; height:272px;} #technical_assistance { background:url(../images/headers/technical_assistance.jpg) no-repeat; width:579px; height:272px;} #photo_gallery { background:url(../images/headers/photo_gallery.jpg) no-repeat; width:579px; height:272px;} #summer { background:url(../images/headers/summer_institute.jpg) no-repeat; width:579px; height:272px;} /*------- Layout --------*/ h1.logo a:hover{background-position: bottom left;} h1.logo a{ display: block; width: 386px; height: 111px; margin:30px 0 0 40px; background:url(../images/header_logo.png) no-repeat; text-indent:-9999px; font-size: 0px; float:left; } h1.donate a:hover{background-position: bottom left;} h1.donate a{ display: block; width: 192px; height: 105px; margin:50px 25px 0 0; background:url(../images/donate_now.gif) no-repeat; text-indent:-9999px; font-size: 0px; float:right; } h1.logoOLC a:hover{background-position: bottom left;} h1.logoOLC a{ display: block; width:223px; height: 63px; margin:18px 0 0 40px; background:url(../images/header_logoOLC.png) no-repeat; text-indent:-9999px; font-size: 0px; float:left; } #mainContent { margin: 0 245px 0 30px; } #mainContent p{ font:14px Arial, Helvetica, sans-serif; color:#000000; line-height:25px; padding: 0 20px 20px 0px; } #mainContent a{ color:#003366;} #mainContent ul{ margin:0 0 10px 50px; } #mainContent ol { margin:0 0 10px 50px; } #mainContent li{ font:14px Arial, Helvetica, sans-serif; color:#000000; line-height:25px;} #mainContent li a{color:#003366;} #mainContent h1{ font:normal 27px Georgia; line-height:normal; color:#004973; text-align:left; padding: 10px 0 8px 0; } #mainContent h2{ font:normal 19px Georgia; line-height:normal; color:#004973; text-align:left; padding: 0 0 5px 0; } #mainContent h3{ font:bold 15px Arial, Helvetica, sans-serif; line-height:normal; color:#000000; text-align:left; padding:10px 0 3px 0; } #mainContentWIDE { margin: 0 30px 0 35px; } #mainContentWIDE p{ font:14px Arial, Helvetica, sans-serif; color:#000000; line-height:25px; padding: 5px 20px 15px 0px; } #mainContentWIDE a{ color:#003366;} #mainContentWIDE ul{ margin:10px 0 10px 50px; } #mainContentWIDE li{ font:14px Arial, Helvetica, sans-serif; color:#000000; line-height:25px;} #mainContentWIDE li a{color:#003366;} #mainContentWIDE h1{ font:normal 27px Georgia; line-height:normal; color:#004973; text-align:left; padding: 10px 0 8px 0; } #mainContentWIDE h2{ font:normal 19px Georgia; line-height:normal; color:#004973; text-align:left; padding: 20px 0 8px 0; } #mainContentContacts { margin: 0 0 0 30px; } #mainContentContacts p{ font:14px Arial, Helvetica, sans-serif; color:#000000; line-height:25px; padding: 0 20px 20px 0px; } #mainContentContacts a{ color:#003366;} #mainContentContacts ul{ margin:0 0 10px 50px; } #mainContentContacts ol { margin:0 0 10px 50px; } #mainContentContacts li{ font:14px Arial, Helvetica, sans-serif; color:#000000; line-height:25px;} #mainContentContacts li a{color:#003366;} #mainContentContacts h1{ font:normal 27px Georgia; line-height:normal; color:#004973; text-align:left; padding: 10px 0 8px 0; } #mainContentContacts h2{ font:normal 19px Georgia; line-height:normal; color:#004973; text-align:left; padding: 0 0 5px 0; } #mainContentContacts h3{ font:bold 15px Arial, Helvetica, sans-serif; line-height:normal; color:#000000; text-align:left; padding:10px 0 3px 0; } /*------- Footer --------*/ #footer { font: 11px Arial, Helvetica, sans-serif; border-top:#cccccc 1px solid; margin:10px auto; width: 900px; height:20px; padding:10px 0 35px 0; text-align:left; line-height:15px; } #footer p { padding:0 0 0 5px; } #footer a { color:#003366; text-decoration:underline; padding-left:155px;} #footer a:hover { color:#FF6600; text-decoration:none; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } /*------- Navigation --------*/ #Navigation1 { height: 40px; margin: 0 auto; padding: 0; text-align: center; } #nav1 { margin: 0 auto; width:960px; padding: 0; list-style-type: none; } #nav1 li { float: left; margin: 0; padding: 0; height: 40px; background-color: transparent; background-repeat: no-repeat; } #nav1 li a { display: block; background-color: transparent; background-repeat: no-repeat; height: 40px; text-decoration: none; } #nav1 li a:hover { text-decoration: none; background-image: url(../img/navigation10.jpg); } #navHome { width: 110px; background-position: 0 0; background-image: url(../img/navigation10.jpg); } #navHome:hover, #navHomeSel { width: 110px; background-position: 0 -40px; background-image: url(../img/navigation10.jpg); } #navAdvocacy { width: 195px; background-position: -110px 0; background-image: url(../img/navigation10.jpg); } #navAdvocacy:hover, #navAdvocacySel { width: 195px; background-position: -110px -40px; background-image: url(../img/navigation10.jpg); } #navEducation { width: 115px; background-position: -305px 0; background-image: url(../img/navigation10.jpg); } #navEducation:hover, #navEducationSel { width: 115px; background-position: -305px -40px; background-image: url(../img/navigation10.jpg); } #navPubAware { width: 128px; background-position: -420px 0; background-image: url(../img/navigation10.jpg); } #navPubAware:hover, #navPubAwareSel { width: 128px; background-position: -420px -40px; background-image: url(../img/navigation10.jpg); } #navResearch { width: 170px; background-position: -548px 0; background-image: url(../img/navigation10.jpg); } #navResearch:hover, #navResearchSel { width: 170px; background-position: -548px -40px; background-image: url(../img/navigation10.jpg); } #navTechnical { width: 134px; background-position: -718px 0; background-image: url(../img/navigation10.jpg); } #navTechnical:hover, #navTechnicalSel { width:134px; background-position: -718px -40px; background-image: url(../img/navigation10.jpg); } #navContact { width: 108px; background-position: -852px 0; background-image: url(../img/navigation10.jpg); } #navContact:hover, #navContactSel { width:108px; background-position: -852px -40px; background-image: url(../img/navigation10.jpg); } .navText { visibility: hidden; } #Navigation2 { padding:0;text-align: left; height:320px;} #nav2 { width:369px; padding: 0; list-style-type: none; } #nav2 li { float: left; width:369px; margin: 0; padding: 0; height: 63px; background-color: transparent; background-repeat: no-repeat; } #nav2 li a { display: block; background-color: transparent; background-repeat: no-repeat; height: 63px; text-decoration: none; } #nav2 li a:hover { text-decoration: none; background-image: url(../images/navigation2.jpg); } #navYouth { width: 369px; background-position: 0 0; background-image: url(../images/navigation2.jpg); } #navYouth:hover, #navYouthSel { width: 369px; background-position: -369px 0; background-image: url(../images/navigation2.jpg); } #navParents { width: 369px; background-position: 0 -62px; background-image: url(../images/navigation2.jpg); } #navParents:hover, #navParentsSel { width: 369px; background-position: -369px -62px ; background-image: url(../images/navigation2.jpg); } #navProfessionals { width: 369px; background-position: 0 -125px; background-image: url(../images/navigation2.jpg); } #navProfessionals:hover, #navProfessionalsSel { width: 369px; background-position: -369px -125px ; background-image: url(../images/navigation2.jpg); } #navPolicy { width: 369px; background-position: 0 -187px; background-image: url(../images/navigation2.jpg); } #navPolicy:hover, #navPolicySel { width: 369px; background-position: -369px -187px ; background-image: url(../images/navigation2.jpg); } #navMedia { width: 369px; background-position: 0 -254px; background-image: url(../images/navigation2.jpg); } #navMedia:hover, #navMediaSel { width: 369px; background-position: -369px -254px ; background-image: url(../images/navigation2.jpg); } #donatebutton { background-color:#eeeeee; border:1px #cccccc solid; width:150px; vertical-align: middle; padding:5px; margin:0 auto; } #donatebutton a { font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#003366; text-decoration:none; font-weight:bold; } .paragraph{ font:14px Arial, Helvetica, sans-serif; color:#000000; line-height:25px; padding: 0 20px 20px 0px; } #mainContent_cal a{ color:#003366;} #mainContent_cal ul{ margin:0 0 10px 50px; } #mainContent_cal ol { margin:0 0 10px 50px; } #mainContent_cal li{ font:14px Arial, Helvetica, sans-serif; color:#000000; line-height:25px;} #mainContent_cal li a{color:#003366;} .classh1{ font:normal 27px Georgia; line-height:normal; color:#004973; text-align:left; padding: 10px 0 8px 0; } .classh2{ font:normal 19px Georgia; line-height:normal; color:#004973; text-align:left; padding: 0 0 5px 0; } #mainContent_cal h3{ font:bold 15px Arial, Helvetica, sans-serif; line-height:normal; color:#000000; text-align:left; padding:10px 0 3px 0; } .classh1{ font:normal 27px Georgia; line-height:normal; color:#004973; text-align:left; padding: 10px 0 8px 0; } .classh2{ font:normal 19px Georgia; line-height:normal; color:#004973; text-align:left; padding: 0 0 5px 0; } /*--------- Contact Form form { margin:20px 0 15px 0; } form br { line-height:0; } input, textarea, select { background-color:#CCCCCC; border:2px #cccccc solid; height:18px; vertical-align: middle; margin-bottom:6px; padding-top:1px; padding-left:4px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; } textarea { height:51px; overflow:auto; } input.submit, input.submit-contact-main { width:40px; height:30px; cursor:pointer; padding:0; } input.submit-contact-main { margin:0 auto; } .imgfloatrt { float:left; padding:10px; font:11px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; } #contact_staff { border-left:3px solid #ffffff; padding:0 0 0 20px; margin:20px 0 0 80px; font:13px Arial, Helvetica, sans-serif;}-----------*/