.navigation_middle_content ul {
	list-style-type:none;
}

.navigation_middle_content ul li {
	float:left;
	display:block;
	position: relative;
}

/** First level submenu controls **/
.navigation_middle_content ul ul{
	position: absolute;
	display:none;
	top: 29px;       /** Some position adjustment (height of the line) **/
	left: 0px; 
}

/** Make the submenu to display vertical again **/
.navigation_middle_content ul ul li{
	float: left;
}

/** This line controls the position of 2nd level and onward submenus **/
.navigation_middle_content ul ul ul {
	left: 210px;     /** This should be the width of the submenu */
	top: 0px;
}


/** This line hide all the children of the children menu when current item is hovered on **/
.navigation_middle_content ul li:hover ul ul, .navigation_middle_content ul li:hover ul ul ul, .navigation_middle_content ul li:hover ul ul ul ul{display:none;}
/** This line displays the children of the current item when it is hovered on **/
.navigation_middle_content ul li:hover ul, .navigation_middle_content ul li li:hover ul, .navigation_middle_content ul li li li:hover ul, .navigation_middle_content ul li li li li:hover ul{display:block;}