/*this .CSS was modified from http://www.javascriptkit.com/ remove the default list bullets*/ .glossymenu, .glossymenu li ul{ list-style-type: none; margin: 0; padding: 0; width: 185px; /*WIDTH OF MAIN MENU ITEMS*/ border: 1px solid black; list-style:none; } .glossymenu li{ position: relative; list-style:none; } .glossymenu li a{ background: white url(glossyback.gif) repeat-x bottom left; font: bold 12px Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 5px 0; padding-left: 10px; text-decoration: none; list-style:none; } .glossymenu li ul{ /*SUB MENU STYLE*/ position: absolute; width: 190px; /*WIDTH OF SUB MENU ITEMS*/ left: 0; top: 0; display: none; } .glossymenu li ul li{ float: left; list-style:none; } .glossymenu li ul a{ width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */ list-style:none; } .glossymenu .arrowdiv{ position: absolute; right: 2px; background: transparent url(arrow.gif) no-repeat center right; list-style:none; } .glossymenu li a:visited, .glossymenu li a:active{ color: white; list-style:none; } .glossymenu li a:hover{ background-image: url(glossyback2.gif); list-style:none; } /* Holly Hack for IE \*/ * html .glossymenu li { float: left; height: 1%; } * html .glossymenu li a { height: 1%; } /* End */