/** first menu layer **/
#menu {background:url(../images/menu_bg.jpg) #333333 0px 0px no-repeat; width:100%; z-index:100; height:24px; padding-left:1px;}
#menu a {color:#FFF; background:url(../images/menu_bg.jpg) right center no-repeat; text-decoration:none; font-size:11px; padding:4px 10px 7px 10px; float:left;}
#menu a:hover, #menu li:hover a {padding:5px 9px 5px 9px; color:#333333; background:#FFF; border:1px solid #333333; border-bottom:none;}

/* for the first and last links */
#menu a.first {padding:4px 11px 7px 11px;}	
#menu a.last {padding:4px 11px 7px 10px;} 
#menu a.first:hover {padding:5px 10px 5px 10px;}
#menu a.last:hover {padding:5px 10px 5px 9px;}

#menu a.active, #menu a.active:hover {padding:4px 10px 8px 10px;} 

/** second menu layer **/
#menu ul {list-style:none; z-index:200;}
#menu ul li {float:left; position:relative;}
#menu ul li ul {position:absolute; top:-99999px; left:-99999px; width:165px; padding:0px 2px 7px 2px; border:4px solid #333333; border-top:none; background:#FFF; z-index:300;}
#menu ul li ul li {width:100%; text-align:left; padding:0px 0px; background:url(../images/arrow_down.gif) no-repeat; background-color:#FFF;}

#menu ul li ul.last {width:183px;}	/* for the last sub ul */

#menu ul li table {position:absolute; left:0px; top:0px; width:150px;}
#menu ul *:hover ul {top:24px; left:-3px;}

#menu ul li ul li a, #menu li:hover ul a {color:#333; display:block; float:none; padding:7px 10px; font-size:11px; font-weight:normal; border:none; border-top:1px solid #EAEAEA; background:#FFF; width:145px; #width:143px;}

#menu ul li ul.last li a, #menu li:hover ul.last a {width:163px; #width:161px;} 	/* for the lasat sub ul */

#menu ul li ul li a:hover {padding:7px 10px; background:#666666; color:#FFF;}zz