.menulist {
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	padding: 2px 0px 0px 5px;
}
.menulist UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}
.menulist ul {
	display: none;
	position: absolute;
	top: 1.0em;
	margin-top: 15px;
	left: -1px;
	width: 180px;
	border-bottom: 1px solid #999999;
	background-color: #FFFFFF;
}

.menulist UL UL {
	LEFT: 148px;
	TOP: -1px;
	background-image: none;
}
.menulist LI {
	DISPLAY: block;
	FLOAT: left;
	POSITION: relative;
	padding: 0px;
	margin: 0px -1px 0px 0px;
}
.menulist UL LI {
	WIDTH: 199px;
	FLOAT: none;
	border: 1px solid #B9BEC1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -1px;
	margin-left: 0px;
}
UNKNOWN {
	MARGIN-BOTTOM: 0px
}
.menulist A {
	DISPLAY: block;
	COLOR: #666666;
	TEXT-DECORATION: none;
	padding: 6px 13px 6px 6px;
	font-size: 12px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	list-style-type: none;
	background-image: none;
}
.menulist A:hover {
	COLOR: #547DA7;
	BACKGROUND-COLOR: #E8EEF4;
	list-style-type: none;
	background-image: none;
}
.menulist A.highlighted:hover {
	background-image: none;
}
.menulist A:unknown {
	COLOR: #65a3d9; BACKGROUND-COLOR: #c9e7f4
}
.menulist A.highlighted {
	background-image: none;
}
/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/
.menulist a#rollover {
	COLOR: #666666;
	margin: 0px 10px 0px 5px;
	padding: 2px 2px 2px 10px;
	font-size: 12px;
	background-image: url(../assets/images/bullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    }
.menulist a#rollover:hover, .menulist a.highlighted#rollover, .menulist a:focus {
	color: #446688;
	background-image: url(../assets/images/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
    }
.menulist A .subind {
	DISPLAY: none
}
.menulist UL A .subind {
	DISPLAY: block; FLOAT: right
}
.menulist A {
	FLOAT: left
}
.menulist UL A {
	FLOAT: none
}
.menulist A {
	FLOAT: none
}
UNKNOWN {
	FLOAT: left; WIDTH: 100%
}
 HTML .menulist UL LI {
	FLOAT: left; HEIGHT: 1%
}
 HTML .menulist UL A {
	HEIGHT: 1%
}