.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/ background: #220B49; text-decoration: none; /*Added by me for testing*/ } /* ######### Default class for drop down menus ######### */ .frontAnylinkmenu{ position: absolute; left: 0; top: 0; visibility: hidden; border: 1px solid #220B49; border-bottom-width: 0; font: normal 12px Arial; text-align:center; line-height: 18px; z-index: 100; /* zIndex should be greater than that of shadow's below */ background: #fee3ad; width: 150px; /* default width for menu */ text-decoration: none; /*Added by me for testing*/ } .frontAnylinkmenu ul{ margin: 0; padding: 0; list-style-type: none; } .frontAnylinkmenu ul li a{ width: 100%; display: block; text-indent: 0px; border-bottom: 1px solid #220B49; padding: 2px 0; text-decoration: none; font-weight: bold; text-indent: 0px; color: #220B49; } .frontAnylinkmenu a:hover{ /*hover background color*/ background: #220B49; color: #FFFFFF; } /* ######### Alternate multi-column class for drop down menus ######### */ .frontAnylinkmenucols{ 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; } .frontAnylinkmenucols li{ padding-bottom: 3px; } .frontAnylinkmenucols .column{ float: left; padding: 3px 8px; margin-right: 5px; background: #E0E0E0; } .frontAnylinkmenucols .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; }