#mainnavwrap {
	position:relative;
	width:100%;
	height:36px;
	margin:10px; auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	z-index:100;
}

ul#mainnav {
	position:relative;
	z-index:999;
	width:950px;
	margin:0 auto;
	list-style-type:none;
}

ul#mainnav li {
	float:left; 
	position:relative;
	z-index:500; 
}

ul#mainnav li:hover {
	background:url('../images/navli_tile.gif') top left repeat-x;
}

ul#mainnav li a {
	display:block;
	float:left;
	height:36px;
	padding:0 20px 0px 20px;
	line-height:36px;
	font-size:13px;
	letter-spacing:.02em;
	text-decoration: none;
}

ul#mainnav li a:hover {
	text-decoration: none;
	color: #2d2d2c;
}

ul#mainnav li ul {
	position:absolute; 
	left:1px;
	top:36px;
	display:none; 
	margin:0px 0 0 -1px; 
	padding:10px 0; 
	list-style:none;
	background:#bee1f6;
	border: solid 3px white;
}

ul#mainnav li ul li a {
	width:170px;
	height:35px;
	padding:0 0 0 25px;
	line-height:35px;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border:none;
	text-decoration: none;
}

ul#mainnav li ul li a.wide {
	width:220px;
}

ul#mainnav li ul li a:hover {
	background:#4891bd;
	color:#FFFFFF;
	text-decoration: none;
}
	
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
#mainnav ul {
	margin:0 0 0 -2px;
}