/*----------------------------------------------------------------------------- Harlem Village Academies Managed by: Blue State Digital (http://www.bluestatedigital.com) version: 2/25/09 author: kyle rush email: rush@bluestatedigital.com, kylerrush@gmail.com website: http://www.kylerush.net -----------------------------------------------------------------------------*/ /* =GENERAL -----------------------------------------------------------------------------*/ /* =reset Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ html{color:#000; background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0}table{border-collapse:collapse; border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0; font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}del,ins{text-decoration:none} /* =TYPOGRAPHY -----------------------------------------------------------------------------*/ /* font-families */ #none {font-family: Verdana, Geneva, sans-serif;} #none {font-family: Georgia, "Times New Roman", Times, serif;} body, div#teacherStories cite {font-family: Verdana, Geneva, sans-serif;} div#teacherStories, body.home div.sidebar h3, div.sidebar h2, div.mainArea h1, div.mainArea h2, div.mainArea h3, div.mainArea h4, div.mainArea h5, div#newsMiddleColumn h1 {font-family: Helvetica, "Arial Narrow", Arial, sans-serif;} #none {font-family: "Times New Roman", Times, serif;} #none {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} code, kbd, pre, tt {font-family: "Courier New", Courier, monospace} /* font-sizes */ div#teacherStories, cite, ul#accordion li {font-size: 10px;} {font-size: 11px;} body.home div.entry h3, body, div.sidebar, div.sidebar h3 {font-size: 13px;} ul#accordion h3 {font-size: 11px;} code, kbd, pre, sub, sup, tt {font-size: 13px;} div.studentQuotes cite, div.ourVision p, ul#accordion span {font-size: 14px;} div.studentQuotes p {font-size: 16px;} div.mainArea h3, div#teacherStories p {font-size: 18px;} div.mainArea h3 {font-size: 20px;} div.mainArea h2 {font-size: 22px;} body.home div.sidebar h3, div#teacherStories h3{font-size: 24px;} {font-size: 26px;} {font-size: 28px;} {font-size: 30px;} div.mainArea h1, div#newsMiddleColumn h1 {font-size: 32px;} div#newsMiddleColumn h1 {padding-bottom:10px} .dropCap:first-letter {font-size: 52px;} /* colors */ body.home div.entry h3, div#teacherStories, div.studentQuotes p, div.ourVision p {color: #fff;} a , div.mainArea h2, div.mainArea h3, div.mainArea h4, div.mainArea h5{color: #993333;} /*red*/ body.home div.sidebar a, div.villageVideo div a, div.villageVideo div {color: #fff;} div.sidebar a, ul#accordion, ul#accordion a {color: #666;} div#newsMiddleColumn h1, .mainArea h1 {color: #003366;} /* miscellaneous */ .interior h1, .interior h2, .interior h3, .interior h4, div#teacherStories cite, ul#accordion h3, .nav_active {font-weight: bold;} {font-style: italic;} div#teacherStories cite {letter-spacing: 0px;} div#teacherStories p {letter-spacing: 1px;} div#teacherStories h3 {letter-spacing: 2px;} div#teacherStories h3 {line-height: 24px;} div#teacherStories h3, div.sidebar h3, ul#accordion h3, div#newsMiddleColumn h1, div.mainArea h1 {text-transform: uppercase;} div.sidebar h3 {letter-spacing: -.5px;} div#subNav h3 {letter-spacing: -.5px;} div.mainArea h1, div.mainArea h2, div.mainArea h3, div.mainArea h4, div.mainArea h5 {font-weight: normal;} /* =links */ a:hover, div.sidebar a, ul#accordion a, div.videoInfoContainer a, div#videoPage div.featured a {text-decoration: none;} a, div.sidebar a:hover, ul#accordion a:hover, div.videoInfoContainer a:hover, div#videoPage div.featured a:hover {text-decoration: underline;} /* =GLOBAL -----------------------------------------------------------------------------*/ body {background: #fff; text-align: center;} div.container {margin: 0 auto; text-align: left; width: 960px;} div#content {margin: 10px 0 0 0;} abbr, acronym {border-bottom: 1px dotted; cursor: help; font-variant: small-caps;} del {text-decoration:line-through;} dfn {border-bottom: 1px dashed; font-style: italic;} dl {margin: 0 0 24px;} dt {font-weight: 700;} dd {padding-left: 24px;} ins {text-decoration: overline;} pre {margin: 0 0 24px; padding: 0 0 0 24px;} sub {bottom: -6.4px; line-height: 16px; position: relative; vertical-align: baseline;} sup {line-height: 16px; position: relative; top: -6.4px; vertical-align: baseline;} strong, b {font-weight: 700;} .dropCap:first-letter {float:left; font-weight:700; line-height: 16px; margin-bottom: -3px; padding: 2px 1.5px 0 0;} .clearfix:after, div#content:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .clearfix , div#content{display: inline-block;} * html .clearfix, *html div#cotnent {height: 1%;} .clearfix, div#content {display: block;} .hidden {display: none;} /* =header */ img#printLogo {display: none;} div#header > div.container > p:first-child {background: url(/page/-/images/applyForJobs.png); height: 25px; margin-left: 819px; text-indent: -900em; width: 141px;} div#header > div.container > p:first-child a {display: block; height: 25px; width: 141px;} div#header h1, div#header div.container p {background: url(/page/-/images/logo.png); height: 35px; margin-bottom: 10px; text-indent: -900em; width: 501px;} div#header h1 a, div#header div.container p a {display: block; height: 35px; width: 501px;} div#navContainer {background: url(/page/-/images/navBg.png) repeat-x; height: 51px; width: 100%;} div#nav {background: url(/page/-/images/nav.png) 0 0 no-repeat; height: 51px; width: 960px; position: relative; z-index: 500;} .nav-level-1 {height: 42px; position: absolute;} li.nav-level-1 a {display: block; height: 42px;} #navAbout {left: 0; width: 185px;} #navTeachers {left: 185px; width: 124px;} #navNewsRoom {left: 309px; width: 142px;} #navCareers {left: 451px; width: 111px;} #navGetInvolved {left: 562px; width: 153px;} #navDonate {left: 715px; width: 245px;} .nav-ul-2 {text-indent: 0;} .nav-ul-2 {background: #0f2d41; padding: 10px; width: 200px; display: none; margin: 0 0 0 0;} .nav-level-2 {margin: 0 0 10px 0; padding: 0 0 0 0; height: 20px;} .nav-ul-2 a {color: #fff; text-decoration: none; padding: 5px;} .nav-ul-2 a:hover {background: #738ca0; text-decoration: none; height: 15px;} /* #nav-ul {position: relative; height: 51px; width: 960px;} .nav-level-1 {float: left; height: 51px; text-indent: -900em; position: relative;} .nav-level-1 a {display: block; height: 51px;} #navAbout {background-position: 0 0; width: 185px;} body.about #navAbout {background-position: 0 -53px;} #navAbout a {width: 185px;} #navTeachers {background-position: -185px 0; width: 124px;} body.teachers #navTeachers {background-position: -185px -53px;} #navTeachers a {width: 124px;} #navNewsRoom {background-position: -309px 0; width: 142px;} body.news #navNewsRoom , body.video #navNewsRoom {background-position: -309px -53px;} #navNewsRoom a {width: 142px;} #navCareers {background-position: -451px 0; width: 111px;} body.careers #navCareers {background-position: -451px -53px;} #navCareers a {width: 111px;} #navGetInvolved {background-position: -562px 0; width: 153px;} body.getInvolved #navGetInvolved {background-position: -562px -53px;} #navGetInvolved a {width: 153px;} #navDonate {background-position: -715px 0; width: 245px;} #navDonate a {width: 245px;} .nav-ul-2 {} */ /* =sidebar */ /* =footer */ div#footer {margin: 10px 0 40px 0; width: 100%; text-align: center;} /* =common */ .outline, div#homeFeature, div#homeInTheNews, div.studentQuotes, div.recentResults, div.ourVision, div.mainArea, #pageContentSub2, div.villageVideo {border: 1px solid #ccc;} .noBorder {border: none !important;} body.home div.entry > img {border: 2px solid #999;} /* =HOMEPAGE -----------------------------------------------------------------------------*/ body.home div#main {float: left; text-align: left; width: 635px;} div#homeFeature {padding: 5px; text-align: center; width: 623px; height: 340px; margin-bottom: 20px;} div#homeFeatureContent {background: #ffffff} #rotatornav{text-align: left; width: 192px; height: 32px; ; padding-right: 5px; margin-top: 13px; float: left} #rotatornav a { border: none; background: #4e677d; color: #fff; text-decoration: none; padding: 10px 12px 10px 13px; margin-bottom: 0; margin-left: 5px; margin-right: 5px;} #rotatornav a.activeSlide { background: #22425b; color: #fff;} #rotatornav a:focus { outline: none; } img#changeWorld {float: left;width: 358px; margin-bottom: 0; margin-top: 6px; margin-right: 0;} p#changeWorld {background: url(/page/-/images/changeTheWorld.gif); height: 48px; margin: 10px 0 10px 35px; text-indent: -900em; width: 562px;} div#homeInTheNews {padding: 10px; width: 615px;} div#homeInTheNews h2 {background: url(/page/-/images/inTheNews.gif); height: 16px; margin: 5px 0 10px 0; text-indent: -900em; width: 140px; } body.home div.entry h3 {background: url(/page/-/images/newsHeaderBg.png) repeat-x; padding: 5px; width: 605px;} body.home div.entry {margin-bottom: 35px;} body.home div.entry > a {float: left; margin: -7px 0 0 0;} body.home div.entry > div.contentContainer {float: right; margin: 0 0 0 10px; width: 363px;} /*body.home div.entry > hr {background: #ccc; height: 1px; width: 60%;}*/ body.home div.entry > div.contentContainer > div:first-child {text-align: center; margin: 15px 0 15px 0;} body.home div.entry > div.contentContainer > div.entryContent {margin: 10px 0 0 0;} hr {color: #ccc; background-color: #ccc; height: 2px; width: 80%; float: left;} body.home div.sidebar {float: right; margin-left: 10px; width: 315px;} div#teacherStories {background: #b4271d url(/page/-/images/lrgRedGrd.png) repeat-x; padding: 8px; /*width: 279px;*/} div#teacherStories h3 {margin: 0 0 10px 0;} div#teacherStories p {margin: 10px 0 10px 0;} div#teacherStories a {display: block; height: 100%; text-indent: -900em; width: 100%;} div#teacherStories cite {display: block; float: right;} img#moreTeacherStories {display: block; margin: 15px 0 0 50px;} body.home div.sidebar > div {margin: 0 0 20px 0; padding: 18px;} div.studentQuotes p {background: url(/page/-/images/blueBg.png); padding: 20px;} div.studentQuotes cite {display: block; float: right;} div.studentQuotes h3 {background: url(/page/-/images/studentQuotes.gif) no-repeat; height: 16px; margin: 5px 0 10px 0; text-indent: -900em; width: 210px;} div.recentResults {background: #eee;} div.recentResults h3 {background: url(/page/-/images/recentResults.gif) no-repeat; height: 16px; margin: 5px 0 10px 0; text-indent: -900em; width: 180px;} div.ourVision h3 {background: url(/page/-/images/ourMission.gif) no-repeat; height: 16px; margin: 5px 0 10px 0; text-indent: -900em; width: 180px;} div.ourVision p {background: url(/page/-/images/blueBg.png); padding: 20px;} div.ourVision a {display: block; margin: 10px 0 0 0;} div.recentResults ul {margin: 0 0 15px 15px;} div.recentResults ul li {list-style-type: disc; padding: 2px 0;} #moreResults {background: url(/page/-/images/moreResults.png); display: block; height: 34px; margin-left: 60px; text-indent: -900em; width: 142px;} /* =feature */ .cycle {position: relative; height: 288px;} .cycle p {position: absolute; bottom: 0; left: 0; z-index: 10; background: rgba(30,60,85,.9); padding: 10px; width: 603px; text-align: left;} .cycle p a {color: #fff; text-decoration: none; font-size: 16px; font-weight: bold;} .cycle img {position: absolute; top: 0; left: 0; z-index: 5;} #rotatorA {height: 295px;} /* =INTERIOR -----------------------------------------------------------------------------*/ div.sidebar {float: left; width: 156px;} div#main {float: right; width: 792px;} div#mainContent {margin: 10px 0 25px 0; padding: 15px 22px; width: 748px;} /* =sidebar */ ul#accordion {border: 1px solid #ccc;} ul#accordion > li {position: relative;} ul#accordion li ul li, div.sidebar ul li ul {border: none;} ul#accordion li h3 {border-top: 1px solid #ccc;} ul#accordion li h3.first {border-top: none;} ul#accordion h3 {padding: 5px;} ul#accordion li ul {padding: 5px 0 0 10px;} ul#accordion li ul li {padding: 0 0 5px 0;} ul#accordion span {position: absolute; top: 5px; right: 5px;} #socialize {margin-bottom:10px; clear:all} /* =subInterior */ #mainContentSub2 {float: left; width: 680px;} #sidebarSub2 {float: right; width: 270px;} div.sub ul#accordion {float: left; width: 150px; margin-bottom:10px} #pageContentSub2 {float: right; margin: 0 0 0 0; width: 480px; padding: 15px 18px;} #sidebarSub2 div {margin: 0 0 10px 0;} .applyTeach {background: url(/page/-/images/applyToTeach.png); height: 73px; text-indent: -900em; with: 270px; margin-bottom: 10px;} .applyTeach a {display: block; height: 73px; width: 270px;} .referTeacher {background: url(/page/-/images/referTeacher.png); height: 73px; text-indent: -900em; with: 270px; margin-bottom: 10px;} .referTeacher a {display: block; height: 73px; width: 270px;} .designedForStudents {background: url(/page/-/images/schoolsDesignedforTeachers.png); height: 73px; text-indent: -900em; with: 270px; margin-bottom: 10px;} .designedForStudents a {display: block; height: 73px; width: 270px;} .designedForTeachers {background: url(/page/-/images/schoolsDesignedforTeachers.png); height: 73px; text-indent: -900em; with: 270px; margin-bottom: 10px;} .designedForTeachers a {display: block; height: 73px; width: 270px;} div.villageVideo {padding: 10px; margin-bottom: 10px;} div.villageVideo h3 {background: url(/page/-/images/videotv.jpg) no-repeat; height: 16px; text-indent: -900em; with: 230px; margin-bottom: 5px;} div.villageVideo div {background: url(/page/-/images/blueBg.png); padding: 10px;} div.mainArea h1 {padding: 0 0 6px 0;} div.mainArea h2 {padding: 0 0 4px 0;} div.mainArea h3 {padding: 0 0 2px 0;} div.mainArea h4 {padding: 0;} div#content address, div#content cite, div#content em, div#content i {font-style:italic;} div.mainArea blockquote p {background: #eee; margin: 0 24px 24px; padding: 12px;} div.mainArea p {line-height: 20px; padding: 0 0 10px 0;} div.mainArea ul, div#content ol {margin: 0 0 .5em; padding: 0 0 0 24px; line-height:20px} div.mainArea li ul, div#content li ol {margin: 0;} div.mainArea ul li {list-style: disc; padding-bottom:3px} div.mainArea li li {padding-left: 24px;} /* Lisa M edited below on 8/14/09 for formatting /pages/values */ /* div.mainArea ol li {list-style: inside decimal;} removed */ div.ordered-lists {counter-reset: list-order; } div.ordered-lists ol li {counter-increment:list-order; list-style-type:none; text-indent: -30px; margin: 5px; } div.ordered-lists ol li:before {content: counter(list-order, decimal) ". "; margin-right: 10px; } /* =news */ div#newsLeftColumn {float: left; width: 680px;} div#newsLeftSidebar {float: left;} div#newsMiddleColumn {float: right; width: 514px;} div#newsMiddleColumn div.entry {background: #ffffff; border: 2px solid #ccc; margin-bottom: 10px;} div#newsMiddleColumn div.clearfix {padding: 10px;} div#newsRightColumn {float: right;} div.entryImg {height: 157px; width: 134px; margin: -6px 0 -8px 0;} div.entryImgContainer {float: left;} div.entryContentContainer {float: right; width: 325px;} div.entrySrcImg {width: 370px; height: 45px; padding-bottom:10px} div.newsArchiveMainArea {padding: 15px;} img#newsArchiveImage {float: right; padding: 0 0 15px 15px;} p.feedIcon {background: url(/page/-/images/feedIconLrg.png); float: right; height: 28px; text-indent: -900em; width: 28px;} p.feedIcon a {display: block; height: 28px; width: 28px;} /* =videos */ div#videoPage div#featured {background: #ebebeb url(/page/-/images/softLrgGrayGradient.png) repeat-x; padding: 33px; border: 2px solid #ccc;} div#videoPage div#featured, div#videoPage > p, div.videoInfoContainer, div#videoPage div#featured a, div.videoInfoContainer a, div#videoDescription {color: #003366;} div#videoPage div#featured {font-size: 21px;} div#videoPage div#featured h3, div#videoPage div.featured h3 a, div#videoPage > p, div.videoInfoContainer h3 {font-weight: bold;} div#videoPage > p, div.videoInfoContainer, div#videoDescription {font-size: 16px;} div#videoPage > p {text-transform: uppercase;} div#videoPage > p {padding: 20px 0 8px 0;} div#videoPage div#videoEntry {background: #ebebeb url(/page/-/images/softLrgGrayGradient.png) repeat-x; border: 1px solid #ccc; padding: 10px;} div#videoPage div.thumbnailContainer {float: left;} div.videoInfoContainer {float: right; margin-left: 10px; width: 267px;} p.playBtn {background: url(/page/-/images/playBtn.png) no-repeat; height: 27px; text-indent: -900em; width: 67px; margin-top: 20px;} p.playBtn a {display: block; height: 27px; width: 67px;} div#videoEntry {margin-bottom: 15px;} div#videoDescription {margin-top: 10px;} #go_back_video {margin-top:15px} div#subNav {width: 156px; float: left;} img#pagesHeaderImg {margin-bottom: 10px;} img#quote {margin-bottom: 10px;} /* =overrides */ .nav_active {color: #000;} /* =contribution forms */ #main_donate {width: 960px;} #mainContent_donate {margin:10px 0 25px;padding:15px 22px;width:960px;} #mainContent_donate #contribution td {line-height:20px} #mainContent_donate #contribution td.contribheader {color:#993333; border-bottom:1px solid #ccc; font-size:14px; font-weight:bold} #mainContent_donate #contribution label {text-transform:uppercase; font-weight:550} #mainContent_donate td.contribcolumn td {padding-top:10px} #mainContent_donate #contribution label .radio {padding-left:5px;padding-right:8px;} #mainContent_donate #contribution input[type="checkbox"] {margin-bottom:20px;margin-right:10px;margin-top:3px;} #mainContent_donate #contribution input {background-color:#FFFFFF;border:1px solid #ccc;font-size:15px;padding:3px;} #mainContent_donate #contribution input[name="zip"] {width:70px;} #mainContent_donate #contribution input#processbutton {background:transparent url(/page/-/images/HarlemVA_signup.jpg); width: 202px; height:54px; border:none; overflow:hidden; text-indent: -999em;} #mainContent_donate #contribution input#processbutton:hover {cursor: pointer;} #mainContent_donate #contribution select {font-size:17px} #mainContent_donate div#main_donate_small {width: 650px; float: float: left;} .container .child{ float: left; margin: 0 15px 0 0; } /* =signup forms */ body #signup td {line-height:20px} body #signup td.contribheader {color:#993333; border-bottom:1px solid #ccc; font-size:14px; font-weight:bold} body #signup label {text-transform:uppercase} body td.contribcolumn td {padding-top:10px} body #signup label .radio {padding-left:5px;padding-right:8px;} body #signup input[type="checkbox"] {margin-bottom:15px;margin-right:10px;margin-top:3px;} body #signup input {background-color:#FFFFFF;border:1px solid #ccc;font-size:15px;padding:3px;} body #signup input[name="zip"] {width:70px;} body #signup td#submit input {background:transparent url(/page/-/images/HarlemVA_signup.jpg); width:202px; height:54px; border:none; overflow:hidden} body #signup select {font-size:15px} /* =quote */ #generalQuote {background: #999; padding: 15px; width: 126px; color: #fff; -moz-border-radius: 1px; -webkit-border-radius: 1px; margin: 0 0 10px 0;} #generalQuote h3 {font-size: 12px; font-weight: 600; margin: 0 0 8px 0; text-transform:none} #generalQuote p {font-size: 11px; } /* =signup form */ #left62p5percent {width: 590px; float: left;} #right37p5percent {width: 350px; float: right;} /* =events page */ #detailtable {padding:10px; background:#eee;} body div.container div#content div#contentContainer div#SKIN.module_event2 #detailtable {border: none;} /*#eventdetail .title .type {font-size:.8em;font-weight:normal;display:block;color:#666;}*/ /*#eventdetail .description {line-height:1.25em;font-size:1.2em;}*/ table#detailtable {font-size:13px; line-height:1.05em;} table#detailtable tr {background-color:#eee;} table#detailtable tr th {padding:5px 0px 0px 5px; font-size:11px; color:#003366; text-transform:uppercase} table#detailtable tr td {padding:5px 5px 0px 0} table#detailtable ul {margin: 4px 0;} table#detailtable ul li {margin: 0 0 3px 0;} #eventsearch #count {display:none} body#bodyBSD div#SKIN.module_event2 input {margin: 4px 0 7px 0;} body#bodyBSD div#SKIN.module_event2 select {margin: 10px 0 5px 0;} body#bodyBSD div#SKIN.module_event2 label {margin: 0 0 0 5px;} /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #CFDEFF; padding: .75em 1em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #13a; } .sf-menu li { background: #BDD2FF; } .sf-menu li li { background: #AABDE6; } .sf-menu li li li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #CFDEFF; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; }