#menu
{
  font: 11px Verdana;
  text-transform: uppercase;
  width: 700px;
}

#menu .line_right
{
  float: right;
  width: 2px;
  height: 27px;
  background: url(../img/separate_line.gif) no-repeat;
}

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

/*Top level list items*/
#menu ul li
{
  position: relative;
  display: inline;
  float: left;
  background: url(../img/separate_line.gif) no-repeat;
}

/*Top level menu link items style*/
#menu ul li a,
#menu ul li a:visited
{
  display: inline-block;
  height: 16px;
  padding: 8px 26px 0 26px;
  color: #d3d3d3;
  text-decoration: none;
  font-weight:bold;
}

#menu ul li a:hover,
#menu ul li a:hover .underline,
#menu ul li a .highlighted
{
  color: #860C12;
  text-decoration: none;
  font-weight:bold;
}

#menu ul li a:hover .underline,
#menu ul li a .highlighted
{
  display: inline-block;

  cursor: pointer;
}

/*1st sub level menu*/
#menu ul li ul
{
  padding-top: 10px;
  position: absolute;
  left: 0;
  display: block;
  visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#menu ul li ul li
{
  display: list-item;
  float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#menu ul li ul li ul
{
  padding-top: 0;
  top: 0;
}

/* Sub level menu links style */
#menu ul li ul li a,
#menu ul li ul li a:visited
{
  font: bold 11px Verdana;
  width: 205px; /*width of sub menus*/
  background: url(../img/menu_line.gif) no-repeat 10px 30px;
  background-color: black;
  color: #bbb;
  filter:alpha(opacity=85);
  opacity: 0.85;
  -moz-opacity:0.85;
  margin: 0;
  padding: 7px 0 10px 15px;
  text-transform: none;
}

#menu ul li ul li.first img
{
  border: 0;
  padding: 0;
  margin: 0;
}

#menu ul li ul li.first,
#menu ul li ul li.last
{
  display: block;
  width: 220px;
  height: 13px;
  background: none;
  filter: none;
  opacity: 1.0;
  -moz-opacity: 1.0;
}

#menu ul li ul li a:hover
{ /*sub menus hover style*/
  color: #fff;
  text-decoration: none;
}

#menu ul li ul li a:hover .underline
{
  
}

/* ######### CSS classes applied to down and right arrow images  ######### */

#menu .arrow
{
  position: absolute;
  top: 12px;
  right: 15px;
}