/*This style will be applied to the div element holding the menu*/
#menuContainer{
	width:235px;
	height: 351px;
	background-color:#1f1f1f;
	margin:0px;
	padding:0px;
}




/* Link styles*/
a.lv1a{
 text-align:left;
 display:block;
 height:20px;
 padding:5px 0px 0px 40px;
 font-family:arial;
 font-size:11px;
 color:#ffffff;
 text-decoration:none;
}

#menuContainer a:hover {
 background-color:#860404;
 font-weight:normal;
}

/* Hide bullets in unordered list*/
#menuContainer ul{ 
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

/* Set li styles*/

li.lv1{
	background-color:#1f1f1f;
	height:25px;
	border-bottom:1px solid #424242;
	margin:0px;
	padding:0px;

	width:235px;
	/* this is to make the submenus position relative to this li */
 position: relative;
}

/* Mouseover li style*/
li.lv2{
 margin-left:3px;
}

a.lv2a{
 text-align:left;
 display:block;
 height:20px;
 width:140px;
 padding:5px 0px 0px 10px;
 background-color:#666666;
 border-bottom:1px solid #424242;
 font-family:arial;
 font-size:11px;
 color:#ffffff;
 text-decoration:none;
}

/*Initially hide second level (or higher) pop-up*/
#menuContainer ul ul{
  position: absolute;
  left:235px; 
  top: 0;
  visibility: hidden;
}

/*Mouseover: display second level (or higher) pop-up*/
#menuContainer li:hover > ul{
  visibility: visible;
}