/* top navigation  */
.menu {list-style-type:none;padding:0;margin:0 60px;}
.menu ul {list-style-type:none;padding:0;margin:0;}
.menu li {float:left;background:#566D8E;margin:3px 3px 0 0;position:relative; list-style-type:none;}/* i added list style type to make it work in FF */
.menu li.NOsub {background:#566D8E; line-height:12px}
.menu li.sub {background:#566D8E;}
.menu table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;}
.menu li a {display:block;color:#ffb036;font-family:Verdana, sans-serif; font-weight:bolder;font-size:11px;line-height:24px;width:160px;text-decoration:none;text-align:center; }
.menu :hover{color:#FFCE86;background:#658A86;}
.menu :hover > a {color:#FFCE86; background:#658A86;}
.menu ul, .menu :hover ul ul {position:absolute;left:-9999px;width:128px;}
.menu :hover ul{left:0px;top:24px;background:url(http://www.cssplay.co.uk/menus/transparent.gif); } /*the background image is for IE7  ;*/
.menu :hover ul{left:0px;top:24px;}
.menu :hover ul :hover ul {padding:0 3px;left:160px;top:-3px;}