/*
####################################################################
# SystematicMenu - Standards compliant popup menu script 
#
# Copyright (C) 2002 by Paul Smith (Paul@Systematic-NI.com) 
#
# This program is free software; you can redistribute it and/or 
# modify it under the terms of the GNU General Public License 
# as published by the Free Software Foundation; either version 2 
# of the License, or (at your option) any later version. 
# This program is distributed in the hope that it will be useful, 
# but WITHOUT ANY WARRANTY; without even the implied warranty of 
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the 
# GNU General Public License for more details. 
# You should have received a copy of the GNU General Public License 
# along with this program; if not, write to the 
# Free Software Foundation, Inc.,
# 59 Temple Place - Suite 330, 
# Boston, MA  02111-1307, USA. 
# $Id: SystematicMenu,v 1.0 2002/10/13 11:00:00
####################################################################

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;
IE5 uses script to manipulate MS proprietary DOM objects, as it does 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
*/


a {
font-family:Verdana; font-size:11px; text-decoration:none; font-weight:200; color: #666666;
}
a:hover{
text-decoration:underline;
}

.menu {
position: relative;
background: #cccccc;
width:100px;
float:left;
padding-bottom:5px

}
div.menubox{
background:#cccccc;
width:110px;
z-index: 100
}

/* The remaining "advanced" rules are ignored by Netscape 4 (and IE5.0?) due to the next line so leave the menu on screen */
/*/*/
div.menubox{
position: absolute;
margin-left:0px;
visibility:hidden;
}
/*IE5 cant deal with the next rules so the script at the end of the page is necessary*/
div.menu:hover > div.menubox, div.menubox:hover {

visibility:visible;
top:0px;
}