ul.MenuBarVertical {
	border: none;
	font-size: 100%;
	line-height: 1;
}

/*background of the main menu */
ul.MenuBarHorizontal li {

}

/*you may want to add sparator border between main menu item*/

ul.MenuBarHorizontal li {

/*border-right: 1px solid #fff;*/ /*border is on top in horizontal mode*/
}
ul.MenuBarVertical li {

}


ul.MenuBarVertical a, ul.MenuBarHorizontal a, ul.MenuBarHorizontal li.MenuBarItemIE, ul.MenuBarVertical li.MenuBarItemIE {
	color: #4d4d4d; /* text color in normal */
	text-decoration: underline;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #D6E389;
}

ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible,
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
	color: #F7FAE1;
	background-color: #B0B86D;
}

/* set the padding of list menu here*/
ul.MenuBarHorizontal a, ul.MenuBarVertical a {
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	background-color: #D6E389;
}
ul.MenuBarVertical  li  li.MenuBarItemIE  a:link {
	background-color: #D6E389;
	margin: 0px;
}
ul.MenuBarVertical li li.MenuBarItemIE a:hover {
	background-color: #B0B86D;
}



/* uncomment this to add border around sub menu */

ul.children {
	left: 136px;
/*border: 1px solid #fff;*/ 
}

/* this is the width of child menu */
ul.children li {
	border:none;
	width: 180px;
	left: 136px;
	background-color: #D6E389;
	/*border-top: 1px solid #ccc;*/ /*to add border between child menu, remove it if you don't want to*/
}

/* children background,font-size, padding here */
ul.children a {
	background: #B0B86D;
	color:#D6E389;
	text-decoration: underline;
}

/* children on hover */
ul.children li a:hover {
	background: #B0B86D;
	color:#F7FAE1
}