#outer {width:100%; position: relative;}
#menu {list-style-type:none; padding:0; margin:0 auto; float: right;}

#menu ul {list-style-type:none; padding:0; margin:0;}

#menu li, #menu li ul li, #menu li.click ul li, #menu li.click ul li.hover ul li {float:left; background:#666; margin: 0px 1px 0px 0; position:relative;}

#menu li.sub {background:#000; padding: 3px 0px 4px 0px;} 

#menu li, #menu ul li, #menu li a, #menu li.sub ul li a, #menu li.click ul li a,
#menu ul li a {display:block; color:#fff; width:135px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold; padding: 3px 0px; 4px 0px}

#menu li:hover, #menu li a:hover, #menu li.click:hover,
#menu li.click a:hover, #menu li.hover:hover, #menu li.hover a:hover {background:#333;}

#menu ul {position:absolute;left:-9999px;width:135px;}
#menu li.click ul ul {position:absolute;left:-9999px;width:135px;}
#menu li.click ul li.hover ul ul {position:absolute;left:-9999px;width:135px;}

#menu li.hover {background:#333; z-index:500;}
#menu li.click {background:#333;}

#menu li.click ul li, #menu li.sub ul li {border-bottom:1px solid #ccc;}

#menu li.click ul {left:0px; top:24px; background:url(clear.gif);} /* the background image is for IE7 */
#menu li.click ul li.hover ul, #menu li.click ul li.hover ul li.hover ul {left:135px; top: 0px; background:url(clear.gif);}