
/* common styling */
.menu
{
	font-family:Arial, Helvetica, sans-serif;
	width:750px;
	position:relative;
	font-size:12px;
	margin:0px 0 0px 0px;
	z-index:100;
}

.menu ul
{
	padding-left:20px;
}

.menu ul li a, .menu ul li a:visited
{
	display:block;
	text-decoration:none;
	color:#000000;
	width:100px;
	height:24px;
	text-align:center;
	
	line-height:20px;

	overflow:hidden;
	
	


	float:left;
}


/*.menu ul li a.active{
background-image:url(top-active1.png);
	background-repeat:no-repeat;
	background-position: .5em .5em;
	background-color:#660066;
	overflow:visible !important;
	display:inline;
	float:left;
	}
*/

.menu ul
{
	padding:0;
	margin:0;
	list-style-type: none;
	
}

.menu ul li
{
	float:left;
	margin-right:0px;
	position:relative;
}

.menu ul li ul
{
	display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a
{
	color:#ffffff;
	background-image:url(nav-hover-bg-top.png);
	background-repeat:no-repeat;
	
}

/*.nav-bg{

	}*/

.menu ul li:hover ul
{
	display:block;
	position:absolute;
	top:24px;
	left:0;
	width:100px;
	font-size:12px;

}

.menu ul li:hover ul li a.hide
{
	
	color:#000000;
}

.menu ul li:hover ul li:hover a.hide
{
	color:#ffffff;
}

.menu ul li:hover ul li ul
{
	display: none;
}

.menu ul li:hover ul li a
{
	display:block;
	/*background:#c0c0c0;*/
	color:#ffffff;
	font-size:10px;
	line-height:20px;
	height:24px;
	text-align:center;
	font-weight:bold;
	min-width:100px;
	letter-spacing:0px;
	border-right:none;
	width:100px;
	background-image:url(nav-hover-bg.png);
	background-repeat:repeat-y;
}

.menu ul li:hover ul li.last
{

}

/*drop down colors*/
.menu ul li:hover ul li a:hover
{
		background-image:url(nav-hover-bg-ro.png);
	background-repeat:repeat-y;
	color:#04b6f2;
	font-size:10px;
	line-height:20px;
}

/*ul li ul li.last{background:url(nav-hover-bg-bot.png) bottom;}*/
