#navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #8994D7; /* Background behind menu items and container box */
color: #333;
}
#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#navcontainer li
{
border-bottom: 1px solid #8994D7; /* Behind meny items */
margin: 0;
}
#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #5A649E;/* Box to left of menu item */
border-right: 10px solid #767FB3;/* Box to far right of menu item 8/ blending in to background of the whole menu */
background-color: #717AAB; /* color of menu itself */
color: #fff; /* Text color */
text-decoration: none;
width: 100%;
}
html>body #navcontainer li a { width: auto; }
#navcontainer li a:hover
{
border-left: 10px solid #6574CD;/* Rollover far left box color */
border-right: 10px solid #BCC5FB;/* Rollover far right box color */
background-color: #A2AEF7; /* Rollover List item box color */
color: #fff; /* text color */
}
#navcontainer li a:active
{
border-left: 10px solid #6574CD;/* Rollover far left box color */
border-right: 10px solid #BCC5FB;/* Rollover far right box color */
background-color: #A2AEF7; /* Rollover List item box color */
color: #fff; /* text color */
}