#menu {
	height:35px;
	width:988px;
	font:bold 14px "Trebuchet MS",Helvetica,sans-serif;
	letter-spacing:0px;
	background:url(../../images/bg_main-nav.jpg) repeat-x;
}
#menu hr {
border:0;
color:#6699CC ;
background-color: #6699CC;
height: 1px;
}

/* DON'T EDIT OR MOVE THIS 'BEHAVIOR HACK' BLOCK! STYLE BELOW INSTEAD  */
#menu ul								{list-style:none;margin:0;padding:0;float:left;}
#menu a, #menu a:visited 				{display:block;width:auto;margin:0;}
#menu li 								{position:relative;}
#menu ul ul								{position:absolute;z-index:500;top:auto;display:none;}
#menu a.x, #menu a.x:visited			{background:#eee url(http://www.beachlive.com/css/css/images/expand3.gif) no-repeat 100% 100%;}
#menu a.x, #menu a.x:visited			{font-weight:normal;color:#000;}
#menu a.x:hover							{color:#FFF;background:#000;}
#menu a.x:active						{color:#FFCC00;background:#CCC;}
div#menu li:hover						{cursor:pointer;z-index:100;}
div#menu li li li li:hover ul ul, div#menu li li:hover ul ul, div#menu li li li:hover ul ul, 
div#menu li:hover ul ul					{display:none;}
div#menu li li li li:hover ul, div#menu li li:hover ul, div#menu li li li:hover ul, 
div#menu li:hover ul 					{display:block;}
#menu ul 								{min-width:1px;width:auto !important;	width:1px; } 
/* ---------------------- END OF 'DON'T EDIT' BLOCK ------------------ */

/* ******************** LEVEL 1 (TOP) MENU ITEMS  ******************** */

#menu a, #menu a:visited, #menu a:hover, #menu a:active, #top_link_hover  {
	padding:9px 10px 9px 10px; /* don't use width or height - use padding around text instead */
	line-height:14px; /* specify, just in case it's set bigger elsewhere */
	color:#FFF;  
	text-decoration:none; 
	text-align:center; 
	white-space:nowrap; /* keeps text from wrapping on LEVEL 1 */
	background:url(../../images/main-nav-spacer.jpg) no-repeat;

}

#menu a.homelink, #menu a.homelink:visisted, #menu a.homelink:hover, #menu a.homelink:active {
	background:none;
}

/* LEVEL 1 hover & selected states */
#menu a:hover, #menu a:active, #menu ul li a:hover, #menu ul li a:active {
	background:url(../../images/bg_main-nav-active.jpg) repeat-x;
	color:#FFCC00;
} 
/* ***************** LEVEL 2 (DROPDOWN) MENU ITEMS  ****************** */
#menu ul li ul {
	padding:10px 0 10px 10px;
	background:#31acef;/* LEVEL 2 Pulldown BG */
	color:#FFF;
	border:solid 1px #003;
	border-top:none;
	white-space:nowrap; 
	margin-left:-1px;
	text-align:left;
}

#menu ul li ul li a, #menu ul li ul li a:visited, #menu ul li ul li a:hover, #menu ul li ul li a:active {
	width:auto ; /* sets width for all pulld0wn menus */
	padding:0 10px 0 10px;	
	text-align:left; 
	border-left:none; 	
	color:#FF9900;
	text-transform:none;
	font-weight:bold;
	background-image:none;
	line-height:14px;
	padding-left:0px;
}
#menu ul li ul.menu_arrow li a, #menu ul li ul.menu_arrow li a:visited, #menu ul li ul.menu_arrow li a:hover, #menu ul li ul.menu_arrow li a:active {
	padding-left:8px;	
	background-image:url(http://www.beachlive.com/css/menu_arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#menu ul li ul.menu_arrow li a:hover, #menu ul li ul.menu_arrow li a:active  {	
	background-image:url(http://www.beachlive.com/css/menu_arrow_over.gif);
}
/* LEVEL 2 hover */
#menu ul li ul li a:hover, #menu ul li ul li a:active {
 	color: #FFCC00; 
}
/* LEVEL 2 selected state */
#menu ul li ul li a.selected, #menu ul li ul li a:visited.selected, #menu ul li ul li a.hover, 
#menu ul li ul li a:active.selected {
	background:#D3D5D8;
} 

#left_link_hover  {
	padding-left:8px;	
	padding-right:5px;
	background-image:url(http://www.beachlive.com/css/menu_arrow_over.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#003;
	position:absolute;
	margin:5px 0 0 -127px;
	background-color:#336699;
}
#top_link_hover {
	width:auto;
	position:absolute;
	margin:-42px 0 0 -10px;
	float:left;		
	background:url(../../images/bg_main-nav-active.jpg) repeat-x;
	color:#FFCC00;
	padding:9px 0px 9px 10px;
}
#top_link_hover.home_link {
	/*padding-left:4px;
	padding-right:3px;*/
}
#menu li.menu_text {
	padding:0 10px 2px 0;
	}

/* Apply "no_menu_arrow" class to Link itself for exceptions without arrow */
#menu ul li ul.menu_arrow li a.no_menu_arrow  {
	padding-left:0;	
	background-image: none;
}