/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
margin: 0;
color: #336699;
background-color: #FFF;
font-size: 12px;
padding: 0px;
width: 130px;
height: 15px;
list-style: none;
 }

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
display: none;
color: #336699;
background-color: #FFF;
font-size: 12px;
height: 15px;
 border: 1px solid #dadada;
 position: absolute;
 top: 0;
 left: 130px;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 position: relative;
 border-top: 1px solid #FFF;
 border-right: 3px solid #FFF;
 border-bottom: 1px solid #FFF;
 border-left: 3px solid #FFF;

}

/* Links inside the menu */
.menulist li a {
	display: block;
	color: #336699;
	height: 15px;
	background-color: #FFF;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	color: #000;
	background-color: #C1C1C1;
	margin: 0;
}
.menulist a.highlighted {
	color: #000;
	background-color: #C1C1C1;
	margin: 0;
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}