/*		------	Basic style	------		*/

/* These are the basic styles for the topmenu */
/* all others are in the skin css */

#menu {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

/* styling of li entries, top level */
#menu li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	position: relative;
}

#menu a, #menu div.NotClickable {
	display: block;
}

* html #menu li a {
	position: relative;/* Fix IE6's inability to expand clickable area */
}

#menu li ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
}

/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #menu li ul {
	display: none;
}

#menu li li {
	width: 100%;
}

/* fix the position */
#menu li li ul {
	top: 0;
	left: 100%;
}