/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

/* Begin CSS Popout Menu */

#dropmenu {
  width: 100%;
  float: left;
}

#dropmenu a {
  display: block;
  white-space: nowrap;
  margin: 0;
  padding: 1px 0 1px 3px;
  background-color: #ffffff
}

#dropmenu a {
  text-decoration: none;
}

div#dropmenu a.toplink {
  font: bold 1.2em;
}

#dropmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 7em; /* CHANGE MENU WIDTH HERE */
}

#dropmenu li {
  position: relative;
}

#dropmenu li ul {
  border-width: 1px;
  border-style: solid;
}

#dropmenu ul ul {
  position: absolute;
  z-index: 500;
  top: auto;
  display: none;
}

#dropmenu ul ul ul{
  top: 0;
  left: 100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#dropmenu a:hover {
  background-color: #0000ff
}

div#dropmenu li:hover {
  cursor: pointer;
  z-index: 100;
}

div#dropmenu li:hover ul ul,
div#dropmenu li li:hover ul ul,
div#dropmenu li li li:hover ul ul,
div#dropmenu li li li li:hover ul ul
{
  display: none;
}

div#dropmenu li:hover ul,
div#dropmenu li li:hover ul,
div#dropmenu li li li:hover ul,
div#dropmenu li li li li:hover ul
{
  display: block;
}

/* End of non-anchor hover selectors */

#dropmenu a.x, #dropmenu a.x:visited {
  background: url(/modules/taxonomy_dropmenu/expand.gif) no-repeat 100% 100%;
}

/* End CSS Popout Menu */
