#topnavi {
	height: 50px;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
}
#topnavi li {
	margin: 0px;
	padding: 0px 1px 0px 0px;
	list-style: none;
	position: relative;
	display: inline-block;
	height: 50px;
	top: 0px;
	float:left;
	background: url(../images/li-bg.jpg);
}
#topnavi li.last {padding: 0px;}
#topnavi li a {
	display: block;
	color: #FFFFFF;
	line-height:50px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	width: 120px;
	text-transform: uppercase;
}

#topnavi li:hover a {
	background: url(../images/li-bg-over.jpg);
}


/*********************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; border:none; background:none; }
#topnavi li:hover li a, #topnavi li:hover li:hover li a  {width:170px; text-align:center; text-transform:capitalize; font-size:12px; line-height:15px; padding: 3px; border:#000 solid 1px; top:-1px;background: url(../images/li-bg-over.jpg);}
/*hover state*/
#topnavi li:hover li:hover a, #topnavi li:hover li:hover li:hover a {z-index:5;background: url(../images/li-bg-over.jpg) bottom;}

/*position of first level*/
#topnavi li:hover ul {position:absolute; top:40px; left:-40px; width:170px;}

/*position of second level*/
#topnavi li:hover ul li:hover ul {position:absolute; top:-9px; left:137px; width:170px;}

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