a {color: #1ba6df; text-decoration: none} a:hover {color: #959595} a img {border: 0} .clear {clear: both} body {margin: 0px; background-color: #ffffff; background-image: url(../images/back.gif); background-repeat: no-repeat; background-position: center top; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #898989} #wrap {width: 720px; margin: 0 auto; background-color: #ffffff; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1} #header {background-image: url(../images/back_header.gif); background-repeat: no-repeat; background-position: bottom; height: 100px; overflow: hidden} #header #logo {float: left; padding: 5px 0 0 20px} #header h3 {float: left; background-image: url(../images/tagline.gif); width: 220px; height: 50px; overflow: hidden; padding: 0; margin-top: 23px} #header h3 b {margin-left: -999px} #header form {float: left; margin: 0; padding: 30px 0 0 20px} #header form b {color: #959595; font-size: 14px; text-transform: uppercase} #header form input {vertical-align: top} #header form input.text {width: 120px; border: 1px solid #959595} #header ul {float: right; margin: 0; padding: 13px 15px 0 13px; height: 80px; list-style: none; border-left: 1px solid #e1e1e1} #header ul li {padding: 2px 0} #flash {border-top: 1px solid #e1e1e1} #nav {background-image: url(../images/back_nav.gif); background-repeat: repeat-x; height: 33px; padding-top: 9px} #nav ul {margin: 0; padding: 0 0 0 18px; list-style: none} #nav ul li {display: block; float: left; height: 33px} #nav ul li a {display: block; float: left; height: 33px; overflow: hidden; background-position: 0 0} #nav ul li a:hover {background-position: 0 -33px} #nav ul li a b {margin-left: -999px} #nav ul li#navabout a {background-image: url(../images/nav_about.gif); width: 96px} #nav ul li#navprograms a {background-image: url(../images/nav_programs.gif); width: 100px} #nav ul li#navwhere a {background-image: url(../images/nav_where.gif); width: 142px} #nav ul li#navsupport a {background-image: url(../images/nav_support.gif); width: 109px} #nav ul li#navmedia a {background-image: url(../images/nav_media.gif); width: 125px} #nav ul li#navcontact a {background-image: url(../images/nav_contact.gif); width: 108px} #nav ul {position: relative; z-index: 597; float: left} #nav ul li {float: left; line-height: 1.3em; vertical-align: middle; zoom: 1} #nav ul li.hover, #nav ul li:hover {position: relative; z-index: 599; cursor: default} #nav ul ul {visibility: hidden; position: absolute; top: 32px; left: 0; z-index: 598} #nav ul ul li {float: left; display: block} #nav ul ul ul {top: 1px; left: 99%} #nav ul li:hover > ul {visibility: visible} #nav ul li:hover a {background-position: 0 -33px !important} #nav ul li ul {background-color: #2eade2; padding: 1px 1px 5px 1px} #nav ul li ul li {height: auto !important} #nav ul li ul li a {float: left; display: block; background-color: #b8e3f5; background-image: none !important; width: 145px !important; height: auto !important; border-bottom: 1px solid #2eade2; padding: 5px 10px 5px 17px; color: #2eade2} #nav ul li ul li a:hover {background-color: #ffffff; color: #2eade2} /* add borders to first and last nav ul */ #nav ul li {height: 29px} #nav ul li.first {border-left: 1px solid #44AEE0} #nav ul li.last {border-right: 1px solid #88D0EE} #promos {padding: 7px} #promos ul {margin: 0; padding: 0; list-style: none} #promos ul li {display: block; float: left; margin: 0 5px 0 0} #promos ul li.last {margin: 0} #promos ul li img {border: 0} #main {padding: 10px 30px 30px 10px} #subnav {width: 180px; float: left; background-image: url(../images/back_subnav.gif); background-repeat: no-repeat; margin-bottom: 150px} #subnav .inside {width: 150px; padding: 12px 15px 25px 15px; float: left; background-image: url(../images/inside_subnav.gif); background-repeat: no-repeat; background-position: bottom} #subnav h2 {margin: 0 10px 0 0; padding: 0 0 5px 0; border-bottom: 1px dashed #e1e1e1; color: #0495d5; font-size: 16px} #subnav ul {margin: 10px 0 0 0; padding: 0; list-style: none} #subnav ul li {display: block; padding: 1px 0} #subnav ul li a {display: block; padding: 2px 0 2px 8px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0 7px; color: #898989} #subnav ul li a:hover {background-image: url(../images/bullet_on.gif); color: #555555} #content {width: 475px; float: right; font-size: 14px; line-height: 1.3em; color: #666666} /*#content h1 {width: 475px; height: 50px; margin: 0; overflow: hidden}*/ #content h1 {width: 505px; height: 50px; margin: 0 -30px 0 0; overflow: hidden} #content h1 b {margin-left: -999px} #content h2 {font-size: 18px; font-weight: normal} #footer {background-color: #ebebeb; border: 5px solid #e1e1e1; border-bottom: 30px solid #e1e1e1; padding: 10px} #footer ul {margin: 0; padding: 0; list-style: none; float: left} #footer a {color: #898989} #footer a:hover {color: #555555} #footer p {float: right; text-align: right; margin: 0} .contact #subnav, .privacy #subnav {display: none} .form {} .form td {padding: 2px 10px 2px 0} .form td.label {font-size: 11px; font-weight: bold} .form td.input {border-left: 1px solid #e1e1e1; padding-left: 5px} .donate {} .donate td {padding: 4px 10px 2px 0; border-top: 1px solid #e1e1e1} .donate tr.last td {border-bottom: 1px solid #e1e1e1} .donate td.label {font-size: 14px; font-weight: bold} .donate td.button {text-align: right} .donate td.button form {margin: 0; padding: 0} .partners {} .partners td {padding: 10px 0; vertical-align: top} .partners td.logo {width: 176px; text-align: right; padding-right: 15px} .pdf {margin-top: 20px} .pdf td {font-size: 14px} .pdf td.icon {padding-right: 15px} /* nav on state */ .about #nav ul li#navabout a {background-position: 0 -66px} .programs #nav ul li#navprograms a {background-position: 0 -66px} .where #nav ul li#navwhere a {background-position: 0 -66px} .support #nav ul li#navsupport a {background-position: 0 -66px} .media #nav ul li#navmedia a {background-position: 0 -66px} .contact #nav ul li#navcontact a {background-position: 0 -66px} /* subnav on state */ #aboutmission #submission a, #aboutwhy #subwhy a, #aboutstory #substory a, #aboutleadership #subleadership a, #aboutpartners #subpartners a, #aboutfaqs #subfaqs a, #programsoverview #suboverview a, #programsafterschool #subafterschool a, #programsneighborhood #subneighborhood a, #programsphilosophy #subphilosophy a, #programsstudy #substudy a, #whereschools #subschools a, #supportoverview #suboverview a, #supportteacher #subteacher a, #supportstudent #substudent a, #supportcorporate #subcorporate a, #supportdonate #subdonate a, #supportfriend #subfriend a, #supporttell #subtell a, #supportnewsletter #subnewsletter a, #mediaoverview #suboverview a, #mediamission #submission a, #mediafact #subfact a, #mediapress #subpress a, #medianews #subnews a, #mediaorganizations #suborganizations a {background-image: url(../images/bullet_on.gif); color: #555555; font-weight: bold} /* page title graphics */ #aboutmission h1 {background-image: url(../images/about_mission.gif)} #aboutwhy h1 {background-image: url(../images/about_why.gif)} #aboutstory h1 {background-image: url(../images/about_story.gif)} #aboutleadership h1 {background-image: url(../images/about_leadership.gif)} #aboutpartners h1 {background-image: url(../images/about_partners.gif)} #aboutfaqs h1 {background-image: url(../images/about_faqs.gif)} #programsoverview h1 {background-image: url(../images/programs_overview.gif)} #programsafterschool h1 {background-image: url(../images/programs_afterschool.gif); height: 80px} #programsneighborhood h1 {background-image: url(../images/programs_neighborhood.gif); height: 80px} #programsphilosophy h1 {background-image: url(../images/programs_philosophy.gif); height: 80px} #programsstudy h1 {background-image: url(../images/programs_study.gif); height: 80px} #whereschools h1 {background-image: url(../images/where_schools.gif)} #supportoverview h1 {background-image: url(../images/support_overview.gif)} #supportteacher h1 {background-image: url(../images/support_teacher.gif)} #supportstudent h1 {background-image: url(../images/support_student.gif)} #supportcorporate h1 {background-image: url(../images/support_corporate.gif)} #supportdonate h1 {background-image: url(../images/support_donate.gif)} #supportfriend h1 {background-image: url(../images/support_friend.gif)} #supporttell h1 {background-image: url(../images/support_tell.gif)} #supportnewsletter h1 {background-image: url(../images/support_newsletter.gif)} #supportthanks h1 {background-image: url(../images/support_thanks.gif)} #mediaoverview h1 {background-image: url(../images/media_overview.gif)} #mediamission h1 {background-image: url(../images/media_mission.gif)} #mediafact h1 {background-image: url(../images/media_fact.gif)} #mediapress h1 {background-image: url(../images/media_press.gif)} #medianews h1 {background-image: url(../images/media_news.gif)} #mediaorganizations h1 {background-image: url(../images/media_organizations.gif)} #contact h1 {background-image: url(../images/contact.gif)} #contactthanks h1 {background-image: url(../images/contact_thanks.gif)} #privacy h1 {background-image: url(../images/privacy.gif)} #vote #content {width: 655px} #vote #content h2 {color: #5dc31e; font-size: 24px; font-weight: bold; margin-top: 20px} #vote #content h3 {color: #1ba5de; font-size: 18px; font-weight: bold; margin-top: 20px} #votebanner {margin-top: 10px} #votedesc {background-image: url(../images/vote_background.gif); height: 256px; padding: 25px 35px 0 45px} #votedesc h1 {color: #ffffff; margin: 0; font-size: 28px; font-weight: bold; letter-spacing: -1px} #votedesc #video {float: right; border: 5px solid #6bc6eb; margin: -10px 0 0 20px} #votedesc p {color: #ffffff; font-size: 14px; font-weight: bold; line-height: 1.8em; letter-spacing: -1px; margin-top: 5px} #votedesc p a, #votedesc p a:hover {color: #ffffff; text-decoration: underline} /*#flash {display: none}*/ #footer p span {margin: 0 5px}