/* CSS Document */

#navi{
	position:relative;
	left:436px;
	top:28px;
	width:114px;
	margin:0;
	display:block;
	z-index:1000;
}
/* set the menu link style */
#navi a{
	position:relative;
	color:#b2b2b2;
	background-color:inherit;
	text-decoration:none;
	display:block;
	height:100%;
	width:100%;
	left:-20px;
	padding:2px 0 0 20px;
	margin:0;
	text-transform:uppercase;
	font-size:91%;
}
/** set the back ground image **/
#menu{
	background-image:url(/images/navi_bg.png);
	background-repeat:no-repeat;
	padding:11px 0 34px 0;
	display:block;
	z-index:100;
}
/* ie 6 in it infinite wisdom, totaly screws up the backgound, so just for a change, we have to hack it... */

* html #menu{
	background-image:none;	
	background-color:transparent;
}
/* and add a BG just for IE 6 that does not really work as it should */
*html #navi_bg_ie6{
	position:absolute;
	top:0;
	left:0;
	background-image:url(/images/navi_bg.png);
	background-repeat:no-repeat;
	height:172px;
	width:114px;
}
* html #navi_bg_bit_ie6{
	position:absolute;
	top:172px;
	left:0px;
	height:20px;
	width:11px;
	background-color:#000000;
}
#navi a.t,
#navi a:hover,
.menu_level_2_active li:hover a{
	color:#FFFFFF;
	background-image:none;
}

/* set the default top level state */
.menu_level_2_active li{
	position:relative;
	background-image:none;
    margin:0;
	list-style: none;
	height:21px;
	padding:0 0 0 20px;
}

/* set the active / hover state for top level */
.menu_level_2_active li:hover,
.menu_level_2_active li.active,
.hide_active_menu_item{
	position:relative;
	background-image:url(/images/navi_item_on_bg.gif);
	background-repeat:no-repeat;
	width:232px;
	z-index:1000;
	height:21px;
}

.hide_active_menu_item{
	background-image:none;
}
html>body .menu_level_2_active li:hover,
html>body .menu_level_2_active li.active{
	width:252px;
}
.menu_level_2_active li:hover{
	z-index:1100;

}

/* define the blue menu pop up backgrounds */
.menu_level_2_active li:hover .blue_bg_active,
.menu_level_2_active li.active .blue_bg_active{
	display:block;
	color:inherit;
	background-color:#050573;
	position:absolute;
	height:300px;
	width:157px;
	top:17px;
	left:114px;
	background-image:url(/images/sub_bg.gif);
	background-repeat:repeat-x;
	z-index:2000;
}
.menu_level_2_active li:hover .blue_bg_active{
	z-index:2100;
}
/* define pop out menu */
#menu ul ul {
	position: absolute;
	top:10px;
	left:120px;
	width:100%;
	z-index:10000;
}
/* get rid of the parent background & set height to fit content*/
#menu ul ul li{
	background-image:none;
	background-color:transparent;
	clear:both;
	display:block;
	width:110px;
	height:auto;
	margin-bottom:0.5em;
}
*html #menu ul ul li{
	width:90px;
}
#menu ul ul li .blue_bg_active{
	display:none;
}

/* define pop out mennu links */
#menu ul ul a,
#menu ul ul a:hover,
#menu ul ul a:visited{
	width: 120px;
	padding-left:20px;
	background-image:url(/images/sub_navi_list_icon.gif);
	background-repeat:no-repeat;
	background-position: 5px .9em;
}

/* set up the menu pop out */
div#menu ul ul{
	display: none;
}
div#menu ul li:hover ul,
div#menu ul li.active ul{
	display: block;
}