ul 
  {  
    list-style: none;  
    padding: 0;  
    margin: 0;  
    background: #B40404;  
    border: 1px solid black;
  }  

  ul li 
  {  
    display: block;  
    position: relative;  
    float: left;  
    background: #B40404;  
  } 

  /* The CSS to hide the sub menus */
  li ul { display: none; }

  ul li a 
  {
    display: block;
    padding: .2em 1em;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    font-weight: bold;
    font-size: 11pt;
    font-family: Arial;
  }

  ul li a:hover { background: #610B0B; }

  /* Displays the dropdown menu on hover */
  li:hover > ul 
  {
    display: block;
    position: absolute;
  }

  li:hover > ul li
  {
    list-style-position: inside;
    border: 1px solid black;
  }

  li:hover li { float: none; }

  li:hover a { background: #B40404; }

  li:hover li a:hover { background: #610B0B; }

  .main-navigation li ul li { border-top: 0; }

  /* Displays second level dropdown menus to the right of the first level dropdown menu */
  ul ul ul 
  {
    left: 100%;
    top: 0;
  }

  /* Clearfix */
  ul:before,
  ul:after 
  {
    content: " "; /* 1 */
    display: table; /* 2 */
  }

  ul:after { clear: both; }