body {margin:10px; font:12px Verdana,Arial; background:#fff}
ul.menu {list-style:none; margin:0; padding:0; z-index:4;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#666666; text-decoration:none}
ul.menu li {position:relative; float:right; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#ffffff; display:none; opacity:0; list-style:none}
/* width = width of the menus */
ul.menu ul li {position:relative; border:0px; border-top:none; width:185px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#eaeaea}
ul.menu ul li a:hover {background-color:#c5c5c5}
/* left is the position of the pop-up submenus relative to the parent */
ul.menu ul ul {left:180px; top:-1px}
ul.menu .menulink {border:0px; padding:5px 27px 7px; font-weight:bold; background:url(http://www.raland.com/images/icons/header.gif); width:100px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(http://www.raland.com/images/icons/header_over.gif)}
ul.menu .menulinkLast {border:0px; padding:5px 0px 0px 0px; font-weight:bold; background:url(http://www.raland.com/images/icons/header.gif); width:70px}
ul.menu .menulinkLast:hover, ul.menu .menuhover {background:url(http://www.raland.com/images/icons/header_over.gif)}
/* 175 is the position of the arrow on the menu */
ul.menu .sub {background:#eaeaea url(http://www.raland.com/images/icons/arrow.gif) 175px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}