#ListNavigation
{
color: white;
background: #BA75FF;
border-bottom: 0.2em solid #BA75FF;
border-right: 0.2em solid #BA75FF;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: bold 0.75em Arial, sans-serif;
}

#ListNavigation li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#ListNavigation a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #BA75FF;
border-width: 1px;
border-style: solid;
border-color: #ccccFF #403C56 #5E607C white;
border-left: 1em solid #9429FF;
/* #5E607C; */
padding: 0.25em 0.5em 0.4em 0.75em;
}

/* border style for the current menu button selected (default selection is the first menu button*/
/* #ListNavigation a#current { border-color: #CCCCFF #403C56 #5E607C white; }  */

#ListNavigation a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#ListNavigation a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#ListNavigation a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

/* button color on mouse over */
#ListNavigation a:hover, #ListNavigation a#current:hover
{
background: #9429FF;
/* 6A6C8C; 5E607C  */
border-color: #403C56 #393951 #787A98 white;
border-left: 1em solid #fff;
padding: 0.4em 0.35em 0.25em 0.9em;
}

/* button color on active menu button*/
#ListNavigation a:active, #ListNavigation a#current:active
{
background: #9429FF 	 	;
border-color: #ccccFF #403C56 #5E607C white;
border-left: 1em solid #fff;
padding: 0.4em 0.35em 0.25em 0.9em;
}