/* all spans are replaced text, site-wide */
span{position:absolute;left:-10000em}

/* left-hand category nav */
#nav li,#subnav li{display:inline} /* IE needs this for some reason, to get rid of the gaps */
#nav a{display:block; height:17px; width:100%; background-repeat:no-repeat}
#nav #theatre{background-image:url(../img/menu/theatre.gif)}
#nav #theatre:hover{background-color:#fbd6e9}
#nav #theatre.current{background-color:#ED3193}
#nav #opera{background-image:url(../img/menu/opera.gif)}
#nav #opera:hover{background-color:#e0d9e4}
#nav #opera.current{background-color:#644277}
#nav #dance{background-image:url(../img/menu/dance.gif)}
#nav #dance:hover{background-color:#fde8da}
#nav #dance.current{background-color:#F68C46}
#nav #visualarts{background-image:url(../img/menu/visualarts.gif)}
#nav #visualarts:hover{background-color:#faf0d1}
#nav #visualarts.current{background-color:#E5B418}
#nav #music{background-image:url(../img/menu/music.gif)}
#nav #music:hover{background-color:#f3f7d5}
#nav #music.current{background-color:#C1D72F}
#nav #outdoor{background-image:url(../img/menu/outdoor.gif)}
#nav #outdoor:hover{background-color:#faded6}
#nav #outdoor.current{background-color:#E65933}
#nav #circus{background-image:url(../img/menu/circus.gif)}
#nav #circus:hover{background-color:#ebe8f3}
#nav #circus.current{background-color:#9C8DC3}
#nav #verandah{background-image:url(../img/menu/becksverandah.gif)}
#nav #verandah:hover{background-color:#ccf0e4}
#nav #verandah.current{background-color:#00B479}
#nav #lotterywest{background-image:url(../img/menu/lotterywestfilms.gif)}
#nav #lotterywest:hover{background-color:#fbd1d7}
#nav #lotterywest.current{background-color:#ED1A38}
#nav #wordsideas{background-image:url(../img/menu/wordsideas.gif)}
#nav #wordsideas:hover{background-color:#e1f4f4}
#nav #wordsideas.current{background-color:#67C8C6}
#nav #onebook{background-image:url(../img/menu/onebook.gif)}
#nav #onebook:hover{background-color:#e1f4f4}
#nav #onebook.current{background-color:#67C8C6}
#nav #regional{background-image:url(../img/menu/regional.gif)}
#nav #regional:hover{background-color:#cce8ed}
#nav #regional.current{background-color:#008CA5}
#nav #family{background-image:url(../img/menu/family.gif)}
#nav #free{background-image:url(../img/menu/free.gif)}
#nav #school{background-image:url(../img/menu/school.gif)}
#nav #family:hover,
#nav #free:hover,
#nav #school:hover
{background-color:#ddcfd0}
#nav #family.current,
#nav #free.current,
#nav #school.current
{background-color:#551012}
ul#nav-genres{margin-bottom:11px}
ul#nav-categories,
ul#nav-quicksearch{margin-bottom:14px}

/* utility (top) nav */
#nav-utility{position:absolute; height:18px; width:796px;top:266px; left:204px}
#nav-utility li{list-style-type:none;display:block;float:left}
#nav-utility li a{display:block;float:left;background-repeat:no-repeat;height:17px}
#nav-utility #navHome{background-image:url(../img/menu/home.gif);width:82px}
#nav-utility #navHome:hover,
#nav-utility #navHome.current{background-image:url(../img/menu/home_over.gif)}
#nav-utility #navAbout{background-image:url(../img/menu/about.gif);width:90px}
#nav-utility #navAbout:hover,
#nav-utility #navAbout.current{background-image:url(../img/menu/about_over.gif)}
#nav-utility #navMedia{background-image:url(../img/menu/media.gif);width:87px}
#nav-utility #navMedia:hover,
#nav-utility #navMedia.current{background-image:url(../img/menu/media_over.gif)}
#nav-utility #navBooking{background-image:url(../img/menu/booking.gif);width:104px}
#nav-utility #navBooking:hover,
#nav-utility #navBooking.current{background-image:url(../img/menu/booking_over.gif)}
#nav-utility #navSponsors{background-image:url(../img/menu/sponsors.gif);width:115px}
#nav-utility #navSponsors:hover,
#nav-utility #navSponsors.current{background-image:url(../img/menu/sponsors_over.gif)}
#nav-utility #navFriends{background-image:url(../img/menu/friends.gif);width:103px}
#nav-utility #navFriends:hover,
#nav-utility #navFriends.current{background-image:url(../img/menu/friends_over.gif)}
#nav-utility #navContact{background-image:url(../img/menu/contact.gif);width:106px}
#nav-utility #navContact:hover,
#nav-utility #navContact.current{background-image:url(../img/menu/contact_over.gif)}
#nav-utility #navAccess{background-image:url(../img/menu/access.gif);width:109px}
#nav-utility #navAccess:hover,
#nav-utility #navAccess.current{background-image:url(../img/menu/access_over.gif)}
/* TODO: make the current section NOT an active link */

/* internal event list sub-navigation */
#subnav.internal li{list-style-type:none}
#subnav.internal ul.eventList li{height:17px;display:block;padding:0 0 0 4px}
#subnav.internal a{background-repeat:no-repeat;height:17px;width:200px;display:block;overflow:hidden}

/* event background (left border) colours */
ul#theatreEvents li{background:url(../img/bg/columnbg-theatre.gif) left repeat-y}
ul#operaEvents li{background:url(../img/bg/columnbg-opera2.gif) left repeat-y}
ul#danceEvents li{background:url(../img/bg/columnbg-dance2.gif) left repeat-y}
ul#visualartsEvents li{background:url(../img/bg/columnbg-visualarts2.gif) left repeat-y}
ul#musicEvents li{background:url(../img/bg/columnbg-music2.gif) left repeat-y}
ul#outdoorEvents li{background:url(../img/bg/columnbg-outdoor2.gif) left repeat-y}
ul#circusEvents li{background:url(../img/bg/columnbg-circus2.gif) left repeat-y}
ul#verandahEvents li{background:url(../img/bg/columnbg-verandah2.gif) left repeat-y}
ul#lotterywestEvents li{background:url(../img/bg/columnbg-lotterywest2.gif) left repeat-y}
ul#wordsideasEvents li{background:url(../img/bg/columnbg-wordsideas2.gif) left repeat-y}
ul#onebookEvents li{background:url(../img/bg/columnbg-wordsideas2.gif) left repeat-y}
ul#regionalEvents li{background:url(../img/bg/columnbg-regional2.gif) left repeat-y}

/* event hover states */
#subnav.internal ul#theatreEvents.eventList li:hover,
#subnav.internal ul#theatreEvents.eventList li.current{background-color:#ed3193}
#subnav.internal ul#operaEvents.eventList li:hover,
#subnav.internal ul#operaEvents.eventList li.current{background-color:#644277}
#subnav.internal ul#danceEvents.eventList li:hover,
#subnav.internal ul#danceEvents.eventList li.current{background-color:#F68C46}
#subnav.internal ul#visualartsEvents.eventList li:hover,
#subnav.internal ul#visualartsEvents.eventList li.current{background-color:#E5B418}
#subnav.internal ul#musicEvents.eventList li:hover,
#subnav.internal ul#musicEvents.eventList li.current{background-color:#C1D72F}
#subnav.internal ul#outdoorEvents.eventList li:hover,
#subnav.internal ul#outdoorEvents.eventList li.current{background-color:#E65933}
#subnav.internal ul#circusEvents.eventList li:hover,
#subnav.internal ul#circusEvents.eventList li.current{background-color:#9C8DC3}

#subnav.internal ul#verandahEvents.eventList li:hover,
#subnav.internal ul#verandahEvents.eventList li.current{background-color:#00B479}
#subnav.internal ul#lotterywestEvents.eventList li:hover,
#subnav.internal ul#lotterywestEvents.eventList li.current{background-color:#ED1A38}
#subnav.internal ul#wordsideasEvents.eventList li:hover,
#subnav.internal ul#wordsideasEvents.eventList li.current{background-color:#67C8C6}
#subnav.internal ul#onebookEvents.eventList li:hover,
#subnav.internal ul#onebookEvents.eventList li.current{background-color:#67C8C6}
#subnav.internal ul#regionalEvents.eventList li:hover,
#subnav.internal ul#regionalEvents.eventList li.current{background-color:#008CA5}


/* about subnav */
ul#about-sub-nav a{border-left:4px solid #551012;background-repeat:no-repeat}
ul#about-sub-nav a#background{background-image:url(../img/menu/about/background.gif)}
ul#about-sub-nav a#background:hover,
ul#about-sub-nav a#background.current
{background-image:url(../img/menu/about/background_over.gif);background-color:#551012}
ul#about-sub-nav a#fromthedirector{background-image:url(../img/menu/about/fromthedirector.gif)}
ul#about-sub-nav a#fromthedirector:hover,
ul#about-sub-nav a#fromthedirector.current
{background-image:url(../img/menu/about/fromthedirector_over.gif);background-color:#551012}
ul#about-sub-nav a#aboutthedirector{background-image:url(../img/menu/about/aboutthedirector.gif)}
ul#about-sub-nav a#aboutthedirector:hover,
ul#about-sub-nav a#aboutthedirector.current
{background-image:url(../img/menu/about/aboutthedirector_over.gif);background-color:#551012}
ul#about-sub-nav a#criticalacclaim{background-image:url(../img/menu/about/criticalacclaim.gif)}
ul#about-sub-nav a#criticalacclaim:hover,
ul#about-sub-nav a#criticalacclaim.current
{background-image:url(../img/menu/about/criticalacclaim_over.gif);background-color:#551012}
ul#about-sub-nav a#staff{background-image:url(../img/menu/about/staff.gif)}
ul#about-sub-nav a#staff:hover,
ul#about-sub-nav a#staff.current
{background-image:url(../img/menu/about/staff_over.gif);background-color:#551012}
ul#about-sub-nav a#employment{background-image:url(../img/menu/about/employment.gif)}
ul#about-sub-nav a#employment:hover,
ul#about-sub-nav a#employment.current
{background-image:url(../img/menu/about/employment_over.gif);background-color:#551012}
ul#about-sub-nav a#archive2006{background-image:url(../img/menu/about/archive2006.gif)}
ul#about-sub-nav a#archive2006:hover,
ul#about-sub-nav a#archive2006.current
{background-image:url(../img/menu/about/archive2006_over.gif);background-color:#551012} 
ul#about-sub-nav a#archive2005{background-image:url(../img/menu/about/archive2005.gif)}
ul#about-sub-nav a#archive2005:hover,
ul#about-sub-nav a#archive2005.current
{background-image:url(../img/menu/about/archive2005_over.gif);background-color:#551012}
ul#about-sub-nav a#archive2004{background-image:url(../img/menu/about/archive2004.gif)}
ul#about-sub-nav a#archive2004:hover,
ul#about-sub-nav a#archive2004.current
{background-image:url(../img/menu/about/archive2004_over.gif);background-color:#551012}
ul#about-sub-nav a#archive2003{background-image:url(../img/menu/about/archive2003.gif)}
ul#about-sub-nav a#archive2003:hover,
ul#about-sub-nav a#archive2003.current
{background-image:url(../img/menu/about/archive2003_over.gif);background-color:#551012}

/* friends sub nav */

ul#friends-sub-nav{border-left:4px solid #551012;background-repeat:no-repeat}

ul#friends-sub-nav a#friends-of-the-festival{background-image:url(../img/menu/friends/friends-of-the-festival.gif)}
ul#friends-sub-nav a#friends-of-the-festival:hover,
ul#friends-sub-nav a#friends-of-the-festival.current
{background-image:url(../img/menu/friends/friends-of-the-festival_over.gif);background-color:#551012} 

ul#friends-sub-nav a#about-the-friends{background-image:url(../img/menu/friends/about-the-friends.gif)}
ul#friends-sub-nav a#about-the-friends:hover,
ul#friends-sub-nav a#about-the-friends.current
{background-image:url(../img/menu/friends/about-the-friends_over.gif);background-color:#551012}

ul#friends-sub-nav a#friends-events{background-image:url(../img/menu/friends/friends-events.gif)}
ul#friends-sub-nav a#friends-events:hover,
ul#friends-sub-nav a#friends-events.current
{background-image:url(../img/menu/friends/friends-events_over.gif);background-color:#551012}

/* contact sub nav */
ul#contact-sub-nav a{border-left:4px solid #551012;background-repeat:no-repeat}
ul#contact-sub-nav a#contactus{background-image:url(/layout/img/menu/contact/contactus.gif)}
ul#contact-sub-nav a#contactus:hover,
ul#contact-sub-nav a#contactus.current
{background-image:url(/layout/img/menu/contact/contactus_over.gif);background-color:#551012} 
ul#contact-sub-nav a#takingpart{background-image:url(/layout/img/menu/contact/takingpart.gif)}
ul#contact-sub-nav a#takingpart:hover,
ul#contact-sub-nav a#takingpart.current
{background-image:url(/layout/img/menu/contact/takingpart_over.gif);background-color:#551012} 

/* booking subnav */
ul#booking-sub-nav a{border-left:4px solid #551012;background-repeat:no-repeat}
ul#booking-sub-nav a#howtobook{background-image:url(/layout/img/menu/booking/howtobook.gif)}
ul#booking-sub-nav a#howtobook:hover,
ul#booking-sub-nav a#howtobook.current
{background-image:url(/layout/img/menu/booking/howtobook_over.gif);background-color:#551012} 
ul#booking-sub-nav a#seethree{background-image:url(/layout/img/menu/booking/seethree.gif)}
ul#booking-sub-nav a#seethree:hover,
ul#booking-sub-nav a#seethree.current
{background-image:url(/layout/img/menu/booking/seethree_over.gif);background-color:#551012} 
ul#booking-sub-nav a#festivalpathways{background-image:url(/layout/img/menu/booking/festivalpathways.gif)}
ul#booking-sub-nav a#festivalpathways:hover,
ul#booking-sub-nav a#festivalpathways.current
{background-image:url(/layout/img/menu/booking/festivalpathways_over.gif);background-color:#551012} 
ul#booking-sub-nav a#yellowterms{background-image:url(/layout/img/menu/booking/yellowbrickroad.gif)}
ul#booking-sub-nav a#yellowterms:hover,
ul#booking-sub-nav a#yellowterms.current
{background-image:url(/layout/img/menu/booking/yellowbrickroad_over.gif);background-color:#551012} 
ul#booking-sub-nav a#redterms{background-image:url(/layout/img/menu/booking/redcarpet.gif)}
ul#booking-sub-nav a#redterms:hover,
ul#booking-sub-nav a#redterms.current
{background-image:url(/layout/img/menu/booking/redcarpet_over.gif);background-color:#551012} 

/* media subnav */
ul#media-sub-nav a{border-left:4px solid #551012;background-repeat:no-repeat}
ul#media-sub-nav a#PressReleases{background-image:url(/layout/img/menu/media/pressreleases.gif)}
ul#media-sub-nav a#PressReleases:hover,
ul#media-sub-nav a#PressReleases.current{background-image:url(/layout/img/menu/media/pressreleases_over.gif);background-color:#551012}

ul#media-sub-nav a#Contacts{background-image:url(/layout/img/menu/media/contacts.gif)}
ul#media-sub-nav a#Contacts:hover,
ul#media-sub-nav a#Contacts.current{background-image:url(/layout/img/menu/media/contacts_over.gif);background-color:#551012}

ul#media-sub-nav a#Downloads{background-image:url(/layout/img/menu/media/downloads.gif)}
ul#media-sub-nav a#Downloads:hover,
ul#media-sub-nav a#Downloads.current{background-image:url(/layout/img/menu/media/downloads_over.gif);background-color:#551012}