/*
This script is compliant with HTML4.01 Transitional and CSS2.
Gecko based browsers (eg Netscape 6 and Mozilla) use CSS for ALL of the menu manipulation;
IE4+ uses script to manipulate MS proprietary BOM objects, as they do not recognise some CSS2;
other browsers ignore the script block as only IE recognises script type "text/Jscript";
Browsers capable of rendering CSS but prior to Gecko eg NS4 ignore CSS code after a / * / * / line
so they leave all menu items on screen;
Browsers which do not recognise CSS or script also leave all menu items on screen;
so the menus degrade properly for older or security constrained browsers.
Nested menuitems are handled by dropping a <div class="menu"> into the list of menu items
*/


// JavaScript Code that uses proprietary BOM
// Internet Explorer features not available in
// other browsers.
// Apparently IE5.0 does not read menu.css past the /*/*/ line so the following is necessary to 
// hide the submenus at start up
document.write("<style type='text/css'>div.menubox{position: absolute;margin-left:0px;visibility:hidden;} </style>");


// IE4&5 do not support hover on objects other than anchors
//the following script does for IE4&5 what the advanced css does for Gecko!
function openmenu(menutoshow){
if(menutoshow.children.tags("DIV").length>0){
  menu=menutoshow.children.tags("DIV").item(0);
  menu.style.left=138;
  menu.style.visibility="visible";
  menu.style.top=0;
  }
}

function leavemenu(menutohide){
if(menutohide.children.tags("DIV").length>0){
 var newelement=event.toElement;
 if (newelement != menutohide.children.tags("DIV").item(0)){
   menutohide.children.tags("DIV").item(0).style.visibility="hidden";
   }
}}