@media screen,projection {

#menu-main {
	position:relative; height:22px;
	margin:0 6px; padding:0; list-style-type:none;
	font:normal bold 12px arial, 'trebuchet ms',  sans-serif;
	background-image:url(img/bg_menu.gif);
	background-repeat:repeat-x;
	z-index:1;
}
#menu-main li {
	float:left; margin:0; padding:3px 24px 0 27px; height:19px;
	background-image:url(img/bg_menu_li.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}
#menu-main li.frst {background-image:none}
#menu-main li.pl {padding-left:20px}
#menu-main li a {display:block;padding-left:10px;background-repeat:no-repeat;background-position:0 5px}
#menu-main li a:link {color:#fff; text-decoration:none;background-image:url(img/arrow_menu.gif)}
#menu-main li a:visited {color:#fff; text-decoration:none;background-image:url(img/arrow_menu.gif)}
#menu-main li a:hover {color:#e80011; text-decoration:none;background-image:url(img/arrow_menu_on.gif)}


#menu-main ul {
	position:absolute;
	padding:0 0 3px 0; list-style:none;
	margin:4px 0 0 -10px;
	line-height:1.2em;
	background:#484848;
	border:1px solid #a2a2a2;
}

#menu-main ul li {
	float:left; display:inline;
	margin:3px 0 0 3px;
	padding:0;height:auto;
	background:none;
	border-bottom:1px solid #585858;
}

#menu-main ul.me1 {/*filter:none;*/width:120px} #menu-main ul.me1 li {width: 114px}/* #menu-main ul.me1 li a {text-align:right;padding-right:16px} #menu-main ul.me1 li li a {text-align:left;padding-right:6px}*/
#menu-main ul.me2 {width:250px} #menu-main ul.me2 li {width: 244px}
#menu-main ul.me3 {width:160px} #menu-main ul.me3 li {width: 154px}
#menu-main ul.me4 {width:160px} #menu-main ul.me4 li {width: 154px}
#menu-main ul.me5 {width:210px} #menu-main ul.me5 li {width: 204px}
#menu-main ul.me6 {width:140px} #menu-main ul.me6 li {width: 134px}
#menu-main ul.me7 {margin-left:-51px;width:145px} #menu-main ul.me7 li {width: 139px}

#menu-main ul.mp1 {/*filter:none;*/width:170px} #menu-main ul.mp1 li {width: 164px}/* #menu-main ul.mp1 li a {text-align:right;padding-right:16px} #menu-main ul.mp1 li li a {text-align:left;padding-right:6px}*/
#menu-main ul.mp2 {width:250px} #menu-main ul.mp2 li {width: 244px}
#menu-main ul.mp3 {width:205px} #menu-main ul.mp3 li {width: 199px}
#menu-main ul.mp4 {width:190px} #menu-main ul.mp4 li {width: 184px}
#menu-main ul.mp5 {width:180px} #menu-main ul.mp5 li {width: 174px}
#menu-main ul.mp6 {margin-left:-20px;width:145px} #menu-main ul.mp6 li {width: 139px}
#menu-main ul.mp7 {margin-left:-53px;width:120px} #menu-main ul.mp7 li {width: 114px}


#menu-main ul a {
	display: block;
	padding:6px 6px;
	font:normal bold 10px verdana, geneva,  sans-serif;
	background-image:none;
	zoom:1;
}
#menu-main ul a:link {background-image:none}
#menu-main ul a:visited {background-image:none}
#menu-main ul a:hover {color:#e80011;background-color:#585858;background-image:none}

#menu-main li ul ul {
	margin: -2.1em 0 0 110px;
}
#menu-main li.pl ul ul {
	margin: -2.1em 0 0 160px;
}


#menu-main ul {
/*	left: -999em; */ 
/*	display:none; */
	visibility:hidden;
	z-index:98;
/*	filter:progid:DXImageTransform.Microsoft.Fade(duration=1.0,overlap=1.0); */
	filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=0.4) progid:DXImageTransform.Microsoft.Alpha(opacity=93);
	opacity:0.95;
}
#menu-main li:hover ul ul, #menu-main li.sfhover ul ul {
/*	left: -999em; */
/*	display:none; */
	visibility:hidden;
	z-index:98;
}
#menu-main li:hover ul, #menu-main li li:hover ul, #menu-main li.sfhover ul, #menu-main li li.sfhover ul {
/*	left: auto; */
/*	display:block; */
	visibility:visible;
	z-index:99;
}

/* ??? */
#menu-main li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
/*
	position:static;
	text-indent:0;
*/
}


}