#menu {
  position: absolute;
  top: 75px;
  left: 129px;
  z-index:100;
  width: 100%;
}

#menu dl {
  float: left;
  width: 125px;
  margin: 0 2px;
  padding: 0;
  list-style-type: none;
}

#menu dt {
  height: 40px;
  width: 123px;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  border: 1px solid gray;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#menu dd {
  width: 123px;
  border: 1px solid gray;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#menu li {
  width: 123px;
  text-align: center;
  background: #fff;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#menu li a, #menu dt a {
  width: 123px;
  color: #000;
  text-decoration: none;
  display: block;
  height: 100%;
  border: 0 none;
}

#menu li a:hover {
  background: #ddd;
}

#smenu1, #smenu2, #smenu3, #smenu4 { display: none; }

#menu1 { background: #DEEDB7; }
#menu2 { background: #E2C2DF; }
#menu3 { background: #BDCBE7; }
#menu4 { background: #FFA5DC; }
#menu5 { background: #FDD4A7; }
#menu6 { background: #D7CDD2; }

#menu1 a:hover { background: #EEF5D7; }
#menu2 a:hover { background: #EFDDEE; }
#menu3 a:hover { background: #DAE2F2; }
#menu4 a:hover { background: #FFCDED; }
#menu5 a:hover { background: #FEE6CE; }
#menu6 a:hover { background: #E9E3E6; }