#navUl, #navUl ul { /* all lists */

  padding: 0;

  margin: 0;

  list-style: none;

}

ul#navUl {

height:19px;

}

#navUl li.menuDivider {

	width:5px;
	height:19px;
	background-image:url(/mockup/images/menuDivider.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 4px;
}

#navUl a {

  display: block;

  font-family:Tahoma, Arial, sans-serif;

  font-size:12px;

  font-weight:700;

  text-decoration:none;

  color:#e8f7ff;

  line-height:19px;

}

#navUl a:hover {

color:#34586b;

background-image:url(/mockup/images/navOver.jpg);

background-repeat:repeat-x;

}



#navUl li { /* all list items */

  float:left;

  height:19px;

padding:0 3px 0 0;

}

#navUl li a {

  padding: 0 5px;

  line-height:19px;

}

#navUl li ul{ /* second-level lists */

  position:absolute;

  background:#e54c9c;

  width: 11em;

  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

  text-align:left;

  width: 200px;
  
}

#navUl li ul li {

  display: block;

  clear: left;

  width: 100%;

  line-height:19px;

  border-bottom:1px dotted #ff9900;

}

#navUl li ul li a {	
		
font-family:Verdana, Arial, sans-serif;

font-size:12px;

line-height:19px;

color:#fff;

}

#navUl li ul ul { /* third-and-above-level lists */

  margin: -1em 0 0 10em;

}



#navUl li:hover ul ul, #navUl li:hover ul ul ul, #navUl li.sfhover ul ul, #navUl li.sfhover ul ul ul {

  left: -999em;

}



#navUl li:hover ul, #navUl li li:hover ul, #navUl li li li:hover ul, #navUl li.sfhover ul, #navUl li li.sfhover ul, #navUl li li li.sfhover ul { /* lists nested under hovered list items */

  left: auto;

}



#navUl li ul li:hover, #navUl li ul li.sfhover {

  background-image:none;

}



#navUl li ul li a:hover {

  color:#fff;

  background-image:none;

  background:#bc855e;

}



#navUl li ul li ul li {

  top:0;

}