/* main menu */
#mainmenu{
	position: absolute;
	left: 9px;
	top: 10px;
	padding-top: 8px;
	_padding-top: 12px;
	padding-bottom: 4px;
	_padding-bottom: 0px;
	background-color:#f2f2f2;
	z-index: 100;
}
#mainmenu li{
	position: relative;
	list-style: none;
	height: 27px;
	line-height: 27px;
	margin: 0;
	padding: 0;
	display: block;
	width: 150px;
	_margin-top: -1px;
}
#mainmenu li a{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 140px;
	height: 27px;
	overflow: hidden;
	float: left;
	z-index: 101;
}

/* dropdowns */

#mainmenu li ul{
	position: absolute;
	left: 147px;
	top: 3px;
	display: none;
	width: 150px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 1px 1px 0 1px;
	z-index: 150;
}
#mainmenu li ul li{
	position: relative;
	width: 150px;
	height: 16px;
	overflow: hidden;
	list-style: none;
	display: block;
	float: left;
	_margin-top: 0px;
	margin-bottom: 1px;
}
#mainmenu li ul li a{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	height: 16px;
	display: block;
	background-position: 0px 0px;
	z-index: 200;
}
#mainmenu li ul li a:hover{
	background-position: 0px -16px;
}
#mainmenu li:hover ul, #mainmenu li.over ul { 
	display: block; 
}


/* MAIN MENU BGs */
#mainmenu .l1 a{
	background-image:url(../_images/mainmenu-1.png)
}
#mainmenu .l2 a{
	background-image:url(../_images/mainmenu-2.png)
}
#mainmenu .l3 a{
	background-image:url(../_images/mainmenu-3.png)
}
#mainmenu .l4 a{
	background-image:url(../_images/mainmenu-4.png)
}
#mainmenu .l5 a{
	background-image:url(../_images/mainmenu-5.png)
}
#mainmenu .l6 a{
	background-image:url(../_images/mainmenu-6.png)
}
#mainmenu .l7 a{
	background-image:url(../_images/mainmenu-7.png)
}
#mainmenu .l8 a{
	background-image:url(../_images/mainmenu-8.png)
}

/* DROP DOWN BGs */

#mainmenu .l2 .l1 a{
	background-image:url(../_images/submenu-2-1.png)
}
#mainmenu .l2 .l2 a{
	background-image:url(../_images/submenu-2-2.png)
}
#mainmenu .l2 .l3 a{
	background-image:url(../_images/submenu-2-3.png)
}
#mainmenu .l3 .l1 a{
	background-image:url(../_images/submenu-3-1.png)
}
#mainmenu .l3 .l2 a{
	background-image:url(../_images/submenu-3-2.png)
}
#mainmenu .l6 .l1 a{
	background-image:url(../_images/submenu-6-1.png)
}
#mainmenu .l6 .l2 a{
	background-image:url(../_images/submenu-6-2.png)
}