var navRules = {

		'#menu ul li' : function (element)
		{
			element.onmouseover = function()
			{
				this.className += "over";
			}
			element.onmouseout = function()
			{
				this.className = this.className.replace("over", "");
			}
		}, 

		'#menu ul li ul li' : function (element)
		{
			element.onmouseover = function()
			{
				this.className = "on";
			}
			element.onmouseout = function()
			{
				this.className = "";
			}
		}

	};

	Behaviour.register(navRules);