/* ---------- NAV MENU ---------- */

#navMenu
{	
	width: 906px;
	height: 49px;
	
	margin: 0 auto 5px auto;
}


#navMenu a
{
	float: left;
	display: block;
	
	height: 49px;
	
	margin-right: 2px;
	
	border-bottom: 0px;	
}

#navMenu span
{
	display: none;
}

.btnHome { background: url("./img/menu/btnHome.png") no-repeat 0 0; }
.btnAbout { background: url("./img/menu/btnAbout.png") no-repeat 0 0; }
.btnPodcast { background: url("./img/menu/btnPodcast.png") no-repeat 0 0; }
.btnCalendar { background: url("./img/menu/btnCalendar.png") no-repeat 0 0; }
.btnGallery { background: url("./img/menu/btnGallery.png") no-repeat 0 0; }
.btnCharts { background: url("./img/menu/btnCharts.png") no-repeat 0 0; }
.btnTickets { background: url("./img/menu/btnTickets.png") no-repeat 0 0; }
.btnContacts { background: url("./img/menu/btnContacts.png") no-repeat 0 0; }

.btnHome:hover, .btnAbout:hover, .btnPodcast:hover, .btnCalendar:hover, .btnGallery:hover, .btnCharts:hover, .btnTickets:hover, .btnContacts:hover
{   
  background-position: 0 -49px;
  border-bottom: 0px;
}


#menu {padding:0; margin:0; list-style:none; height:49px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li { float: left; }
#menu li a { width: 111px; display:block; float:left; height:49px; line-height:40px; color:#fff; text-decoration:none; font-weight:bold; }

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; }
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; }
#menu li:hover > a.sub {color:#fff; }

#menu li a.sub { color:#fff; }

#menu :hover ul {left:0; top:49px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul {top:-1px; background:#222; white-space:nowrap; z-index:200; height:auto;}

#menu :hover ul li {margin:0;}
#menu :hover ul li a { padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px; border: solid 1px #464646; } /* sub */

#menu :hover ul :hover {background-color:#4a4a4a; color:#fff;} /* sub hover */

#menu :hover ul :hover ul li a { padding:0; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}






/* ---------- BOTTOM MENU ---------- */

.bottomMenu .menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
} 

.bottomMenu .menu li
{
	float:left;
	
	list-style: none;
	padding: 0;
	margin-right: 13px;
} 

.bottomMenu .submenu li
{
	float:none;
	display: block;
}



.bottomMenu .menu a
{
	color: #c5c5c5;
	font-size: 9pt;
}

.bottomMenu .submenu a
{
	color: #666666;
	font-size: 9pt;
}

.bottomMenu .menu a:hover, .bottomMenu .submenu a:hover
{
	color: #c900c7;
}