/* all UL elements */
.menu ul {
	display: block;
	*background-color: #fff; /* IE7 hack to prevent subitems from closing */
}

/* first lev */	
#mainMenu {
	text-align:left;
	border-style: solid;
	position:relative;
	z-index:100;
} 

/* second lev (see menu going up/down for other styles) */
#mainMenu > li > ul {
	left: 100% !important;
	top: 0;
	margin-top: -1px;
	margin-left: -1px;
} 

/* third lev and below (see menu going up/down for other styles) */
#mainMenu li li ul {
	left:100%; 
}

/* first level LI */
#mainMenu > li {
	position:relative;
	text-align: left;
}

/* first level A */
#mainMenu > li > a {
	margin-right: 0 !important; 
	margin-bottom: -1px;
	right: 0 !important;
	bottom: 1px; /* to compensate item margin top */
	white-space:nowrap;
	
} 
#mainMenu > li > a:hover {
	white-space:nowrap;
}

/* all A elements */
#mainMenu li a {
	display: block; 
	padding: 0 5px;
	border-style: solid;
	border-width: 1px;
	line-height: 25px;
	/* fixes stacking order */
	position: relative; 
} 

/* all SPAN elements */
#mainMenu li a span {
	display:block; 
} 

/* show dropdown on rollover */
#mainMenu li:hover > ul {visibility:visible;}

/* fixes stacking order */
#mainMenu li:hover {
	position:relative;
	z-index:300;
}

/* sub UL elements */
#mainMenu ul {
	white-space:nowrap; 
	position:absolute; 
	visibility:hidden;
	border-style: solid;
	border-width: 0;
}

/* sub succeeding LI elements */
#mainMenu ul li + li {
	border-top-style: solid;
	border-width: 0;
}

/* sub A elements */
#mainMenu li li a {
	border: 0;
	border-radius: 0;
	padding:0 5px;
	margin-right: 0;
	margin-bottom: 0;
	/* IE hacks */
	*padding-bottom: 1px;
	*padding-top: 1px;
} 
#mainMenu li li:hover > a {
	background-image: none;
}

/* fly icon */
#mainMenu li li a.fly span {
	background-image:url(../interface/fly.gif) !important;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}

/* highlight */
#mainMenu>li.active {
	z-index:250;
}
#mainMenu>li.active>a {
	background-image: none;
}
