#menu ul{
	display:block;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#menu li{
	position:relative;
	float:left;
}

#menu ul ul{
	display:none;
	position:absolute;
	left:0%;
	top:100%;
}

#menu li li{
	clear:left;
}

#menu ul ul ul{
	left:100%;
	top:0%;
}

#menu li:hover > ul{
	display:block;
}

#menu li{
	behavior:expression(
		(
			function(elm){
				elm.onmouseover = function(){elm.className="menu1";};
				elm.onmouseout = function(){elm.className="";};
				elm.style.behavior = "none";
			}
		)(this)
	);
}

#menu .menu1 ul{
	display:block;
}

#menu .menu1 * ul{
	display:none;
}

#menu li li{
	behavior:expression(
		(
			function(elm){
				elm.onmouseover = function(){elm.className="menu2";};
				elm.onmouseout = function(){elm.className="";};
				elm.style.behavior = "none";
			}
		)(this)
	);
}

#menu .menu2 ul{
	display:block;
}

#menu .menu2 * ul{
	display:none;
}

#menu li li li
{
	behavior:expression(
		(
			function(elm){
				elm.onmouseover = function(){elm.className="menu3";};
				elm.onmouseout = function(){elm.className="";};
				elm.style.behavior = "none";
			}
		)(this)
	);
}

#menu .menu3 ul{
	display:block;
}

#menu .menu3 * ul{
	display:none;
}

#menu li li li li
{
	behavior:expression(
		(
			function(elm){
				elm.onmouseover = function(){elm.className="menu4";};
				elm.onmouseout = function(){elm.className="";};
				elm.style.behavior = "none";
			}
		)(this)
	);
}

#menu .menu4 ul{
	display:block;
}

#menu .menu4 * ul{
	display:none;
}