@charset "utf-8";
/* CSS Document */
.menu-nav
{
 /* use these params to positions your menu */
 position: relative;
}
 
.menu-nav, .menu-nav li, .menu-nav li ul { /* all lists */
 padding: 0;
 margin: 0;
 list-style: none;
}
 
.menu-nav li a {
 display: block;
 color:#FFFFFF ;
 text-decoration:none;
}
 
.menu-nav li { /* all list items */
}
 
.menu-nav li ul { /* second-level lists */
 position: absolute;
  background-color:#8C7AD6;

 width: 12em;
 left: -98%; /* using left instead of display to hide menus because display: none isn’t read by screen readers */
}
 
.menu-nav li a:hover {
 border:2px solid #8C7AD6;
 background-color:#8C7AD6;
 color:#fff;
}
 
.menu-nav li:hover ul, .menu-nav li.sfhover ul  { /* lists nested under hovered list items */
 left: auto; /* change is to 10px, 20px, etc for indenting the sub menue */
}