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: right 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; width: 160px} #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; border-left: 1px solid #44AEE0; border-right: 1px solid #88D0EE} #nav ul li a {display: block; float: left; padding: 6px 10px 11px 10px; color: #ffffff; font-size: 14px} #nav ul li:hover a {background: url(../images/back_nav_on.gif) 0 -9px} #nav ul li:hover li a {background-image: none} #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; border: 0} #nav ul ul ul {top: 1px; left: 99%} #nav ul li:hover > ul {visibility: visible} #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 !important; background-image: none !important; width: 145px !important; height: auto !important; border-bottom: 1px solid #2eade2; padding: 5px 10px 5px 17px; color: #2eade2; font-size: 12px} #nav ul li ul li a:hover {background-color: #ffffff !important; color: #2eade2} /* add borders to first and last nav ul */ #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: #0E678C} #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, .events #subnav, .language #subnav, .shop #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; padding-bottom: 20px; vertical-align: top} .pdf td.icon {padding-right: 15px} /* nav on state */ .about #nav ul li#navabout a {background: url(../images/back_nav_on.gif) 0 -9px} .programs #nav ul li#navprograms a {background: url(../images/back_nav_on.gif) 0 -9px} .where #nav ul li#navwhere a {background: url(../images/back_nav_on.gif) 0 -9px} .support #nav ul li#navsupport a {background: url(../images/back_nav_on.gif) 0 -9px} .donate #nav ul li#navdonate a {background: url(../images/back_nav_on.gif) 0 -9px} .events #nav ul li#navevents a {background: url(../images/back_nav_on.gif) 0 -9px} .language #nav ul li#navlanguage a {background: url(../images/back_nav_on.gif) 0 -9px} .shop #nav ul li#navshop a {background: url(../images/back_nav_on.gif) 0 -9px} .media #nav ul li#navmedia a {background: url(../images/back_nav_on.gif) 0 -9px} .contact #nav ul li#navcontact a {background: url(../images/back_nav_on.gif) 0 -9px} /* subnav on state */ #aboutmission #submission a, #aboutwhy #subwhy a, #aboutstory #substory a, #aboutleadership #subleadership a, #aboutpartners #subpartners a, #aboutfaqs #subfaqs a, #aboutcareers #subcareers a, #programsoverview #suboverview a, #programsneighborhood #subneighborhood a, #programsphilosophy #subphilosophy a, #programsstudy #substudy a, #programsspeak #subspeak a, #whereoverview #suboverview a, #whereschools #subschools a, #wherecity #subcity a, #supportoverview #suboverview a, #supportvolunteer #subvolunteer a, #supportlevels #sublevels a, #supportinkind #subinkind a, #supportteacher #subteacher a, #supportstudent #substudent a, #supportevents #subevents a, #supportcorporate #subcorporate a, #supportdonate #subdonate a, #supportfriend #subfriend a, #supporttell #subtell a, #supportnewsletter #subnewsletter a, #donateinkind #subinkind a, #donatedonation #subdonation a, #donatecorporate #subcorporate 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: #0E678C; font-weight: bold} #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} /* 2011-07-23 */ #wrap {width: 980px} #content {width: 735px} #header form {margin-left: 100px} #header form input.text {width: 200px} #content h1 {background-image: none; margin: 20px 0 10px 0; width: auto; height: auto; overflow: visible; color: #5DC31E; font-size: 30px; letter-spacing: -1px} #content h1 b {margin: auto; font-weight: normal} #hero {width: 980px; height: 185px; background: url(../images/hero.jpg); border-top: 1px solid #EAF7FC} #hero ul {margin: 0; padding: 0; list-style: none} #hero ul li p {font-size: 18px; margin: 0; color: #662d91; padding: 52px 500px 0 100px; line-height: 24px} #hero ul li.short p {padding-top: 64px} #hero ul li.long p {padding-top: 40px} #hero ul li p b {font-size: 24px; letter-spacing: -1px} #promos ul li {width: 318px; font-size: 14px} #promos ul li li {width: auto; float: none; padding: 15px 0; text-align: center} #promos ul li a {color: #ffffff; text-decoration: none} #promos ul li .promo {display: block; border: 1px solid red; padding: 20px; height: 210px} #promos ul li .promo span {font-weight: bold; display: block; background: url(../images/arrow.png) no-repeat; padding-left: 22px} #promos ul li h3, #promos ul li h4 {margin: 0; color: #ffffff; line-height: 1em} #promos ul li h3 {text-transform: uppercase; font-size: 22px} #promos ul li h4 {font-size: 16px} #promos ul li a {} #promos ul li.mission .promo {border: 7px solid #BCE5F6; background: #4DBBE8} #promos ul li.mission .promo:hover {background: #1BA6DF} #promos ul li.story .promo {border: 7px solid #DDF1CE; background: #79CE55} #promos ul li.story .promo:hover {background: #44BF22} #promos ul li.links .promo {border: 7px solid #D9DAD9; background: #ececec url(../images/globe.png); padding: 40px; height: 170px} #promos ul li.links a {color: #600D82; font-weight: bold} #promos ul li.links a:hover {color: #3D1050} #header h3 {background: none; font-size: 14px} #header h3 b {margin: auto; font-weight: normal} /* 2011-08-04 reformat homepage promos */ #promos ul li {width: 270px; font-size: 12px} #promos ul li.video {width: 414px} #promos ul li.video .promo {border: 7px solid #eeeeee; background: #dddddd; padding: 0; height: 257px} #promos ul li .promo {height: 217px} .product {float: left; width: 400px; margin-right: 15px} /* 2011-08-23 */ #footer ul li {display: block; float: left} #footer ul li a {display: block; float: left; margin-right: 5px} .twocol div {width: 320px; float: left} /* 2011-11-09 */ #hero {position: relative} #vote {position: absolute; top: 0px; left: 120px}