.menubg {background:#A82325;}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#ffffff; text-decoration:none}
ul.menu li {height: 33px; z-index: 999; position:relative; float:left; margin-right:2px; text-align:left;}

ul.menu ul {position:absolute; top:33px; left:0; background-color:#A82325; display:none; opacity:0; list-style:none} /* For horizontal menu do -> top:26px; For vertical do -> top:0px; */

ul.menu ul li {height: 21px; z-index: 999; position:relative; border:1px solid #ffffff; border-top:none; width:220px; margin:0; text-align:left;} /* Make the width the same as below and in the .js file. Also, reposition the sub-menu arrow below. */
ul.menu ul li a {font-size: 12px; display:block; padding:3px 7px 3px; background-color:#A82325}
ul.menu ul li a:hover {background-color:#A82325; color:#ffffff;}

ul.menu ul ul {left:220px; top:-1px} /* Make the width the same as above and in the .js file */

ul.menu .menulink {height: 23px; border-right: 1px solid #ffffff; font-size: 14px; padding:8px 27px 2px 27px; font-weight:normal; color: #ffffff;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #ffffff;}

ul.menu .menulinkSelected {height: 23px; border-right: 1px solid #ffffff; background: #4B5D80; font-size: 14px; padding:8px 27px 2px 27px; font-weight:bold; color: #ffffff;}
ul.menu .menulinkSelected:hover, ul.menu .menuhover {color: #ffffff;}

ul.menu .sub {background:#A82325 url(/themes/13/menu/images/arrow-white.gif) 208px 8px no-repeat}
ul.menu .topline {border-top:1px solid #ffffff}