.parent {display:block;  position:relative;  float:left;  line-height:25px;   font-size:12px;   background-color:#4FA0D8;  border-right:#CCC 1px solid;  }
  .parent a{margin:10px;   font-size:12px;   color:#FFFFFF;  text-decoration:none;  }
  .parent:hover > ul {display:block;  position:absolute;  }

  .child {display:none;  }
  .child li {background-color:#E4EFF7;  line-height:25px;   font-size:12px;   border-bottom:#CCC 1px solid;  border-right:#CCC 1px solid;   width:100%;  }
  .child li a{color:#000000;  }

  ul{list-style:none;  margin:0;  padding:0px;   min-width:10em;  }
  ul ul ul{left:100%;  top:0;  margin-left:1px;  }
  li:hover {background-color:#95B4CA;  }

  .parent li:hover {background-color:#F0F0F0;  }
  .expand{font-size:12px;  float:right;  margin-right:5px;  }

/* HOTFIX: Ensure main menu dropdowns appear above page content + support click-to-open */
#menu { position: relative; z-index: 9999; }
.parent { position: relative; z-index: 9999; }

/* Hover for desktop + focus-within for click/touch/keyboard */
.parent:hover > ul,
.parent:focus-within > ul {
  display: block;
  position: absolute;
  z-index: 10000;
}

/* Make sure submenu itself sits on top */
.child { z-index: 10000; }


/* Click-to-open support (JS toggles .open on li.parent) */
.parent.open > ul.child {
  display: block;
  position: absolute;
  z-index: 10000;
}