#nav {
  position: absolute;
  top: 140px;
  left: 30px;
  height: 30px;
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 20px 0px;
  width: 660px;
  text-align: left;
  font-size:1em !important;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:bold !important;
  z-index: 2;
  cursor: pointer;
}

/* The only time the big ul doesn't appear in the menu div is when we're
showing links to other pages, e.g. the sitemap: */
#links {
  cursor: pointer;
}

/* remove all the bullets, borders and padding from the default list styling */
#nav ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none; 
  height: 1.6em; 
  color: #fff;
  font-weight: bold !important;
}

/* hide the sub levels and give them a position absolute so that they take up no room */
#nav ul ul {
  visibility:hidden;
  height:0;
  width:14em;
}

/* float the top list items to make it horizontal and to control the dropdown menu positon */
#nav ul li {
  float: left;
  height: 1.6em;
  line-height: 1.6em;
  border-right: 1px solid #999;
  width: 7em;
background:url(/uploads/sH/if/sHif3GB0nBS2CS17BJ1GCQ/menubutton_bg.gif);
  text-align: center;
}

#nav ul li a {
  color:#fff;
}

/* Format the top level when hovering */
#nav ul li a:hover {
/*  background:#334670; */
  color:#fff;
  position:relative;
}

/* make the second level visible when hover on first level list */
#nav ul li:hover ul {
  visibility: visible;
  height: auto; 
}

/* style the sub level list items */
#nav ul ul li {
  height:auto;
  position:relative;
  line-height:1em;
  background:#334670 none;
  display:block;
  color: #ccc;
  width:12em;
  padding:0.5em 1em;
  border-top:1px solid #fff;
  text-align: left;
}

/* The static version of the menus uses a tags */
#nav ul ul li a {
  background: #334670 none;
}
#links ul ul li a {
  text-decoration: none;
}

#nav ul ul a {
  display: block;
  background: #334670;
  color: #ccc;
  width: 12em;
  height:100%;
  line-height:1em;
  text-decoration: none;
}
#links ul ul a {
  color: #8C8C73;
  text-decoration: none;
}

#nav ul ul a:hover {
  color: #fff;
  background: #334670;
}
#links ul ul a:hover {
  text-decoration: none;
}
