#menu { z-index:500; margin:0 auto; padding:0; height:38px; width:100%; list-style:none; }
#menu li {float:left; border-left:1px solid #ffffff;}
#menu li a {display:block; float:left; width:140px; height:38px; line-height:38px; color:#ffffff !important; text-align:center; text-decoration:none; font-size:14px; background: transparent url(/images/menu/main_menu_bkg.png) 0 0 repeat-x; }
#menu li:first-child {border-left-width:0;}
#menu li:first-child a {width:145px;}
#menu li ul li a.flyout { cursor:default; }

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#menu li a:hover {z-index:200; position:relative; background-position: 0px -38px;}
#menu li:hover {position:relative; z-index:200;}
#menu li:hover > a {background-position: 0px -38px;}

#menu :hover ul {left:0px; top:38px;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul {left:165px; top:-1px; white-space:nowrap; width:165px; z-index:200; height:auto;}

#menu ul li {margin:0; background-color:transparent; border-width:0; border-top:1px solid #ffffff;}
#menu ul li a, #menu ul li:first-child a {width:165px; height:32px; line-height:32px; padding:0; text-align:left; text-indent:10px; color:#280a72 !important; background:transparent url(/images/menu/green_transparent.png) 0 0 repeat;}
#menu ul li a:hover {color:#ffffff !important; background-color:#02903A;}



#menu :hover ul :hover {}


#menu :hover ul :hover ul li a {width:150px; padding:0; text-indent:10px;}
#menu :hover ul :hover ul :hover {}