#mainMenu{
	list-style: none; padding: 0; margin: 0;
	visibility: hidden;
}

#mainMenu ul { 
	padding: 0;
	margin:0;
	list-style: none;
	width:24em;
	z-index:99;
	position:absolute;
	overflow:visible;  
}

#mainMenu li { 
	margin:0;   
	position: relative; 
	float:left;
	width: 24em;
	background-color:#7F8A9C;
	display:block;
	height:auto;
}

#mainMenu li li {
	background-color: #bdc3ce;
}

#mainMenu a {
	text-decoration:none; 
	display:block;
	padding: 0.3em 0.1em 0.3em 0.2em;  
	height:auto;
	color: #fff;
	font-weight: bold;
	border-left: 4px solid #bdc3ce;
}

#mainMenu a a {
	border-left: 4px solid #bdc3ce;
}

#mainMenu a:hover {
	color:#000;
	border-left: 4px solid #f00;
}

#mainMenu ul{
	display:none;   
}

/*all see this */
#mainMenu ul ul, #mainMenu ul ul ul{
	display:none; 
	position:absolute; 
	margin-top:-1.8em; 
	margin-left:24em;
}

/* non-IE browsers see this */
#mainMenu ul li>ul, #mainMenu ul ul li>ul{
	margin-top:-1.9em; 
}

#mainMenu li:hover ul ul, #mainMenu li:hover ul ul ul{
	display:none; 
}

#mainMenu li:hover ul, #mainMenu ul li:hover ul, #mainMenu ul ul li:hover ul{
	display:block;
}

li>ul { 
	top: auto;
	left: auto;
}

#hiddenForMenuWidthDetermining
{
	color: #fff;
	font-weight: bold;
	margin:0.3em 0.1em 0.3em 0.2em;
	visibility: hidden;
	position: absolute;
	display: inline;
	z-index: 100;
	border-left: solid 4px black;
}