/* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.stunicholls.com/menu/pro_drop_2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #nav_menu {padding-left:0px;padding-top:0px;margin:0px 0px 0px 0px; list-style:none;position:relative; z-index:2; font-family:arial, verdana, sans-serif;} #nav_menu li.top {display:block; float:left; height:31px;} #nav_menu li a.top_link {display:block; float:left; height:31px;} #nav_menu li a.top_link b {position:absolute; left:-9999px;} #nav_menu li a.top_link span {float:left; padding:0 0px 0 0px; height:31px;} #nav_menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:31px;} #nav_menu li a#tickets {background:url(../img/fvr-tickets-nav.jpg) no-repeat left top; width:179px;} #nav_menu li a#education {background:url(../img/educationnav.jpg) no-repeat left top; width:118px;} #nav_menu li a#press{background:url(../img/fvr-press-nav.jpg) no-repeat left top; width:91px;} #nav_menu li a#join{background:url(../img/fvr-join-nav.jpg) no-repeat left top; width:91px;} #nav_menu li a#visit{background:url(../img/fvr-visit-nav.jpg) no-repeat left top; width:99px;} #nav_menu li a#about{background:url(../img/fvr-about-nav.jpg) no-repeat left top; width:89px;} #nav_menu li a#contact{background:url(../img/fvr-contact-nav.jpg) no-repeat left top; width:108px;} #nav_menu li a#casestudies {background:url(../imgs/casestudiesnav.jpg) no-repeat left top; width:143px;} #nav_menu li a#media {background:url(../imgs/medianav.png) no-repeat left top; width:86px;} #nav_menu li a#connect {background:url(../imgs/connectnav.jpg) no-repeat left top; width:86px;} #nav_menu li a#tickets:hover, #nav_menu li a#education:hover, #nav_menu li a#press:hover, #nav_menu li a#join:hover, #nav_menu li a#visit:hover, #nav_menu li a#about:hover, #nav_menu li a#contact:hover {background-position:left -31px;} #nav_menu li a#ourwork:hover{background-position:left -34px;} #nav_menu li:hover a.top_link {color:#ccc;} /* Default list styling */ #nav_menu li:hover {position:relative; z-index:200;} #nav_menu li:hover ul.sub {left:0px; top:0px; background:url(../img/fvr-tickets-nav.jpg) no-repeat left bottom; width:179px; height:228px; z-index:500;} #nav_menu li:hover ul.sub_edu {left:0px; top:0px; background:url(../img/educationnav.jpg) no-repeat left bottom; width:118px; height:131px; z-index:500;} #nav_menu li:hover ul.sub_press {left:0px; top:0px; background:url(../img/fvr-press-nav.jpg) no-repeat left bottom; width:91px; height:156px; z-index:500;} #nav_menu li:hover ul.sub_join {left:0px; top:0px; background:url(../img/fvr-join-nav.jpg) no-repeat left bottom; width:91px; height:205px; z-index:500;} #nav_menu li:hover ul.sub_visit {left:0px; top:0px; background:url(../img/fvr-visit-nav.jpg) no-repeat left bottom; width:99px; height:156px; z-index:500;} #nav_menu li:hover ul.sub_about {left:0px; top:0px; background:url(../img/fvr-about-nav.jpg) no-repeat left bottom; width:89px; height:131px; z-index:500;} #nav_menu li:hover ul.sub_contact {left:0px; top:0px; background:url(../img/fvr-contact-nav.jpg) no-repeat left bottom; width:108px; height:156px; z-index:500;} #nav_menu li:hover ul.sub_news {left:0px; top:0px; background:url(../imgs/news2.gif) no-repeat left bottom; width:119px; height:82px; z-index:500; padding-top:30px;} #nav_menu li:hover ul li {float:left; width:100%; margin-top:31px;} #nav_menu li:hover ul li a#onstage{display:block;background:url(../img/onstage.jpg) no-repeat left top; height: 24px;width:179px;} #nav_menu li:hover ul li a#events{display:block;background:url(../img/special-events.jpg) no-repeat left top; height: 24px;width:179px;} #nav_menu li:hover ul li a#students{display:block;background:url(../img/students.jpg) no-repeat left top; height: 24px;width:179px;} #nav_menu li:hover ul li a#subscribe{display:block;background:url(../img/subscribe.jpg) no-repeat left top; height: 24px;width:179px;} #nav_menu li:hover ul li a#bring{display:block;background:url(../img/bring.jpg) no-repeat left top; height: 24px;width:179px;} #nav_menu li:hover ul li a#buytickets{display:block;background:url(../img/buytickets.jpg) no-repeat left top; height: 24px;width:179px;} #nav_menu li:hover ul li a#collider{display:block;background:url(../img/collider-nav.jpg) no-repeat left top; height: 24px;width:179px;} #nav_menu li:hover ul li a#summerfest{display:block;background:url(../img/summerfest-nav.jpg) no-repeat left top; height: 24px;width:179px;} #nav_menu li:hover ul li a#nftacademy{display:block;background:url(../img/nftacademynav.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#backstage{display:block;background:url(../img/backstagenav.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#youthauditions{display:block;background:url(../img/youthauditions.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#youthinternships{display:block;background:url(../img/youthinternshipsnav.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#mainpress{display:block;background:url(../img/mainpress.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#reviews{display:block;background:url(../img/reviews.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#archives{display:block;background:url(../img/archives.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#artwork{display:block;background:url(../img/artwork.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#presskit{display:block;background:url(../img/presskit.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#support{display:block;background:url(../img/support.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#community{display:block;background:url(../img/community.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#employment{display:block;background:url(../img/employment.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#internships{display:block;background:url(../img/internships.jpg) no-repeat left top; height: 48px;width:118px;} #nav_menu li:hover ul li a#auditions{display:block;background:url(../img/auditions.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#youthauditionsjoin{display:block;background:url(../img/youthauditionsjoin.jpg) no-repeat left top; height: 48px;width:91px;} #nav_menu li:hover ul li a#volunteers{display:block;background:url(../img/volunteers.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#directions{display:block;background:url(../img/directions.jpg) no-repeat left top; height: 24px;width:99px;} #nav_menu li:hover ul li a#overnightpackages{display:block;background:url(../img/overnightpackages.jpg) no-repeat left top; height: 48px;width:99px;} #nav_menu li:hover ul li a#phesantrun{display:block;background:url(../img/phesantrun.jpg) no-repeat left top; height: 24px;width:99px;} #nav_menu li:hover ul li a#dinnerpackages{display:block;background:url(../img/dinnerpackages.jpg) no-repeat left top; height: 48px;width:99px;} #nav_menu li:hover ul li a#groupvisit{display:block;background:url(../img/groupvisit.jpg) no-repeat left top; height: 48px;width:99px;} #nav_menu li:hover ul li a#aboutstaff{display:block;background:url(../img/aboutstaff.jpg) no-repeat left top; height: 24px;width:89px;} #nav_menu li:hover ul li a#history{display:block;background:url(../img/history.jpg) no-repeat left top; height: 24px;width:89px;} #nav_menu li:hover ul li a#mission{display:block;background:url(../img/mission.jpg) no-repeat left top; height: 24px;width:89px;} #nav_menu li:hover ul li a#director{display:block;background:url(../img/director.jpg) no-repeat left top; height: 48px;width:89px;} #nav_menu li:hover ul li a#blog{display:block;background:url(../img/blog.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#joinmailing{display:block;background:url(../img/joinmailing.jpg) no-repeat left top; height: 48px;width:108px;} #nav_menu li:hover ul li a#survey{display:block;background:url(../img/survey.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#brochure{display:block;background:url(../img/brochure.jpg) no-repeat left top; height: 48px;width:108px;} #nav_menu li:hover ul li a#contactinfo{display:block;background:url(../img/contactinfo.jpg) no-repeat left top; height: 24px;width:118px;} #nav_menu li:hover ul li a#phesantrun:hover, #nav_menu li:hover ul li a#directions:hover, #nav_menu li:hover ul li a#groupvisit:hover, #nav_menu li:hover ul li a#aboutstaff:hover, #nav_menu li:hover ul li a#history:hover, #nav_menu li:hover ul li a#mission:hover, #nav_menu li:hover ul li a#director:hover, #nav_menu li:hover ul li a#blog:hover, #nav_menu li:hover ul li a#survey:hover, #nav_menu li:hover ul li a#contactinfo:hover, #nav_menu li:hover ul li a#mainpress:hover, #nav_menu li:hover ul li a#reviews:hover, #nav_menu li:hover ul li a#archives:hover, #nav_menu li:hover ul li a#artwork:hover, #nav_menu li:hover ul li a#presskit:hover, #nav_menu li:hover ul li a#support:hover, #nav_menu li:hover ul li a#community:hover, #nav_menu li:hover ul li a#employment:hover, #nav_menu li:hover ul li a#auditions:hover, #nav_menu li:hover ul li a#volunteers:hover, #nav_menu li:hover ul li a#onstage:hover, #nav_menu li:hover ul li a#events:hover, #nav_menu li:hover ul li a#students:hover, #nav_menu li:hover ul li a#subscribe:hover, #nav_menu li:hover ul li a#bring:hover, #nav_menu li:hover ul li a#buytickets:hover, #nav_menu li:hover ul li a#summerfest:hover, #nav_menu li:hover ul li a#collider:hover, #nav_menu li:hover ul li a#nftacademy:hover, #nav_menu li:hover ul li a#backstage:hover, #nav_menu li:hover ul li a#youthauditions:hover, #nav_menu li:hover ul li a#youthinternships:hover, #nav_menu li:hover ul li a#food:hover, #nav_menu li:hover ul li a#green:hover, #nav_menu li:hover ul li a#technology:hover, #nav_menu li:hover ul li a#publicity:hover {background-position:left -24px;} #nav_menu li:hover ul li a#brochure:hover, #nav_menu li:hover ul li a#joinmailing:hover, #nav_menu li:hover ul li a#director:hover, #nav_menu li:hover ul li a#groupvisit:hover, #nav_menu li:hover ul li a#overnightpackages:hover, #nav_menu li:hover ul li a#youthauditionsjoin:hover, #nav_menu li:hover ul li a#dinnerpackages:hover, #nav_menu li:hover ul li a#internships:hover {background-position:left -48px;} #nav_menu li:hover li:hover ul, #nav_menu li:hover li:hover li:hover ul, #nav_menu li:hover li:hover li:hover li:hover ul, #nav_menu li:hover li:hover li:hover li:hover li:hover ul {left:90px; top:-4px; background: #ffffff; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;} #nav_menu ul, #nav_menu li:hover ul ul, #nav_menu li:hover li:hover ul ul, #nav_menu li:hover li:hover li:hover ul ul, #nav_menu li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav_menu li:hover li:hover a.fly, #nav_menu li:hover li:hover li:hover a.fly, #nav_menu li:hover li:hover li:hover li:hover a.fly, #nav_menu li:hover li:hover li:hover li:hover li:hover a.fly {background: color:#fff; border-color:#fff;} #nav_menu li:hover li:hover li a.fly, #nav_menu li:hover li:hover li:hover li a.fly, #nav_menu li:hover li:hover li:hover li:hover li a.fly {background:color:#000; border-color:#bbd37e;}