/*
Source - https://stackoverflow.com/a/61013949
Posted by Manjuboyz, modified by community. See post 'Timeline' for change history
Retrieved 2026-03-26, License - CC BY-SA 4.0
*/

  #nav {
  list-style: none inside;
  margin: 0;
  padding: 0;
  text-align: center;
}

#nav li {
  display: block;
  position: relative;
  float: left;
  margin-bottom: 0;
  background: #eeeeee;
  background: url("/images/background_light.gif");
  /* menu background color */
}

#nav li a {
  display: block;
  padding: 0;
  text-decoration: none;
  width: 190px;
  /* this is the width of the menu items */
  line-height: 2em;
  /* this is the height of the menu items */
  /*  color: #000000; */
  /* list item font color */
}

#nav li li a {
  font-size: 80%;
}
/* smaller font size for sub menu items */

#nav li:hover {
  background: #cccccc;
}
/* highlights current hovered list item and the parent list items when hovering over sub menues */

#nav ul {
  position: absolute;
  padding: 0;
  left: 0;
  display: none;
  /* hides sublists */
}

#nav li:hover ul ul {
  display: none;
}
/* hides sub-sublists */

#nav li:hover ul {
  display: block;
}
/* shows sublist on hover */

#nav li li:hover ul {
  display: block;
  /* shows sub-sublist on hover */
  margin-left: 190px;
  /* this should be the same width as the parent list item */
  margin-top: -35px;
  /* aligns top of sub menu with top of list item */