/*----------------------------------------------------------------------------
 Drop-Down Menus
-----------------------------------------------------------------------------*/
#siteMenu {
  background-color:#f47b20;
  position: relative;
  top: 0px;
  left: 0px;
  height: 28px;
  z-index: 101;
  width:988px;
  margin-bottom:2px;
}

#listMenu {                  /* menu list container */
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#listMenu li {               /* top-level menu element */
  float:left;
  margin: 0px;
  display: block;
  width: 120px;
  height: 28px;
  text-align:center;
  border: #ffffff 2px solid;
  border-width: 0px 1px 0px 0px;
}

#listMenu ul {
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 120px;
  z-index: 99;
  /* border: #00ff00 solid 1px; */
  list-style-type: none;
  display: none;
}

#listMenu ul li {            /* second-level or greater menu element links */
  background: #999999;
  opacity:0.9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  _filter: alpha(opacity=90);
  border: #ffffff 1px solid;
  border-width: 0px 0px 1px 0px;
  margin: 0px;
  width: 140px;
  height: 22px;
  padding-left:4px;
  text-align:center;
  font-family:Arial, Sans-Serif;
}

#listMenu li a {
  text-align: left;
  width: 120px;
  display: block;
  color: #ffffff;
  padding-top: 4px;
  font-family: Arial, Sans-Serif;
  text-decoration:none;
  font-weight: bold;
  text-align:center;
  margin-top:0px;
}

#listMenu ul a {             /* all the other level menu link elements */
  /* padding: 1px; */
  margin: 0px;
  width: 108px;               /* I.E Css descrepency, border not-in box width */
  display: block;
  color: #ffffff;
  font-weight:bold;
  text-align:left;
}

#listMenu a:hover {           /* top-level hovering properties */
  display: block;
  color: #ffffff;
}

#listMenu li:hover {           /* top-level hovering properties */
  display:block;
  background-color:#999999;
}

#listMenu ul li a:hover {
  display: block;
  background-color:#999999;
  color:#333333; /* background-color: #cccccc; */  /* hover colour for li background */
  /* color: #316d8f; */
}

#listMenu ul ul {            /* higher-level list containers */
  display: none;
 /* position: absolute; */
  margin-left:2px;         /* where sub menus begin from left */
  margin-top:6px;          /* offset for submenus BEST NOT CHANGE THIS */
}

/* only Mozilla reads this -same as above basically */
#listMenu ul li>ul,
#listMenu ul ul li>ul{
  margin-top: -0em;          /* offset for submenus BEST NOT CHANGE THIS */
  margin-left:-4px;
}

/* Additional sub-menu levels in next 2 blocks. (Up to 5 levels of menus) */
#listMenu li:hover ul ul,
#listMenu li:hover ul ul ul,
#listMenu li:hover ul ul ul ul,
#listMenu li:hover ul ul ul ul ul {
  display:none;
}

#listMenu li:hover ul,
#listMenu ul li:hover ul,
#listMenu ul ul li:hover ul,
#listMenu ul ul ul li:hover ul,
#listMenu ul ul ul ul li:hover ul {
  display:block;
}
