#menu ul {
  margin-left: -2.5em;
}

#menu li {
  list-style-type: none;
  border: #888552 solid 2px;
  float: left;
  width: 7em;
  background-color: #888552;
  text-align: center;
}

#menu a {
  display: block;
  color: black;
  text-decoration: none;
}

#menu a:hover {
  background-color: white;
}

#menu li ul {
  display: none;
}

#menu li:hover > ul {
  display: block;
}

#menu li li li {
  margin-center: 1em;
}