/*
The submenus are hidden by javascript creating CSS, rather than by applying css directly, so that the submenus are not hidden to users with CSS enabled but Javascript disabled.

If a javascript function is called to apply the CSS when the page loads, there will be a brief flash where the expanded menu is visible.  To prevent this, a CSS statement that hides the menu is created by javascript BEFORE the page loads.

Unfortunately, the standard DOM functions don't work correctly in Internet Explorer.  Also, versions of IE older than 8 don't support the CSS used to position the menus off-screen (which should make screenreaders read them even when the menu is not expanded), so different CSS needs to be used for those versions.

The end result is 3 js files, separated by IE conditional statements.  This file is the one used by non-IE browsers.
*/

var add_css = document.createElement('style');
add_css.setAttribute('type','text/css');
var css_text = document.createTextNode('ul#nav li ul{position:absolute;left:-999em;height:0;}');

add_css.appendChild(css_text);
document.getElementsByTagName("head")[0].appendChild(add_css);