var navRules = {

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

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

	};

	Behaviour.register(navRules);