﻿/* CSS for a drop down menu */
#Menu {
  /*margin-top: 30px;*/
  z-index: 10;
  display: block;
}

  #Menu li {
    float: left;
  }

    #Menu li:hover {
      position: relative;
    }

    #Menu li a {
      display: block;
    }

    #Menu li ul {
      margin-top: 0px;
      display: none;
    }
    
    #Menu li:hover ul {
      display: block;
      position: absolute;
    }

    #Menu li ul li a {
      width: 150px;
    }

/*#SubMenu {
  background-color: #0099ff;
  color: white;
}*/

ul.Menu, li.Menu {
  list-style-type: none;
  display: inline-block;
  margin-right: 20px;
  vertical-align: text-top;
}

ul.SubMenu {
  background-color: #404040;
  margin: 0.1em 0.5em;
}

li.SubMenu {
  list-style-type: none;
  margin: 0;
  padding-bottom: 0.2em;
}
