.menu_middle_content ul {
	list-style-type:none;
	float:left;
	padding:6px 0 6px 0;
	margin:0;
	width: 242px;
}
.menu_middle_content ul li {
	background:url(../images/menu_line.jpg) no-repeat bottom left;
	padding:5px 0 5px 10px;
	list-style-image:none;
	display:block;
	position: relative;
	
}
.menu_middle_content ul li a {
	text-decoration:none;
	color:#443a00;
}

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

/** Make the submenu to display vertical again **/
.menu_middle_content ul ul li{
	background-color: #D4BD2F;
	zoom: 1; /*IE6 haslayout bug fix*/
}

/** This line controls the position of 2nd level and onward submenus **/
.menu_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 **/
.menu_middle_content ul li:hover ul ul, .menu_middle_content ul li:hover ul ul ul, .menu_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 **/
.menu_middle_content ul li:hover ul, .menu_middle_content ul li li:hover ul, .menu_middle_content ul li li li:hover ul, .menu_middle_content ul li li li li:hover ul{display:block;}