/* Horizontal Navigation with dropdowns */



#navigation {

	width:575px;
	margin: 0 auto;
	display: block;
	

}


#navigation li {
	float: left;
	list-style-type: none;
	position: relative;

}


#navigation li a, #navigation li a:visited {
	display: block;
	height: 52px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	outline: none;
	padding: 0 10px;

}

#navigation li a:hover {

}

#navigation li#news {
	z-index: 4;
}

#navigation li#news a {
	width: 112px;
	background: url(../img/navigation.gif) no-repeat;
}

#navigation li#news a:hover {
	background: url(../img/navigation.gif) 0 -76px no-repeat;
}

#navigation li#news a.active {
	background: url(../img/navigation.gif) 0 -76px no-repeat;
}


#navigation li#reviews {
	z-index: 3;
}

#navigation li#reviews a {
	width: 141px;
	background: url(../img/navigation.gif) -148px 0 no-repeat;
}

#navigation li#reviews a:hover {
	background: url(../img/navigation.gif) -148px -76px no-repeat;
}

#navigation li#reviews a.active {
	background: url(../img/navigation.gif) -148px -76px no-repeat;
}


#navigation li#gigs {
	z-index: 2;
}

#navigation li#gigs a {
	width: 100px;
	background: url(../img/navigation.gif) -321px 0 no-repeat;
}

#navigation li#gigs a:hover {
	background: url(../img/navigation.gif) -321px -76px no-repeat;
}

#navigation li#gigs a.active {
	background: url(../img/navigation.gif) -321px -76px no-repeat;
}


#navigation li#contact {
	z-index: 1;
}

#navigation li#contact a {
	width: 141px;
	background: url(../img/navigation.gif) -460px 0 no-repeat;
}


#navigation li#contact a:hover {
	background: url(../img/navigation.gif) -460px -76px no-repeat;
}

#navigation li#contact a.active {
	background: url(../img/navigation.gif) -460px -76px no-repeat;
}


#navigation ul.subnav {
	
	position: absolute;
	top: 49px;
	left: 0px;
	width: 107px;
	margin: 0;
	padding: 10px 10px 13px 10px;
	background: #FFFFCC;
	/*border: 1px solid black;*/
	display: none;
	height: auto;


}

#navigation ul.subnav li {
	height: auto;
	width: 107px;
	padding: 0;
	float: left;
	font-weight: bold;
}

#navigation ul.subnav li a, #navigation ul li a:visited {
	text-indent: 0;
	height: auto;
	display: block;
	padding: 0px 2px 0px 5px;
	text-decoration: none;
	font-size: 13px;
	width: auto;
	background: none;
	border-bottom:  1px dotted #ccc;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}

#navigation ul.subnav li a:hover {
	background: #FFFF98;
}


#navigation li#news ul.subnav a, #navigation li#reviews ul.subnav a, #navigation li#gigs ul.subnav a, #navigation li#contact ul.subnav a   {
	width: auto;
	background: none;
}

#navigation li#news ul.subnav a:hover, #navigation li#reviews ul.subnav a:hover, #navigation li#gigs ul.subnav a:hover, #navigation li#contact ul.subnav a:hover   {
	width: auto;
	background: #FFFF98;
}


.subnav, .subnav .sb-inner { background: #FFFFCC; }

.subnav .sb-border { background:black; }
