#event {
	padding: 0;
	margin: 25px 0 0 0; 
	height:32px;
}

#event ul {
	margin-top: 0px;
	padding-left: 0px;
}

.eventtabs {
	position: relative;
	float: left;
	width:720px; 
	height:32px;
	background-color: #fff;
}

#event .eventtabs ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#event .eventtabs li {
	float:left;
	width:120px;
	position:relative;
}

/* style the links for the top level */

#event .eventtabs a{
	display:block;
	font-size:11px;
	text-align: center;
	text-decoration: none;
	color: #fff; 
	width:120px; 
	height:32px; 
	background:white;
	line-height:32px; 
	font-weight:bold;
	background: #3c2c36 url(images/event_tab_notselected.gif) no-repeat;
}

#event li.selected {
	display:block;
	font-size:11px;
	text-decoration:none; 
	text-align: center;
	color: white; 
	width:120px; 
	height:32px; 
	background: #3c2c36 url(images/event_tab_selected.gif) no-repeat;
	line-height:32px; 
	font-weight:bold;
}

/* a hack so that IE5.5 faulty box model is corrected 
* html #event .eventtabs a, * html #event .eventtabs a:visited {width:120px; w\idth:114px;}
 */
/* style the top level hover */
#event .eventtabs ul a:hover {
	color:#ffffff; 
	text-decoration:underline; 
}
#event .eventtabs ul a.last:hover {
	border-right: 0;
	text-decoration:underline; 
}

#event .eventtabs :hover > a ul {
	text-decoration:underline; 
}