.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/ background: #493721; } /* ######### Default class for drop down menus ######### */ .anylinkmenu{ position: absolute; left: 0; top: 0; visibility: hidden; border: 1px solid white; border-bottom-width: 0; font: normal 12px Verdana; line-height: 18px; z-index: 100; /* zIndex should be greater than that of shadow's below */ background: #493721; width: 200px; /* default width for menu */ } .anylinkmenu ul{ margin: 0; padding: 0; list-style-type: none; } .anylinkmenu ul li a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid white; padding: 2px 0; text-decoration: none; text-indent: 5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:white; line-height:30px; } .anylinkmenu a:hover{ /*hover background color*/ background: black; color: white; } /* ######### Alternate multi-column class for drop down menus ######### */ .anylinkmenucols{ position: absolute; width: 350px; left: 0; top: 0; visibility: hidden; border: 1px solid black; padding: 10px; font: normal 12px Verdana; z-index: 100; /*zIndex should be greater than that of shadow's below*/ background: #E9E9E9; } .anylinkmenucols li{ padding-bottom: 3px; } .anylinkmenucols .column{ float: left; padding: 3px 8px; margin-right: 5px; background: #E0E0E0; } .anylinkmenucols .column ul{ margin: 0; padding: 0; list-style-type: none; } /* ######### class for shadow DIV ######### */ .anylinkshadow{ /*CSS for shadow. Keep this as is */ position: absolute; left: 0; top: 0; z-index: 99; /*zIndex for shadow*/ background: black; visibility: hidden; }