function init() {
			//==========================================================================================
			// if supported, initialize TransMenus
			//==========================================================================================

			if (TransMenu.isSupported()) {
				TransMenu.initialize();

				// hook all the highlight swapping of the main toolbar to menu activation/deactivation
				// instead of simple rollover to get the effect where the button stays hightlit until
				// the menu is closed.

					
				menu1.onactivate = function() { document.getElementById("About-Us").className = "hover"; };
				menu1.ondeactivate = function() { document.getElementById("About-Us").className = ""; };
				
				menu2.onactivate = function() { document.getElementById("Board-Info").className = "hover"; };
				menu2.ondeactivate = function() { document.getElementById("Board-Info").className = ""; };
				
				menu3.onactivate = function() { document.getElementById("Projects").className = "hover"; };
				menu3.ondeactivate = function() { document.getElementById("Projects").className = ""; };

				menu4.onactivate = function() { document.getElementById("Education-Resources").className = "hover"; };
				menu4.ondeactivate = function() { document.getElementById("Education-Resources").className = ""; };
				
				menu5.onactivate = function() { document.getElementById("Water-Conservation").className = "hover"; };
				menu5.ondeactivate = function() { document.getElementById("Water-Conservation").className = ""; };

				menu6.onactivate = function() { document.getElementById("Preservation-Mitigation").className = "hover"; };
				menu6.ondeactivate = function() { document.getElementById("Preservation-Mitigation").className = ""; };
			
				
			}
		}