.menu5 {
  text-align: left;
  font-family: verdana, sans-serif;
  position: relative;
  height: 20px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-image: url( "thmu.png" );
  background-repeat: repeat-x;
}

.menu5 ul {
  padding: 0;
  margin: 0;
  list-style-type: none; /* for Firefox */
}

.menu5 li {
  float: left;
  position: relative;
  font-weight: bold;

}

.menu5 li a, .menu5 li a:visited {
  display: block;
  text-decoration: none;
  float: left;
  line-height: 1.8em;
  color: #009;
}

.menu5 li ul {
  visibility: hidden;
  position: absolute;
  top: 1.8em;
  left: 0;
  height: 0;
  overflow: hidden;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
  .menu5 li a:hover {
  text-decoration: underline;
  border: 0;
}

.menu5 li:hover ul,
  .menu5 li a:hover ul {
  visibility: visible;
  height: auto;
  width: 24em;
  border: 1px solid #ddd;
  background-image: url( "../pix/menubgt.png" );
  left: 0;
  top: 1.8em;
  overflow: visible;
}

.menu5 li:hover ul li a,
  .menu5 li a:hover ul li a {
  display: block;
  font-weight: normal;
  background: transparent;
  text-decoration: none;
  height: auto;
  line-height: 1.5em;
  padding: 0.1em;
  width: 19em;

}

* html .menu5 li a:hover ul li a {
  width: 10em;
  w\idth: 9em; /* hack for IE5.5 */
}

.menu5 li:hover ul li a.drop,
  .menu5 li a:hover ul li a.drop {
  font-weight: bold;
}

.menu5 li:hover ul li ul,
  .menu5 li a:hover ul li a ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 9.5em;
  height: 0;
  overflow: hidden;
}

.menu5 li:hover ul li a:hover,
  .menu5 li a:hover ul li a:hover {
  text-decoration: underline;
}

.menu5 li:hover ul li:hover ul,
  .menu5 li a:hover ul li a:hover ul {
  visibility: visible;
  color: #000;
  border: 1px solid #ddd;
  height: auto;
  background: #fff;
  width: 9.5em;
}

.menu5 li:hover ul li:hover ul.left,
  .menu5 li a:hover ul li a:hover ul.left {
  left: -9.3em;
}

.menu5 li:hover ul li:hover ul li a,
  .menu5 li a:hover ul li a:hover ul li a {
  display: block;
  height: auto;
}

.menu5 li:hover ul li:hover ul li:hover a,
  .menu5 li a:hover ul li a:hover ul li a:hover {
  text-decoration: underline;
}
