
.submenu li:hover ul ul, .submenu  li:hover ul ul ul, .submenu  li:hover ul ul ul ul{
display:none;
}
.submenu  li:hover ul, .submenu  li li:hover ul, .submenu  li li li:hover ul, .submenu  li li li li:hover ul{
display:block;
}

li.submenu  {
	line-height:1em; 
}


 ul.submenu {
	list-style-type:none;
	list-style-position:outside;
	margin: 0;
	padding: 0;
	border: none;
}
	

ul.submenu li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 0px;
	border-right: 0;
	color: #000;
	text-decoration: none;
	border-bottom: none;
}

html>body  li a {
	width: auto;
}

li.submenu a:hover {
	display: block;
	border-left: 10px;
	border-bottom: none;
}

li.submenu ul li
{
	margin-left: 10px
}

li.submenu ul li
{
	list-style-type: none;
}

.submenu li ul li a:before {
	margin-left: -10px;
	content: "\002D \0020";
	display: inline;
}

.submenu a.cbc1:hover {
	background-color: #e7b447;
	color: #fff;
}

.submenu a.mbc1 {
	/* mustard */
	background-color: #e7b447;
	color: #fff;

}

.submenu a.mbc2 {
	/* pillar box red */
	background-color: #e66c45;
	color: #fff;
}

.submenu a.cbc2:hover {
	/* pillar box red */
	background-color: #e66c45;
	color: #fff;
}


.submenu a.mbc3 {
	/* dark green */
	background-color: #457332;
	color: #fff;
}


.submenu a.cbc3:hover {
	/* dark green */
	background-color: #457332;
	color: #fff;
}


.submenu a.mbc4 {
	/* navy */
	background-color: #4f5796;
	color: #fff;
}

.submenu a.cbc4:hover {
	/* navy */
	background-color: #4f5796;
	color: #fff;
}

.submenu a.mbc5 {
	/* dark purple */
	background-color: #6a2e88;
	color: #fff;
}

.submenu a.cbc5:hover {
	/* dark purple */
	background-color: #6a2e88;
	color: #fff;
}

.submenu a.mbc6 {
	/* sage */
	background-color: #615733;
	color: #fff;
}

.submenu a.cbc6:hover {
	/* sage */
	background-color: #615733;
	color: #fff;
}


