/* BEGIN: Horizontal FreeStyle Menu ================== */
#listMenuRoot{
	position:absolute;
	left:220px;
	top:15px;
	width:704px;
	z-index:2
}

#nav-1{
	width:48px;
	background:url(img/nav-1.gif)
}

#nav-2{
	width:69px;
	background:url(img/nav-2.gif)
}

#nav-3{
	width:92px;
	background:url(img/nav-3.gif)
}

#nav-4{
	width:55px;
	background:url(img/nav-4.gif)
}

#nav-5{
	width:91px;
	background:url(img/nav-5.gif)
}

#nav-6{
	width:55px;
	background:url(img/nav-6.gif)
}

#nav-7{
	width:102px;
	background:url(img/nav-7.gif)
}

#nav-8{
	width:70px;
	background:url(img/nav-8.gif)
}

#nav-9{
	width:122px;
	background:url(img/nav-9.gif)
}

.menulist{
	margin:0;
	padding:0
}

.menulist ul{
	display:none;
	position:absolute;
	top:0;
	margin:31px 0 0;
	left:0;
	width:189px;
	padding:0
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul{
	top:-1px;
	margin:0;
	left:148px
}

.menulist li{
	float:left;
	position:relative;
	margin:0;
	padding:0;
	list-style:none
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li{
	float:none;
	display:block;
	margin:0 0 -1px;
	height:auto;
	text-indent:0;
	border:1px solid #b0d0b6;
	background:#ebf1e9
}

.menulist ul>li:last-child{
	margin-bottom:1px /* Mozilla fix */
}

.menulist a{
	display:block;
	height:31px;
	text-indent:-9999px
}

.menulist a:hover{
	background-position:0 -31px !important
}

/* Links inside the menu */
.menulist ul a{
	padding:4px 20px 4px 9px;
	color:#026e0b;
	text-decoration:none;
	height:auto;
	text-indent:0
}

/* Lit  items:'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus{
	background:#bed7ba
}

.menulist a.highlighted{
	background-position:0 -31px !important
}

/*
If you want per-item background images in your menu items, here's how to do it.
1) Assign a unique ID tag to each link in your menu, like so:<a id="xyz" href="#">
2) Copy and paste these next lines for each link you want to have an image:
.menulist a#xyz{
background-image:url(/img/out.gif)
}
.menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus{
background-image:url(/img/over.gif)
}
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind{
	display:none
}

.menulist ul a .subind{
	position:absolute;
	top:5px;
	right:6px;
	display:block;
	text-indent:-9999px;
	width:7px;
	height:8px;
	overflow:hidden;
	background:url(/img/bullet-1.gif) no-repeat
}

.menulist ul a:hover .subind, .menulist ul a.highlighted .subind{
	background-position:top right
}


/* BEGIN: IE/Win Hacks */
/*
* html affects <=IE6 and *:first-child+html affects IE7.
Move these to browser-specific style sheet.
*/
*:first-child+html .menulist ul li{
	float:left;
	width:100%
}

* html .menulist ul li{
	float:left;
	height:1%
}
* html .menulist ul a{
	height:1%
}
/* END: IE/Win Hacks */
/* END: Horizontal FreeStyle Menu ================== */