menu {
  margin: 0 auto;
  position: absolute;
  text-align: center;
  z-index: 999;
  bottom: 0;
  width: 100%;
  height: 25px;
}

.dropdown {  
  display: inline-block;
  margin: 0 auto;
}

.sub_menu {
  list-style: none;
  text-align: left;
}

/* Level 1 */
ul.dropdown {
  list-style: none;
  position: relative;
}

  ul.dropdown li {
    background: #fff;
    float: left;
    font-weight: bold;
    zoom: 1;
  }
    
  ul.dropdown li a {
    border-right: 1px solid #961c1f;
    color: #333; /* Top menu font color */ 
    display: block;
    margin-right: 1px; 
    padding: 5px 25px;
  }
  
  ul.dropdown li:last-child a { /* Doesn't work in IE */
    border-right: none;
  } 
  
  ul.dropdown li.hover,
  ul.dropdown li:hover {
    background: #fafafa;
    border-left: none;
    position: relative;
  }
  
/* Level 2 */
  ul.dropdown ul {
    box-shadow: 0 1px 3px #999; /* Level 2 shadow */
    position: absolute;
    visibility: hidden;
    top: 100%;
    left: 0;
    width: 240px; /* Level 2 item width */
  }
  
  ul.dropdown ul li {
    background: #eaeaea;
    border-bottom: 1px solid #fafafa;
    float: none;
  }

  ul.dropdown ul li a	{ /* IE 6 & 7 Needs Inline Block */
    border-right: none;
    border-left: 1px solid #fafafa;
    display: inline-block;
    font-size: 90%;
    padding: 10px 0 10px 7px;
    text-shadow: 0 1px #fff;
    width: 100%;
  }
  
  ul.dropdown ul li a:hover {
    border-left: 1px solid #961c1f; /* Submenu item left border hover color */
    color: #961c1f; /* Submenu item text hover color */
  }

/* Level 3 */
  ul.dropdown ul ul {
    box-shadow: 0 3px 7px #999; /* Level 3 shadow */
    list-style: none;
    top: 0;
    left: 100%;
    z-index: 9999;
  }
  
  ul.dropdown li:hover > ul {
    visibility: visible;
  }