/**** Styles for Drop Down Menus ****/

#dropDownMenu {
  z-index:20;
}

div#dropDownMenu {
  background:#00669a;
  /* Firefox won't render width without float */
  float:left;
  width:800px;
  position:absolute;
  top:106px;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
}

#dropDownMenu ul, #dropDownMenu ul li ul {
  /* First and second level lists */
  padding:0;
  margin:0;
  list-style:none;
}

#dropDownMenu ul li ul {
  /* Second level lists are invisible */
  display:none;
  position:absolute;
  /* Need to specify top and left for IE */
  top:1.5em;
  left:0;
}

#dropDownMenu li {
  /* First level list items float horizontally */
  float:left;
  position:relative;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:10px;
  padding-right:10px;
  border-right:1px solid #ffffff;
  background:#00669a;
  font-family:verdana,arial,sans;
  font-size:small;
  font-weight:bold;
}

#dropDownMenu li ul li {
  /* Second level list items stay vertical */
  float:none;
  border-right:0;
  border-bottom:1px solid #ffffff;
  width:8em;
}

#dropDownMenu li:hover {
  background:#0099cc;
}

#dropDownMenu li:hover ul {
  /* Lists nested under hovered list items appear */
  display: block;
}

#dropDownMenu ul li a, #dropDownMenu ul li ul li a {
  /* Style links in main and submenu */
  color:#ffffff;
  text-decoration:none;
}

/***** For Internet Explorer *****/
/* Font and other resizing needed because of our DOCTYPE */

* html body {
  /* Extremely nifty script by Peter Nederlof fixes IE's hover shortcomings so we can
     apply the hover pseudo class to any element just like in non-IE browsers.
  */
  behavior:url("../../javascript/csshover.htc");
}

* html #dropDownMenu li {
  font-size:x-small;
}

* html #dropDownMenu li ul li {
  width:9.3em;
}

* html div#dropDownMenu {
  width:802px;
}