/* ================================================================ 
	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.cssplay.co.uk/menus/image_dropdown.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 {padding:0; margin:0 0 0 50px; list-style:none; height:50px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:860px;}
	#nav li.top {display:block; float:left;}
	#nav li a {display:block; float:left; height:36px; width:172px; text-decoration:none; padding:0; cursor:pointer;}
	#nav li a b {margin-left:-999px;}

	#nav li a.about {background:url(/assets/nav/about_01.png);}
	#nav li a.calendar {background:url(/assets/nav/calendar.png);}
	#nav li a.media {background:url(/assets/nav/media_01.png);}
	#nav li a.audition {background:url(/assets/nav/audition.png);}
	#nav li a.support {background:url(/assets/nav/support.png);}

	#nav li:hover a,
	#nav a:hover
	{background-position: 0 36px;}


	#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

	#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

	#nav li:hover {position:relative; z-index:200;}
	#nav a:hover {position:relative; white-space:normal; z-index:200;}

	#nav :hover ul.sub
	{left:0; top:36px; background: #000; width:172px; height:auto; z-index:300;}
	#nav :hover ul.sub li
	{display:block; height:35px; position:relative; float:left; width:172px; font-weight:normal;}
	#nav :hover ul.sub li a
	{display:block; height:36px; width:172px; text-decoration:none; padding:0; cursor:pointer;}
	#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

	#nav :hover ul li a.contact {background:url(/assets/nav/about_02.png);}
	#nav :hover ul li a.history {background:url(/assets/nav/about_03.png);}
	#nav :hover ul li a.whatwedo {background:url(/assets/nav/about_04.png);}
	#nav :hover ul li a.thechoir {background:url(/assets/nav/about_06.png);}

	#nav :hover ul li a.audio {background:url(/assets/nav/media_02.png);}
	#nav :hover ul li a.video {background:url(/assets/nav/media_03.png);}
	#nav :hover ul li a.photos {background:url(/assets/nav/media_04.png);}

	#nav :hover ul.sub li a:hover 
	{background-position: 0 36px; position:relative;}
	#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}