/* aphorizmenu.css */
/* unindent each unordered list */

div.menu {
  height: 12px;
  width: 100%;
  float: left;
  display: table-row;
  position: relative;
  azimuth: center;
  margin: -12px 0px 30px 2px;
  z-index:1;
}
div.menu ul {
  margin-left: -42px;
}
div.menu ul li {
  width: 123px;
  text-align: center;
  color: white;
  font-weight: bold;
  background-color: black;
  padding: 2px 1px 2px 1px;
  margin: 1px 0px 5px 0px;
  text-decoration: none;
}
div.menu ul li a {
  width: 119px;
  text-align: center;
  color: white;
  font-weight: normal;
  background-color: black;
  padding: 2px 1px 2px 1px;
  margin: 2px 2px 0px 0px;
  border-color: white;
  border: 2px outset #FFFFFF;
  text-decoration: none;
}
div.menu ul li ul {
  padding-left: -15px;
  font-size: 12px;
  font-weight: normal;
  border-width: 1px;
  border-color: white;
}
div.menu ul li ul li ul a {
  padding: 2px 1px 2px -10px;
  font-size: 10px;
  font-weight: normal;
  border-width: 1px;
  border-color: white;
  margin: 2px 0px 0px 0px;
  z-index:1;
}
div.menu ul li ul li a {
  font-size: smaller;
  padding: 0px 5px 0px -15px;
}
div.menu2 {
  height: 12px;
  width: 100%;
  float: none;
  width:100%;
  margin-bottom: 15px;
}
/* turn each list item into a solid black block */
div.menu li {
  list-style-type: none;
  border: black solid 1px;
  float: left;
  width: 30px;
  background-color: #800000;
  text-align: center;
}
/* set anchors to act like buttons */
#menu a {
  display: block;
  color: white;
  font-weight:bold;
}

/* flash anchor red when hovered */
#menu a:hover {
  background-color: red;
  background-position: center;
}

/* collapse nested lists */
#menu li ul {
  display: none;
}

/* display sublists on hover */
#menu li:hover > ul {
  display: block;
  margin-left: -25px;
  padding-left: -25px;
}

/* indent third-generation lists */
#menu li ul li {
  padding-left: -15px;
}