/* Loss Prevention Consultancy */

/* topnav drop menu styles
** the styles will require tweaking for each implementation
**
** The following must be defined on the main stylesheet:
** #topnav
** ul, ul.submenu li, a and a:hover (if required) for #topnav
**
** an example (assumes font-size is 1em in the body tag):
** #topnav ul.topmenu      { margin: 0; padding: 0; list-style-type: none; font-size: 0.75em; color: white; font-weight: bold; line-height: 22px; display: block;}
** #topnav ul.submenu      { font-size: 100%; }
** #topnav ul.topmenu li   { display: inline; border-right: 1px solid white; padding: 0 10px 0 10px; }
** #topnav li a            { color: white; text-decoration: none; display: block;}
** #topnav 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: #041D52;
  text-decoration: none;
  margin: 0 0 0 11px;
  padding: 0 0 0 11px;
  background: url(/schema/gifs/topnavdropabg.gif) left center no-repeat;
  border: none;
}



#topnav ul.submenu li {

  /* second level <LI> styling */
  margin: 0 0 0 0px;
  padding: 0;
  text-align: left;
  padding: 3px 0 3px 0;
  width: 164px;
  color: black;
  /*border-right: 1px solid #041D52;
  border-left: 1px solid #041D52;*/
}

#topnav li ul.submenu {

  /* second level <UL> styling */
  position: absolute;
  left: -999em;
  width: 164px;
	height: auto;
  margin: 0;
  padding: 5px 0 5px 0;
  z-index: 5;
  border: 1px solid #041D52;
  background: white;
}

/*#topnav li:hover, #topnav li.iehover {
 border-bottom: 6px solid #00A4E4;
}*/

#topnav li:hover ul.submenu, #topnav li.ieHover ul.submenu {
  /* show the second level topnav when user hovers over first level li */
	left: auto;

}

/*#topnav li:hover li, #topnav li.ieHover li {
  border: none;
}*/

#topnav li:hover a, #topnav li.ieHover a {
  color: #00A4E4;
  background: url(/schema/gifs/topnavabg.gif) bottom left repeat-x; 
}

#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*/
  color: #6e8eaa; 
    background: url(/schema/gifs/topnavdropabg.gif) left center no-repeat;
}

#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: #00A4E4;
}


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