ul.menu, ul.menu ul {
	width: 139px;
	padding: 0px; /* overrride default padding */
	margin: 0px;
	list-style-type: none;
}

ul.menu ul { 
	position: absolute;
	top: 0px;
	left: 139px;
	width: 99px;
}

li.menu {
	width:127px; /* necessary to specify explictly for IE6: ul width - padding*/
	height:20px;
	text-align:right;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 1px;
	padding-bottom:3px;
	margin: 0px;
	position: relative;
}

a.menu {
	font-family: Verdana;
	font-weight:bolder;
	color:black;
	font-size:11px;
	line-height:20px;
}

a.menu:link    {text-decoration:none;color:black;} 
a.menu:visited {text-decoration:none;color:black;} 
a.menu:active  {text-decoration:none;color:black;} 
a.menu:hover   {text-decoration:none;color:black;}

li.submenu {
	text-align:left;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 4px;
	line-height:12px;
}

li.submenu a {
	font-family: Verdana;
	font-weight:normal;
	text-align:left;
	color:black;
	font-size:10pt;
}

/* Without auto class menu stays closed*/
ul.menu  ul {
	display: none;
}

/* Display a menu always: Can only be used if the ul doesn't have the auto class.*/
li.menu.open ul {
	display: block;
}

/* Code to open the menu */
ul.auto.menu li  > ul { 
	display: none;
}
ul.auto.menu li:hover > ul { 
	display: block;
}

ul.menu img {
	margin:0px;
	padding:0px;
}