/* ACK Limited */

/* topnav drop menu styles
** the styles will require tweaking for each implementation
**
** The following must be defined on the main stylesheet:
**
** ul, ul.subnav li, a and a:hover (if required) for
**
** an example (assumes font-size is 1em in the body tag):
**  ul.topmenu      { margin: 0; padding: 0; list-style-type: none; font-size: 0.75em; color: white; font-weight: bold; line-height: 22px; display: block;}
**  ul.subnav      { font-size: 100%; }
**  ul.topmenu li   { display: inline; border-right: 1px solid white; padding: 0 10px 0 10px; }
**  li a            { color: white; text-decoration: none; display: block;}
**  li a:hover      { color: #ff9900; text-decoration: none; }
**
** The following code needs to be inserted in the template to enable the drop downs to work in ie6:
**
** <script type="text/javascript" language="JavaScript">
** <!-- //
**  // script to deal with the drop downs in IE
**  // adapted from sucker fish drop downs
**  ieHover = function() {
**  var theLis = document.getElementById("topnav").getElementsByTagName("li");
**  for (var i=0; i<theLis.length; i++) {
**      theLis[i].onmouseover=function() {
**      this.className+=" ieHover";
**    }
**    theLis[i].onmouseout=function() {
**      this.className=this.className.replace(new RegExp(" ieHover\\b"), "");
**    }
**  }
**}
**if (window.attachEvent) window.attachEvent("onload", ieHover);
** // -->
** </script>
**
*/


#topnav li li a {
  /* <A> styling for second level onwards */
  color: white;
  text-decoration: none;
  margin: 0;
  padding: 0 13px 0 10px;
  display: block;
  width: auto;
}



 #topnav ul.subnav li {

  /* second level <LI> styling */
  margin: 0;
  padding: 0;
  text-align: left;
  clear: both;
  float: left;
  padding: 0;
  width: auto;
  color: #663333;
  border: none;
  background: none;
  display: block;
}

#topnav li ul.subnav {

  /* second level <UL> styling */
  position: absolute;

  left: -999em;/
  width: auto;
  height: auto;

  margin: 0 0 0 -8px;

  padding: 0 0 5px 0;
  z-index: 5;
  background: #C43C24;
  font-size: 100%;
  list-style-type: none;
  display: block;
}

  #topnav li:hover,   #topnav li.iehover {
 }

 #topnav li:hover ul,  #topnav li.ieHover ul {

  /* show the second level topnav when user hovers over first level li */

	left: auto;


}

 #topnav li:hover li,  #topnav li.ieHover li {
}

 #topnav li:hover a,  #topnav li.ieHover a {
}

 #topnav li:hover li a,  #topnav li.ieHover li a {
  /* prevent all <A> tags highlighting when top level highlighted only use if a tags on top levels with dropdowns*/
}

 #topnav li li:hover,  #topnav li li.ieHover {
}

 #topnav li li:hover a,  #topnav li li.ieHover a {

 /* hover styling for level 2 <A> */
  color: black;

}


 #topnav li li:hover li a,  #topnav li li.ieHover li a {
  /* prevent all <A> tags highlighting when second level highlighted */
}