/*This style will be applied to the div element holding the menu*/
/*1px=0.0626 em*/

#menuContainer
{
 float: left;
	width: 708px;
	height: 23px;
	padding-top: 7px;
	background: url(/images/bg-nav.jpg) repeat-x;
	font-family: "Tahoma";
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
#menuContainer a {
  text-decoration: none;
  font-family: "Tahoma";
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

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

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

/* Set li styles*/

#menuContainer li {
  float:left;
  margin-left:0.60em;
  margin-right:0.60em;
  
  /* this is to make the submenus position relative to this li */
   position: relative;
}

/* Mouseover li style*/
#menuContainer li:a:hover {
    text-decoration: none;
	color: #ffc600;
}

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

#menuContainer ul ul ul {
  position: absolute;
  left: 10.5em;
  top: 0em;
  padding-left:1 pt;
  margin-top:-2.0em;
  visibility: hidden;
}
/*Mouseover: display second level (or higher) pop-up*/
#menuContainer li:hover > ul {
  visibility: visible;

}