/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.glossymenu{

list-style-type: none;

margin: 5px 0;

padding: 0;

width: 200px;

border: 0px solid #9A9A9A;

border-bottom-width: 0;

}



.glossymenu li a{

background: white url(images/glossyback.gif) repeat-x bottom left;

font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: black;

display: block;

width: auto;

padding: 5px 0;

padding-left: 10px;

text-decoration: none;

}



* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */

width: 160px;

}



.glossymenu li a:visited, .glossymenu li a:active{

color: black;

}



.glossymenu li a:hover{

background-image: url(images/glossyback2.gif);

color: white;

}



.glossymenu li li a{

background: white url(images/glossyback2.gif) repeat-x bottom left;

font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: white;

display: block;

width: auto;

padding: 5px 0;

padding-left: 7px;

text-decoration: none;

}



.glossymenu li li a{ /*IE only. Actual menu width minus left padding of A element (10px) */

width: 155px;

}



.glossymenu li li a:visited, .glossymenu li a:active{

color: black;

}



.glossymenu li li a:hover{

background-image: url(images/glossyback.gif);

color: black;

}