#topnavi {
	height: 38px;
	width: 900px;
	display:block;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	position: absolute;
	top: -5px;
	left: -1px;
	z-index:15;
	background: url(../images/nav-bg.gif) repeat-x center bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#topnavi li {
	margin: 0px;
	padding: 0px 1px 0px 0px;
	list-style: none;
	position: relative;
	display: inline-block;
	height: 38px;
	top: 0px;
	float:left;
}
#topnavi li a {
	display: block;
	color: #fff;
	padding: 4px 30px 0px;
	font-size: 13px;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#topnavi li:hover a {
	color: #000;
	background: url(../images/nav-over.gif) repeat-x center bottom;
	padding: 0px 30px;
	line-height: 38px;
}


/*********************POPOUT***********************/

/*leave alone*/
#topnavi li ul, #topnavi li:hover ul li ul {display:none;}
#topnavi li:hover ul, #topnavi li:hover ul li:hover ul { display:block;}

/*color and dimensions*/
#topnavi li:hover li {height:22px; display: inline-block; position:relative; top: 0px; float:left; }
#topnavi li:hover li a, #topnavi li:hover li:hover li a  {width:170px; text-align:center; font-size:11px; line-height:15px; padding: 3px; border:#fff solid 1px; top:-1px; color: #000; text-transform:none; background: #E9E9E9;}
/*hover state*/
#topnavi li:hover li:hover a, #topnavi li:hover li:hover li:hover a {color: #fff; background: url(../images/nav-bg.gif) repeat-x center bottom; z-index:5;}

/*position of first level*/
#topnavi li:hover ul {position:absolute; top:38px; left: 0px; width:170px; margin:0px; padding:0px;}

/*position of second level*/
#topnavi li:hover ul li:hover ul {position:absolute; top:0px; left:177px; width:170px; margin:0px; padding:0px;}

/*********************POPOUT***********************/