#nav {
	position:absolute;
	left:0px;
	top:23px;
	margin: 0 0 0em 0;
}

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

#nav li {
	font-size: 1.05em;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
}

#nav a {
	margin: 0;
	display: block;
}

#nav li ul {
	width: 100%;
	display: block;
	visibility: hidden;
	position: absolute;
	clear: both;
	top: 1em;/* watch for this value! you must make sure that this value and value of line-height for the parent items are such that it is possible to move the mouse over to submenu */
	left: 0;
}

#nav li.selected ul, #nav li:hover ul {
	visibility: visible;
	left: 0;
}

#nav li.selected ul {
	z-index: 10;
}

#nav li:hover ul {
	z-index: 100;
}

#navList:after {
	height: 0;
	display: block;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}

/*		Navigation make-up 	*/

#nav {
	font-size: 1.05em;
	color:#FFD102;
	margin: 3em auto 3em;
	width: 498px;	/* this value should be close to what is needed for elements to stay on one line */
}

#nav a {
	color:#FFD102;
	text-decoration: none;
	padding: 0.5em 4px 0.7em;
}

#nav li {
	margin: 0;
	border-right: 0px solid #FFD102;
}

#nav li:hover {
	color:#FFD102;
	background-color:#000000;
}

#nav li:hover ul {
	background-color: #000000;
}

#nav li:hover a {
	color:#F47D00; /*rollover color*/
}

/* always pay attention that this two values are such that it is possible to move the mouse over to submenu */
#nav li ul {
	line-height: 1.5;
	top: 1.7em;
	color: #000;
	background-color: #ccc;
}

#nav li li {
	border-right: 0px solid #FFD102;
}

#nav li li a {
	color: #000;
}

#nav li li a:hover {
	text-decoration: underline;
}

/* fix the colors for selected item and submenu, for better usability */

#nav li.selected a, #nav li.selected, #nav li.selected:hover a {
	color: #000;
}

#nav li.selected, #nav li.selected:hover a, #nav li.selected:hover ul {
	background-color: #ccc;
}

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

#navside a {
	color:#000000;
	text-decoration:none;
}

#navside li:hover a {
	text-decoration:underline;
}