/* Wayfinder Menu Formatting */

div#menu_container {
  width: 910px;
  z-index: 90;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
#menu {
  font-family: 'Century Gothic', 'Arial', sans-serif;
  color: #868686;
  font-size: 10pt;
  text-align: left;
  position: relative;
  z-index: 100;
  width: 890px;
  margin: 0 auto;
}

#menu ul {padding:0; margin:0; list-style-type: none;}
#menu ul li {
  position:relative;
  float:left;
}

#menu ul li a, #menu ul li a:visited { /* Formatting for root menu items */
  overflow:hidden;
}

#menu ul li a { /* Formatting for root menu items. */
  display:block;
  height:26px;
  text-align:left;
  background:transparent;
  padding-left:18px;
  padding-right:18px;
  text-decoration: none;
  color: #868686;
}

#menu ul li a:hover {
  color: #f00;
}

#menu ul li ul {
  display:none;
  position:absolute;
  top:18px;
  left:0px;
  width: 170px;
  padding-top:8px;
  text-align: left;
  padding-bottom:7px;
  background-image:url(../images/menu_bottom.png);
  background-position: bottom center;
  background-repeat: no-repeat;
}

#menu ul li a:hover, #menu ul li:hover a {  /* The li:hover pseudo-class doesn't work in IE6 */
  text-decoration:none; /* Needed for IE6 */
}

#menu ul li:hover ul { /* Doesn't work in IE6 without csshover.htc */
  display:block;  /* Reveal drop-down on hover over menu li element */
  z-index:100;
}

#menu ul li ul li {
  padding-left:5px;
  background-color: #FFFFFF;
}

#menu ul li ul li a, #menu ul li:hover ul li a, #menu ul li ul li a:visited { /* Formatting for drop-down menu items. */
  width: 145px;
  display:block;
  white-space: nowrap;
  padding-left:10px; /* Not necessary because it's inherited from #menu ul li a, but less confusing for IE 5.5 style */
  padding-right: 10px;
}

#menu ul li ul li a:hover, #menu ul li:hover ul li a:hover {
  text-decoration:none; /* Needed for IE6 */
}

#menu ul li ul li a:hover {
  color: #000;
}