#menu {
	width:950px;
	background:#FFFFFF;
	height:40px;
	background: #dadada url(bgh.gif) repeat-x center;
}

ul.MenuBarVertical {
	border: none;
}

/*background of the main menu */
ul.MenuBarHorizontal li {
background: #dadada url(bgh.gif) repeat-x center;
height:40px;
line-height:30px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
}
ul.MenuBarVertical li {
background: #dadada url(bgv.gif) repeat-y center;
}

/*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 {
border-top: 1px solid #ccc; /*border is on top in vertical mode*/
}


ul.MenuBarVertical a, ul.MenuBarHorizontal a, ul.MenuBarHorizontal li.MenuBarItemIE, ul.MenuBarVertical li.MenuBarItemIE {
color: #fff; /* text color in normal */
}

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: #142601; /*text color when hovered */
background: #F2CB05;
}

/* set the padding of list menu here*/
ul.MenuBarHorizontal a, ul.MenuBarVertical a { 
	padding: 0.4em 0.75em;
}


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

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

/* this is the width of child menu */
ul.children li {
	width: 15em; 
	/*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 {
font-size: 12px;
background: #F28705;
padding:3px;
color:#fff;
height:40px;
}

/* children on hover */
ul.children li a:hover {
background: #F2CB05;
color:#000;
text-decoration:none;
}