/*===================ADMIN MENU========================*/
.menuMyMembership {z-index:201; float: right; background: url(Images/menu_mymembership.gif) no-repeat top right; height:52px; width:205px;}
.menuMyMembershipIcon {width:48px; height:42px; float:right; margin:5px 6px 0 0; background:#000;}

/* Basic code - don't modify */
 
  #nav { display: block; margin: 0; padding: 0; position: relative; z-index:200;}
  #nav li { display: block; list-style: none; margin:0; padding:0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 179px; }
#nav ul ul { left: 180px; }

/* Everything else is theming */
 
#nav { height: 24px; padding-top:9px;padding-left:20px;}
#nav *:hover { background-color: none; }
#nav a { font-size: 13px; color: #d1ff00; text-decoration: none; vertical-align:middle; padding-top:6px;padding-left:15px;}
#nav li.hover a { text-decoration: none; }
#nav ul { top: 35px;}
#nav ul li a {height:24px; background: #494949;}
#nav ul a.hover {  color: #fff; background: url(Images/menu_mymembership_bg_hover.gif) repeat-x center center; }
#nav ul a  
{
    border-right: solid 1px #000;
    border-left: solid 1px #000;
} 
#nav .first {border-top: solid 1px #000;}
#nav .last {border-bottom: solid 1px #000;}
/*opacity: 0.9; filter: alpha(opacity=90); }*/
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */