body {margin:26px; font:11px Verdana,Arial; background:#eee;}
ul.menu {list-style:none; margin:0; padding:0; text-align:center;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none;}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none; }
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:145px; margin:0;}/*This controls the sub menu and sub-submenu items. Formerly Width:148px.*/
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#000033; color:White; font-weight:bold;}/*Former backcolor was #d1d1d1. Controls sub & sub-sub menu item colors with no sub menu*/
ul.menu ul li a:hover {background-color:#ffffff; color:#000033; background-image:url('images/arrow.gif'); background-repeat:no-repeat;}/*Sub & sub-sub menu hover color. Formerly #c5c5c5.*/
ul.menu ul ul {left:145px; top:-1px}/*This controls how much to shift the sub-submenu to the left and down from the submenu.*/
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url('images/header.gif'); width:131px}/*Controls the width of the top level buttons. Formerly had Width:134px*/
ul.menu .menulink:hover, ul.menu .menuhover {background:url('images/header_over_2.gif'); color:White;}
ul.menu .sub {background:#000033 url('images/arrow_white.gif') no-repeat 135px 8px; font-weight:bold; color:white}
ul.menu .topline {border-top:1px solid #aaa}/*This adds a border to the 1st item in the sub menus.*/