/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
}
.menu ul ul li {
	width: 100%;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	left: 0; 
	height: 0;
	top: 31px;
	width: 190px;
	display: none;
	visibility: hidden;
	position: absolute;
}
/* another hack for IE5.5*/ 
* html .menu ul ul {
	top:30px;
	t\op:31px;
}

/* position the third level flyout menu*/
.menu ul ul ul {
	left:190px;
	top:0;
}
/* position the third level flyout menu for a left flyout */
.menu .right ul ul ul {
	left:-190px;
}

.menu ul li:hover ul,
.menu ul a:hover ul {
	display: block;
	visibility: visible; 
}
.menu ul :hover ul ul {
	visibility: hidden;
}
.menu ul :hover ul :hover ul ul {
	visibility: hidden;
}
.menu ul :hover ul :hover ul :hover ul ul {
	visibility: hidden;
}
.menu ul :hover ul :hover ul {
	display: block;
	visibility: visible;
}
.menu ul :hover ul :hover ul :hover ul { 
	display: block;
	visibility: visible;
}
.menu ul :hover ul :hover ul :hover ul :hover ul { 
	display: block;
	visibility: visible;
}
.menu ul li:hover ul ul,
.menu ul a:hover ul ul,
.menu ul :hover ul :hover ul ul,
.menu ul :hover ul :hover ul :hover ul ul,
.menu ul :hover ul :hover ul :hover ul :hover ul ul { 
	display: none;
	visibility: hidden;
}