#menuContainer 
{
  background-color: white;
  width: 185px;
  margin-left:15px;
  float:left;
}

#menuContainer ul 
{ 
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menuContainer li 
{
  border: 0px solid #FF9933;
  width: 185px;
  height:30px;
  /* this is to make the submenus position relative to this li */
  position: relative;
  background: white url(glossyback.png) repeat-x bottom left;
}

#menuContainer a 
{
	font: bold 12px Verdana, Helvetica, sans-serif;
	color: #ffffff;
	display: table-cell;
	height:30px;
	width: auto;
	vertical-align:middle;
	padding-left: 10px;
	text-decoration: none;
	width: 185px;
    height:30px;
}

#menuContainer li:hover 
{
	background-image: url(glossyback2.png);
}

#menuContainer a:hover 
{
	/*background-image: url(glossyback2.png);*/
}

#menuContainer ul ul 
{
  position: absolute;
  left: 185px;
  top: 0;
  visibility: hidden;
}

#menuContainer li:hover > ul 
{
  visibility: visible;
}

/*Mouseover: display second level or third level pop-up*/
#menuContainer li:hover ul, #menuContainer li:hover li:hover ul 
{
  visibility: visible;
}

/* Hide third level menu when the mouse is over the first level li*/
#menuContainer li:hover ul ul 
{
	visibility: hidden;
}

#menuContainer .arrowdiv
{
	float:right;
	margin:0;
	padding:0;
	background: transparent url(arrow.gif) no-repeat center right;
}