/* menu container */

div.menu
{
	position: relative;
	background-image: url(../img/bg_menu.gif);
	background-repeat: no-repeat;
	background-color: #F6F6F6;
	margin-top: 7px;
	padding: 6px 0px 0px 19px;
	height: 37px;
	text-align: center;
	z-index: 100;
}

/* 
	menu based on list
*/

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

div.menu li 
{
	float: left;
	position: relative;
}

div.menu li ul 
{
	display: none;
	position: absolute; 
	left: 0;
}

div.menu li > ul 
{
	top: auto;
	left: auto;
}

div.menu li:hover ul, div.menu li.over ul 
{ 
	display:block;
}

/* level 0 menu elements */

div.menu ul li 
{
	display: block;
	font-size: 11px;
	font-weight: bold;	
	background-color: #2f2f2f;
	padding: 5px 11px 6px 11px;
	margin: 0px;
}

div.menu ul li img
{
	vertical-align:text-bottom;
	margin-right: 5px;
}

div.menu ul li:hover, div.menu ul li.over
{
	background-color: #979797;
	color:#00FF33;
}

div.menu li.active, div.menu li.branch
{
	background-color: #979797;
	color:#00FF33;
}

div.menu ul li a, div.menu ul li a:hover
{	
	color:#FFFFFF;
	text-decoration:none;
}

div.menu ul li ul a
{
	display: block;
	clear: both;
	text-align: left;
	float: left;
}


/* level 1 menu elements */

div.menu ul li ul
{
	background-color: #2f2f2f;
	padding: 3px 0px 8px 0px;
	margin: 0px;
	left:0px;
	top:23px;
	border-top: 2px solid #999999;
}

div.menu ul li ul li
{
	clear: both;
	float: left;

	margin: 0px;
	/* padding: 2px 14px 2px 14px; */
	padding: 0px;
	
	font-size: 11px;
	font-weight: normal;
}	

div.menu ul li ul li a
{
	padding: 2px 13px 2px 13px;
}

div.menu ul li ul li:hover, div.menu ul li ul li.over
{
	background-color: #2f2f2f;
	color: #00FF33;
}

div.menu ul li ul li a:hover
{
	text-decoration: underline;
}

div.menu ul li ul li.active a, div.menu ul li ul li.branch a
{
	background-color: #2f2f2f; 
	color:#c9002c;
	font-weight: bold;
}

div.menu ul li ul li.active a:hover, div.menu ul li ul li.branch a:hover
{
	text-decoration: underline;
	color:#c9002c;
}