/* 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:#9c7006;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}


/* FOLKLIFE */

/* THE CENTER */
#nav .nav1, #nav :hover ul.nav1 li a {width:150px} /* LONGEST SUB NAV ITEM WIDTH */
#nav li a.the-center {background:url(/images/nav/the-center.gif) no-repeat;width:70px}
#nav :hover ul li a.mission {background:url(/images/nav/nav_mission.gif) no-repeat}
#nav :hover ul li a.legacy {background:url(/images/nav/nav_legacy.gif) no-repeat}
#nav :hover ul li a.staff {background:url(/images/nav/nav_staff.gif) no-repeat}
#nav :hover ul li a.contact {background:url(/images/nav/nav_contact.gif) no-repeat}
#nav :hover ul li a.faq {background:url(/images/nav/nav_faq.gif) no-repeat}
#nav :hover ul li a.press {background:url(/images/nav/nav_press.gif) no-repeat}
#nav :hover ul li a.talkstory {background:url(/images/nav/nav_talkstory.gif) no-repeat}
#nav :hover ul li a.news {background:url(/images/nav/nav_news.gif) no-repeat}

/* ARCHIVES & RESOURCES */
#nav .nav2, #nav :hover ul.nav2 li a {width:170px} 
#nav li a.archives-and-resources {background:url(/images/nav/archives-and-resources.gif) no-repeat;width:143px}
#nav :hover ul li a.about {background:url(/images/nav/nav_about.gif) no-repeat}
#nav :hover ul li a.using {background:url(/images/nav/nav_using_archives.gif) no-repeat}
#nav :hover ul li a.collections {background:url(/images/nav/nav_collections.gif) no-repeat}
#nav :hover ul li a.archivesfaq {background:url(/images/nav/nav_archives_faq.gif) no-repeat}
#nav :hover ul li a.links {background:url(/images/nav/nav_links.gif) no-repeat}
#nav :hover ul li a.index {background:url(/images/nav/nav_index.gif) no-repeat}

/* CULTURAL HERITAGE POLICY */
#nav .nav3, #nav :hover ul.nav3 li a {width:197px}
#nav li a.cultural-heritage-policy {background:url(/images/nav/cultural-heritage-policy.gif) no-repeat;width:162px}
#nav :hover ul li a.policy {background:url(/images/nav/nav_policy.gif) no-repeat}
#nav :hover ul li a.unesco {background:url(/images/nav/nav_unesco.gif) no-repeat}
#nav :hover ul li a.research {background:url(/images/nav/nav_research.gif) no-repeat}
#nav :hover ul li a.pubcultural {background:url(/images/nav/nav_publications_cultural.gif) no-repeat}
#nav :hover ul li a.upcoming {background:url(/images/nav/nav_upcoming.gif) no-repeat}

/* EDUCATION & EXHIBITS */
#nav .nav4, #nav :hover ul.nav4 li a {width:150px}
#nav li a.education-and-exhibits {background:url(/images/nav/education-and-exhibits.gif) no-repeat;width:133px}
#nav :hover ul li a.cultural {background:url(/images/nav/nav_cultural.gif) no-repeat}
#nav :hover ul li a.resources {background:url(/images/nav/nav_resources.gif) no-repeat}
#nav :hover ul li a.publications {background:url(/images/nav/nav_publications.gif) no-repeat}
#nav :hover ul li a.exhibitions {background:url(/images/nav/nav_exhibitions.gif) no-repeat}

/* JOIN US */
#nav .nav5, #nav :hover ul.nav5 li a {width:150px}
#nav li a.join-us {background:url(/images/nav/join-us.gif) no-repeat;width:45px}
#nav :hover ul li a.employment {background:url(/images/nav/nav_employment.gif) no-repeat}
#nav :hover ul li a.fellowships {background:url(/images/nav/nav_fellowships.gif) no-repeat}
#nav :hover ul li a.internships {background:url(/images/nav/nav_internships.gif) no-repeat}
#nav :hover ul li a.volunteers {background:url(/images/nav/nav_volunteers.gif) no-repeat}
#nav :hover ul li a.mailing {background:url(/images/nav/nav_mailing.gif) no-repeat}

/* SUPPORT OUR WORK */
#nav .nav6, #nav :hover ul.nav6 li a {width:150px}
#nav li a.support-our-work {background:url(/images/nav/support-our-work.gif) no-repeat;width:117px;margin-right:0;}
#nav :hover ul li a.giving {background:url(/images/nav/nav_giving.gif) no-repeat}


/* ROLLOVER needs to be below everything to function */
#nav li:hover a, #nav a:hover {background-position:0 -19px;}