/*This style will be applied to the div element holding the menu*/

#menuContainer {
margin-top:45px; 
  width: 35em;
  padding: 1px;
  z-index:3; 
}

/* Link styles*/

#menuContainer a {
  text-decoration: none;
  color: #333333;
}

#menuContainer a:hover {
  color: red ; 
}

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

/* Set li styles*/

#menuContainer li 
{
/*border: 0.5px solid #333333;*/
display:block; 
width: 200px; 
height:32px; 
  /* this is to make the submenus position relative to this li */
  position: relative; 
background-color:#ffffff;
text-decoration:none;
margin-left:15px;
text-transform: uppercase;
font-size:10px ;
font-weight: bold ;  
color: #333333;
text-align: center ;
line-height: 30px;   
margin-top:1px; 
z-index:1 ; 
background: url("../images/general/leftmenu.gif") ; 
background-repeat: no-repeat ; 
}

/* Mouseover li style*/
#menuContainer li:hover 
{
/*border: 1px solid #333333; */
color: red ;   
background: url("../images/general/leftmenuover.gif") ; 
}

/*Initially hide second level (or higher) pop-up*/
#menuContainer ul ul 
{
  position: absolute;
  left: 18.7em;
  top: -1px;
  visibility: hidden;
  z-index:5;
}

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