/* GLOBAL */

#nav {background:url(/images/index/top-nav-bar.gif) no-repeat;height:40px;padding:19px 0 0 0; margin:0; list-style:none; position:relative;z-index:200}
#nav li {display:block;float:left;}
#nav li a {display:inline; float:left;height:14px;text-decoration:none; padding:0; margin:0 15px 0 0; cursor:pointer; }
#nav li a span {margin-left:-9999px;}
#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}
#nav .sub {background:#526c79;position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover {position:relative}
#nav a:hover {position:relative; white-space:normal;}
#nav :hover ul.sub {left:0; top:14px;height:auto; padding:5px 0 3px 0;filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
#nav :hover ul.sub li {display:block; height:18px;position:relative; float:left; font-weight:normal;margin:0;padding:0}
#nav :hover ul.sub li a {display:block; height:15px; text-decoration:none;margin:0; padding:0; cursor:pointer;}
#nav :hover ul.sub li a span {position:absolute; left:-9999px; margin:0;}
#nav :hover ul.sub li a:hover {background-color:#fff;background-position: 0 -16px; position:relative}

/* FOLKWAYS NAV */

/* FIND RECORDINGS */
#nav .nav1, #nav :hover ul.nav1 li a {width:160px} /* LONGEST SUB NAV ITEM WIDTH */
#nav li a.find-recordings {background:url(/images/nav/find-recordings.gif) no-repeat;width:90px}
#nav :hover ul li a.quick-search {background:url(/images/nav/quick-search.gif) no-repeat}
#nav :hover ul li a.advanced-search {background:url(/images/nav/advanced-search.gif) no-repeat}
#nav :hover ul li a.new-releases {background:url(/images/nav/new-releases.gif) no-repeat}
#nav :hover ul li a.best-sellers {background:url(/images/nav/best-sellers.gif) no-repeat}
#nav :hover ul li a.staff-picks {background:url(/images/nav/staff-picks.gif) no-repeat}
#nav :hover ul li a.browse-by-artist {background:url(/images/nav/browse-by-artist.gif) no-repeat}
#nav :hover ul li a.browse-by-genre {background:url(/images/nav/browse-by-genre.gif) no-repeat}
#nav :hover ul li a.browse-by-collection {background:url(/images/nav/browse-by-collection.gif) no-repeat}
#nav :hover ul li a.browse-by-region {background:url(/images/nav/browse-by-region.gif) no-repeat}
#nav :hover ul li a.browse-by-culture-group {background:url(/images/nav/browse-by-culture-group.gif) no-repeat}
#nav :hover ul li a.browse-by-series {background:url(/images/nav/browse-by-series.gif) no-repeat}
#nav :hover ul li a.folkways-for-kids {background:url(/images/nav/folkways-kids.gif) no-repeat}
#nav :hover ul li a.gift-certificates {background:url(/images/nav/gift-certificates.gif) no-repeat}
#nav :hover ul li a.books {background:url(/images/nav/books.gif) no-repeat}
#nav :hover ul li a.dvds {background:url(/images/nav/dvds.gif) no-repeat}
#nav :hover ul li a.t-shirts {background:url(/images/nav/t-shirts.gif) no-repeat}
#nav :hover ul li a.vinyl {background:url(/images/nav/vinyl.gif) no-repeat}

/* EXPLORE FOLKWAYS */
#nav .nav2, #nav :hover ul.nav2 li a {width:150px} 
#nav li a.explore-folkways {background:url(/images/nav/explore-folkways.gif) no-repeat;width:101px}
#nav :hover ul li a.artist-spotlight {background:url(/images/nav/artist-spotlight.gif) no-repeat}
#nav :hover ul li a.soundscapes {background:url(/images/nav/soundscapes.gif) no-repeat}
#nav :hover ul li a.magazine {background:url(/images/nav/magazine.gif) no-repeat}
#nav :hover ul li a.recording-spotlight {background:url(/images/nav/recording-spotlight.gif) no-repeat}
#nav :hover ul li a.podcasts {background:url(/images/nav/podcasts.gif) no-repeat}
#nav :hover ul li a.radio {background:url(/images/nav/radio.gif) no-repeat}
#nav :hover ul li a.video {background:url(/images/nav/video.gif) no-repeat}

/* TOOLS FOR TEACHING */
#nav .nav3, #nav :hover ul.nav3 li a {width:160px}
#nav li a.tools-for-teaching {background:url(/images/nav/tools-for-teaching.gif) no-repeat;width:108px}
#nav :hover ul li a.introduction {background:url(/images/nav/introduction.gif) no-repeat}
#nav :hover ul li a.lessons-and-activities {background:url(/images/nav/lessons-and-activities.gif) no-repeat}
#nav :hover ul li a.interactive-features {background:url(/images/nav/interactive-features.gif) no-repeat}
#nav :hover ul li a.workshops-for-teachers {background:url(/images/nav/workshops-for-teachers.gif) no-repeat}
#nav :hover ul li a.additional-resources {background:url(/images/nav/additional-resources.gif) no-repeat}
#nav :hover ul li a.subscribe {background:url(/images/nav/subscribe.gif) no-repeat}

/* ABOUT US */
#nav .nav4, #nav :hover ul.nav4 li a {width:170px}
#nav li a.about-us {background:url(/images/nav/about-us.gif) no-repeat;width:50px}
#nav :hover ul li a.mission-and-history {background:url(/images/nav/mission-and-history.gif) no-repeat}
#nav :hover ul li a.news-and-press {background:url(/images/nav/news-and-press.gif) no-repeat}
#nav :hover ul li a.staff {background:url(/images/nav/staff.gif) no-repeat}
#nav :hover ul li a.partnerships {background:url(/images/nav/partnerships.gif) no-repeat}
#nav :hover ul li a.awards {background:url(/images/nav/awards.gif) no-repeat}
#nav :hover ul li a.music-partners {background:url(/images/nav/partners.gif) no-repeat}
#nav :hover ul li a.sponsors {background:url(/images/nav/sponsors.gif) no-repeat}
#nav :hover ul li a.archive-info {background:url(/images/nav/archive-info.gif) no-repeat}
#nav :hover ul li a.support-us {background:url(/images/nav/support-us.gif) no-repeat}
#nav :hover ul li a.jobs {background:url(/images/nav/jobs.gif) no-repeat}

/* CUSTOMER SERVICE */
#nav .nav5, #nav :hover ul.nav5 li a {width:210px}
#nav li a.customer-service {background:url(/images/nav/customer-service.gif) no-repeat;width:100px}
#nav :hover ul li a.account-info {background:url(/images/nav/account-info.gif) no-repeat}
#nav :hover ul li a.ordering-info {background:url(/images/nav/ordering-info.gif) no-repeat}
#nav :hover ul li a.join-our-mailing-list {background:url(/images/nav/join-our-mailing-list.gif) no-repeat}
#nav :hover ul li a.print-catalogues {background:url(/images/nav/print-catalogues.gif) no-repeat}
#nav :hover ul li a.libraries {background:url(/images/nav/libraries.gif) no-repeat}
#nav :hover ul li a.retailers {background:url(/images/nav/retailers.gif) no-repeat}
#nav :hover ul li a.wholesale {background:url(/images/nav/wholesale.gif) no-repeat}
#nav :hover ul li a.licensing {background:url(/images/nav/licensing.gif) no-repeat}
#nav :hover ul li a.download-manager {background:url(/images/nav/manager.gif) no-repeat}
#nav :hover ul li a.download-support {background:url(/images/nav/download-support.gif) no-repeat}
#nav :hover ul li a.shopping-cart {background:url(/images/nav/shopping-cart.gif) no-repeat}
#nav :hover ul li a.faq {background:url(/images/nav/faq.gif) no-repeat}


/* ROLLOVER needs to be below everything to function */
#nav li:hover a, #nav a:hover {background-position:0 -19px;}
