/* ---------- 1st level UL tag ---------- */
UL.MenuBarHorizontal {
/*	border:dashed thin #00ff00;*/
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FONT-SIZE: 100%;
	MARGIN: 0px;
	WIDTH: auto;
	CURSOR: default;
	LIST-STYLE-TYPE: none;
}
UL.MenuBarHorizontal LI {		/* LI inside 1st level UL tag */
	/*border:dashed thin #00ffff;*/
	background-image: url(/images/design2012/MenuBarHorizontal_bg.gif);
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 4px;
	FONT-SIZE: 100%;
	FLOAT: left;
	MARGIN: 1px;
	WIDTH: auto;
	CURSOR: pointer;
	LIST-STYLE-TYPE: none;
	POSITION: relative;
	TEXT-ALIGN: center;
	height:33px;
}
UL.MenuBarHorizontal LI A {		/* anchors (text links) inside 1st level UL tag (propagated to all clild LI tags as well as anchors in it) */
	/*border:dotted thin #ff00ff;*/
	PADDING-TOP: 0.6em;
	PADDING-BOTTOM: 0.4em;
	PADDING-LEFT: 0.75em;
	PADDING-RIGHT: 0.75em;
	DISPLAY: block;
	FONT-SIZE: 12px;
	CURSOR: pointer;
	COLOR:#FFFFFF;
	TEXT-DECORATION: none;
	text-transform: uppercase;
}
UL.MenuBarHorizontal A.MenuBarItemSubmenu {		/* this class somehow has the same effect as "UL.MenuBarHorizontal LI A {..}". Must be JS code applies this class automatically */
	COLOR:#FFFFFF;
/*	BACKGROUND-COLOR: #ff0000;*/
}
UL.MenuBarHorizontal LI A:focus {			/* focus event for the above A */
	COLOR:#FF9966;
	/*BACKGROUND-COLOR: #4c3189;*/
	/*width: auto;*/
}
UL.MenuBarHorizontal LI A:hover {			/* hover event for the above A */
	COLOR:#FF9966;
	/*BACKGROUND-COLOR: #4c3189;*/
}
UL.MenuBarHorizontal A.MenuBarItemSubmenuHover {	/* this class somehow has the same effect as A:hover. Must be JS code applies this class automatically */
	/*COLOR: #00f;*/
	/*BACKGROUND-COLOR: #998aba;*/
}


/* ---------- 2nd level UL tag ---------- */

UL.MenuBarHorizontal UL {
	border: 1px solid #909090;
	BACKGROUND-COLOR:#D0D0D0;
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	Z-INDEX: 1020; 
	LEFT: -1000em; 
	MARGIN: 0px; 
	MARGIN-TOP: 6px;
	WIDTH: 200px;
	CURSOR: default;
	LIST-STYLE-TYPE: none;
	POSITION: absolute;
	FILTER: alpha(opacity:90);
}
UL.MenuBarHorizontal UL LI {				/* LI inside 2nd level UL tag */
	background-image:none;
	WIDTH: 100%;
	TEXT-ALIGN:left;
}
UL.MenuBarHorizontal UL LI A {				/* anchors (text links) inside 2nd level UL tag (propagated to all clild LI tags as well as anchors in it) */
	COLOR:#333;
	text-transform:none;
}
UL.MenuBarHorizontal UL A.MenuBarItemSubmenu {}		/* ? */
UL.MenuBarHorizontal UL A.MenuBarItemSubmenuHover {}	/* ? */

UL.MenuBarHorizontal A.MenuBarItemHover {		/* background */
	COLOR: #333;
	BACKGROUND-COLOR: #F0F0F0;
}
/* ---------- ??? ---------- */
UL.MenuBarHorizontal UL.MenuBarSubmenuVisible {		/* ? */
	LEFT: auto;
}

/* ---------- 3rd level UL tag ---------- */

UL.MenuBarHorizontal UL UL {
	MARGIN: -5% 0px 0px 95%;
	POSITION: absolute;
}

UL.MenuBarHorizontal UL.MenuBarSubmenuVisible UL.MenuBarSubmenuVisible {
	LEFT: auto;
	TOP: 0px;
}

UL.MenuBarActive {					/* not used ? */
	Z-INDEX: 1000;
}
UL.MenuBarHorizontal A.MenuBarSubmenuVisible {		/* not used ? */
	COLOR: #00f;
	BACKGROUND-COLOR: #998aba;
}
UL.MenuBarHorizontal UL A.MenuBarItemSubmenuHover {	/* not used ? */

}
UL.MenuBarHorizontal IFRAME {				/* not used ? */
	Z-INDEX: 1010;
	FILTER: alpha(opacity:0.1);
	POSITION: absolute;
}
UL.MenuBarHorizontal LI.MenuBarItemIE {			/* not used ? */
	DISPLAY: inline;
	FLOAT: left;
}