<!--
/**************************************************
 *             Dynamic CSS Menu                   *
 * Copyright:  Š2003 Ragbert, the WebboffinŽ      *
 * http://webboffin.crosswinds.net/               *
 **************************************************
 * You may use this script on personal, non-      *
 * commercial sites only.  Use of this script     *
 * requires the inclusion of this copyright       *
 * notice inside the script.                      *
 **************************************************
 * If you make any improvements to the script,    *
 * email "webboffin at crosswinds dot net" with   *
 * a link to your menu, and we'll give you credit *
 * for it.  &:-)                                  *
 *************************************************/

#navi {
  position: absolute;
  width: 12.5em;
  top: 48px;
  left: 7px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0;
  border-top: 1px solid #99c;
  border-right: 3px solid #669;
  border-bottom: 3px solid #669;
  border-left: 1px solid #99c;
  z-index: 999;
}

#menutitle, h2#menutitle {
  display: block;
  width: 100%;
  color: #009; background: #0cc none;
  font-weight: bold;
  font-size: 1.12em;
  text-align: center;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #99c;
}

ul#menumain { /* just the top level list */
  width: 100%;
  font-weight: bold;
  font-size: 1.12em;
  margin: 0;
  padding: 0;
  border: 0;
}

ul#menumain, ul#menumain ul { /* all lists */
  color: #00c; background: #fff none;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#menumain li { /* all list items */
  display: block;
  position : relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

ul#menumain li ul { /* second-level lists */
  position: absolute;
  left: -999em;
  color: #00c; background: #fff none;
  margin-top: 1.2em;
}

ul#menumain li ul li { /* second-level list items */
  width: 13.5em;
  color: #66c; background: #fff none;
  border: 1px solid #99c;
}

ul#menumain li ul ul {  /* third-and-above-level lists */
  left: 100%;
  color: #00c; background: #fff none;
  margin: 0;
  border: 1px solid #99c;
}

ul#menumain li a {
  display: block;
  width: 100%;
  color: #66c; background: #fff none;
  font-weight: normal;
  font-size: 1em;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

ul#menumain li a:hover {
  color: #fff; background: #942 none;
  font-weight: bold;
}

ul#menumain li:hover, ul#menumain li.IEhover {
  color: #009; background: #0cc none;
}

ul#menumain li li, ul#menumain li li li {
  width: 12em;
}

ul#menumain li:hover ul ul, ul#menumain li:hover ul ul ul, ul#menumain li.IEhover ul ul, ul#menumain li.IEhover ul ul ul {
  left: -999em;
}

ul#menumain li:hover ul, ul#menumain li li:hover ul, ul#menumain li li li:hover ul, ul#menumain li.IEhover ul, ul#menumain li li.IEhover ul, ul#menumain li li li.IEhover ul {
  top: 0;
  left: 100%;
  margin: 0;
  border-right: 1px solid #99c;
  border-bottom: 1px solid #99c;
  border-left: 1px solid #99c;
}

ul#menumain li li:hover ul, ul#menumain li li.IEhover ul, ul#menumain li li li:hover ul, ul#menumain li li li.IEhover ul {top: -2px;}

li.here {
  display: block;
  width: 100%;
  color: #069; background: #ccf none; 
  font-weight: bold;
}

span.expandRt {
  display: inline;
  color: #09c;
}

li:hover > span.expandRt, li.IEhover > span.expandRt {
  display: none;
}

span.expandDn {
  display: none;
}

li:hover > span.expandDn, li.IEhover > span.expandDn {
  display: inline;
  color: #009;
}

// -->