/* dark nav (light is in basic04mag) */ #navPF { width:121px; background:url(../uimages/nav/pf-top-long.gif) repeat-y } #navPF #top { padding:13px 13px 8px } #navPF #top div { padding:5px 0 } #navPF #top div a { padding:0; display:block } #navPF #bot { height:15px; background:url(../uimages/nav/pf-bot.gif) no-repeat } #nav { width:156px } #nav #top { background:url(../_nav/04/dk/bg-top.jpg) no-repeat; padding:7px 18px 0 20px } #nav #bot { background:url(../_nav/04/dk/bg-bot.gif) no-repeat #929FAB; padding-bottom:20px; clear:both } #nav #top div, #nav #top div a { display:block; height:27px; background-repeat:no-repeat; text-indent:-2000em } #nav #top div.mag, #nav #top div.mag a, #nav #top div.voices, #nav #top div.voices a, #nav #top div.unbound, #nav #top div.unbound a { height:38px } #nav #top div.featON, #nav #top div.featON a, #nav #top div.univON, #nav #top div.univON a, #nav #top div.storeON, #nav #top div.storeON a, #nav #top div.donateON, #nav #top div.donateON a, #nav #top div.directON, #nav #top div.directON a { display:block; height:36px; background-repeat:no-repeat; background-position:0 7px } #nav #top div.magON, #nav #top div.magON a, #nav #top div.voicesON, #nav #top div.voicesON a, #nav #top div.unboundON, #nav #top div.unboundON a { display:block; height:40px; background-repeat:no-repeat; background-position:0 7px } /* this will be a SPAN, to allow the "#nav div" selector above */ #nav span#subNav { display:block; margin:0 0 10px 5px; padding:6px 0 3px } #nav span#subNav a { display:block; margin:0 0 4px 7px; color:#e5e5e5; font-size:9px; padding-left:10px } #nav span#subNav a:hover { color:#fff } /* subnav variations by section */ #nav span.mag { border-left:1px solid #4A7DCB; border-right:1px solid #4A7DCB; border-bottom:1px solid #4A7DCB } #nav span.mag a { background:url(../_nav/04/dk/sub/mag-BULLET.gif) 0 1px no-repeat } #nav span.mag a.on { color:#7EB1FF !important } #nav span.unbound { border-left:1px solid #D7781F; border-right:1px solid #D7781F; border-bottom:1px solid #D7781F } #nav span.unbound a { background:url(../_nav/04/dk/sub/ub-BULLET.gif) 0 1px no-repeat } #nav span.unbound a.on { color:#FF8D22 !important } #nav span.voices { border-left:1px solid #4B92AB; border-right:1px solid #4B92AB; border-bottom:1px solid #4B92AB } #nav span.voices a { background:url(../_nav/04/dk/sub/ev-BULLET.gif) 0 1px no-repeat } #nav span.voices a.on { color:#6CD3F7 !important } #nav div.home, #nav div.home a { background-image:url(../_nav/04/dk/home.gif) } #nav div.home a:hover { background-image:url(../_nav/04/dk/home-over.gif) } #nav div.homeON { background-image:url(../_nav/04/dk/home-on.gif) } #nav div.feat, #nav div.feat a { background-image:url(../_nav/04/dk/features.gif) } #nav div.feat a:hover { background-image:url(../_nav/04/dk/features-over.gif) } #nav div.featON { background-image:url(../_nav/04/dk/features-on.gif) } #nav div.mag, #nav div.mag a { background-image:url(../_nav/04/dk/mag.gif) } #nav div.mag a:hover { background-image:url(../_nav/04/dk/mag-over.gif) } #nav div.magON { background-image:url(../_nav/04/dk/mag-on.gif) } #nav div.voices, #nav div.voices a { background-image:url(../_nav/04/dk/events.gif) } #nav div.voices a:hover { background-image:url(../_nav/04/dk/events-over.gif) } #nav div.voicesON { background-image:url(../_nav/04/dk/events-on.gif) } #nav div.unbound, #nav div.unbound a { background-image:url(../_nav/04/dk/unbound.gif) } #nav div.unbound a:hover { background-image:url(../_nav/04/dk/unbound-over.gif) } #nav div.unboundON { background-image:url(../_nav/04/dk/unbound-on.gif) } #nav div.univ, #nav div.univ a { background-image:url(../_nav/04/dk/univ.gif) } #nav div.univ a:hover { background-image:url(../_nav/04/dk/univ-over.gif) } #nav div.univON { background-image:url(../_nav/04/dk/univ-on.gif) } #nav div.store, #nav div.store a { background-image:url(../_nav/04/dk/store.gif) } #nav div.store a:hover { background-image:url(../_nav/04/dk/store-over.gif) } #nav div.storeON { background-image:url(../_nav/04/dk/store-on.gif) } #nav div.donate, #nav div.donate a { background-image:url(../_nav/04/dk/donate.gif) } #nav div.donate a:hover { background-image:url(../_nav/04/dk/donate-over.gif) } #nav div.donateON { background-image:url(../_nav/04/dk/donate-on.gif) } #nav div.direct, #nav div.direct a { background-image:url(../_nav/04/dk/directory.gif) } #nav div.direct a:hover { background-image:url(../_nav/04/dk/directory-over.gif) } #nav div.directON { background-image:url(../_nav/04/dk/directory-on.gif) } #srch { background:url(../_nav/04/dk/dir/search-bg.gif) no-repeat; width:156px; height:121px } #srch #cont { padding:40px 0 0 27px } #srch #cont form { display:inline } #srch select { font-size:10px; width:104px; display:block } #srch input.search { display:block; float:left; border: 1px solid #787F82; background-color: #FEFEFE; width: 78px; font-size: 9px; color: #003852; padding:0; margin:5px 0 0; } #srch input.go { width:16px; height:15px; display:inline; float:left; margin:5px 0 0 6px; border:0; background:url(../_nav/04/dk/dir/go.gif) no-repeat transparent; cursor:hand } #srch input.go:hover, #srch input.goHover { cursor:hand; background:url(../_nav/04/dk/dir/go-over.gif) no-repeat transparent } #srch a.map { background:url(../_nav/04/dk/dir/sitemap.gif) no-repeat 0 4px; height:17px; width:100px; display:block; text-indent:-2000em } #srch a.map:hover { background-image:url(../_nav/04/dk/dir/sitemap-over.gif) }