/* CSS Document */
#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:28px;
	position:relative;
	font-family:arial, verdana, sans-serif;
	width:100%;
	z-index: 200;
}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:28px; width:100px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; cursor:pointer; width:170px;}
#nav li a b {margin-left:-999px;}

#nav li a.home {
	background-image: url(images/banner_image.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 84px;
}

#nav li a.sports {
	background-image: url(images/SportsBtn.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 85px;
	
}
#nav li a.concerts {
	background-image: url(images/ConcertsBtn.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 107px;
	
}
#nav li a.theatre {
	background-image: url(images/TheaterBtn.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 87px;
	
}
#nav li a.contact {
	background-image: url(images/ContactBtn.jpg);
	height: 28px;
	width: 112px;
	background-repeat: no-repeat;
	margin-right:0px;
}

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


#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:28px;
	width:152px;
	height:auto;
	z-index:300;
}
#nav :hover ul.sub li
{display:block; height:32px; position:relative; float:left; width:175px; font-weight:normal; top:10px;}
#nav :hover ul.sub li a
{
	display:block;
	height:32px;
	width:175px;
	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.apples {
	background-image:url();
	background-repeat: no-repeat;
}
#nav :hover ul li a.oranges {
	background-image: url();
	background-repeat: no-repeat;
}
#nav :hover ul li a.pears {background:url();}
#nav :hover ul li a.bananas {background:url();}
#nav :hover ul li a.lemons {background:url();}

#nav :hover ul li a.potatoes {background:url();}
#nav :hover ul li a.carrots {background:url();}
#nav :hover ul li a.turnips {background:url();}
#nav :hover ul li a.parsnips {background:url();}

#nav :hover ul li a.depeche_mode {background:url(images/depeche_modee.png); background-repeat:no-repeat; padding-left:25px;  font-family:Tahoma, Arial, Helvetica, sans-serif; color:#b24244; font-size:12px; font-weight:bold; padding-top:8px;}


#nav :hover ul li a.view_all_concerts {background:url(images/view_all_concerts.png);}

#nav :hover ul li a.almonds {background:url();}
#nav :hover ul li a.cashews {background:url();}
#nav :hover ul li a.walnuts {background:url();}
#nav :hover ul li a.pistachios {background:url();}

#nav :hover ul.sub li a:hover 
{background-position: 0 0px; position:relative;}
#nav :hover ul.sub li a:hover b {left:150px; top:8px; background:#999999; color:#CCCCCC; border:0px solid #FFFF66; display:block; width:100px; height:20px; text-align:center; font-size:11px; line-height:18px;}