/*
 * Here are the CSS rules that make the menu work.
 * You could probably cut down on a lot of the complexity by using
 * selectors like > and * but then the menus would not work in many
 * older browsers.  (IE 6 is recommended, although the menus might
 * exhibit something resembling proper functionality in IE 5.5+)
 */

/* Top level elements (rules are overridden later for sub-elements) */
#menu, #menu ul, #menu li {
  padding: 0;
  margin: 0;
  background: #0A263D;
   z-index:1002;
}
#menu li {
  list-style: none outside none;
  display: block; 
  float: left;
  border-top: 0px solid black;
  border-bottom: 0px solid black;
  border-right: 1px dotted #ccc;
}
#menu li a {
  padding: 4px 20px;
  display: block;
  font-size:12px;
  color:#fff;
  text-decoration:none;
}
#menu li a:hover {
  background: #406CAD !important;
}

#menu div {
   width:100%;
  margin:0;
  padding:0;
}
#menu div:hover {
  background-color: #406CAD;
}


#menu li.first {
  border-left: 0px solid black;
}
#menu li.last {
}




/* First-level submenu and submenu element rules */
#menu ul {
  position: absolute;
  margin-left: 15px;
  width: 265px;
}
#menu ul li, #menu ul {
  display: none;
  float: none !important;
}
#menu ul li {
  border-top: none;
  border-bottom: none;
  border-left: 0px solid black;
  border-right: 0px solid black;
}
#menu ul li.last {
  border-bottom: 0px solid black;
}
#menu ul li a {
  padding: 1px 5px;
}
#menu li.active li, #menu li.active ul {
  display: block;
}

/* Keep a "parent" item highlighted a light blue-gray color,
 * but don't let child items take on this color
 */
#menu li.active a, #menu li ul li.active a {
  background: #0A263D;
}
#menu li.active ul a, #menu li ul li.active ul a {
  background: #0A263D;
}


/* Second level submenu and submenu element rules
 * If more levels of submenus are needed, you will probably need
 * to use a different approach with the CSS.
 */
#menu li ul li.active {
  border-right: none;
  position: relative; /* establish context */
}
#menu li ul li ul {
  display: none !important;
  top: -1px; /* 0 - 1 to account for border */
  left: 263px; /* 265 - 2 to account for borders */
  padding: 0;
  margin: 0;
}
#menu li ul li.active ul {
  display: block !important;
}
#menu li ul li ul li.first {
  border-left: none;
  border-top: 0px solid black;
}

span.topMenuStandardLink{
  padding: 4px 20px;
  display: block;
  font-size:12px;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
  }