#nav, #nav ul { padding: 0;  margin: 0;  list-style: none;  line-height: 1;}

#nav a                { display: block; background: url('images/menu-back.gif') top left no-repeat; width: 84px; height: 29px;padding-top: 20px;text-decoration: none; color: #52246a;}
#nav .double a        { padding: 12px 0 8px 0; }
#nav a.buttonselected { background-image: url('images/menu-backa.gif'); }
#nav a:hover          { background-image: url('images/menu-backa.gif'); color: #3c56a5;}





#nav li { float: left; width: 84px; position: relative; }
  
#nav .drop li a {font-size: 10pt; background: #e66a2b; color: white;  height: 20px; width: 76px; margin-left: 1px; display: block;padding-top: 5px; border-bottom: 1px solid #52246a;border-left: solid 2.1pt #52246a;border-right: solid 2.3pt #52246a;}
#nav .drop li a:hover {background: white; height: 20px; width: 76px; margin-left: 1px;display: block;color: #3c56a5;}

#nav ul.drop { position: absolute; padding: 0px; width: 76px; left: 0px; top: 49px; display: none; }
#nav li:hover ul.drop { display: block; left: -21px; }
#nav > li:hover ul.drop { left: 0px; }
 
#nav li:hover ul, #nav li.sfhover ul { left: auto;padding: 0px;}