/* main items */
ul.navlist {
	/* position: relative; */
	width: 100%;
	height: 1.05em;
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #f63;
	white-space: nowrap;
}
ul.navlist li {
	float: left;
	margin: 0 0 0 2px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #aaa #555 #f63 #999;
	list-style-type: none;
}
ul.navlist li a {
	position: relative;
	width: 10em;
	display: block;
	margin: 0;
	padding: 1px 0.4em;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ccc;
	background-color: #eee;
	color: #666;
	font: normal 0.7em/120% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}
ul.navlist li a:hover { 
	/* display: block;  */
	color: #00c;
	text-decoration: none;
	color: white;
	background-color: #f63;
}
/* sub items */
ul.navlist ul { display: none; 
	position: absolute;
 	left: 0;
	/* width: 100%; */
	height: 0.75em;
	margin: 0;
	padding: 0.5em 0 2px 0;
/*	white-space: nowrap; */
	border-bottom: 2px solid #f63;
}
ul.navlist li:hover ul { display: block; }
ul.navlist li.hover ul { display: block; left: 0; margin-top: -0.75em; padding-top: 0.75em; z-index: 10; } /* ieHover.js */
ul.navlist ul li { border: none; 
	margin: 0;
	padding: 0;
}
ul.navlist ul li a {
	display: block;
	padding: 0 1em 0 0;
	border: none;
	background-color: #fff;
	color: #000;
}
/* nota:
	'ul.navlist' may be replaced by '#navcontainer ul'
	does not work on IE ('li:hover' is not supported)
*/