.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/

background: yellow;

}





/* ######### Default class for drop down menus ######### */



.anylinkcss{

position: absolute;

left: 0;

top: 0;

visibility: hidden;

border: 1px solid black;

border-bottom-width: 0;

font: bold 16px Verdana;

line-height: 35px;

z-index: 100; /* zIndex should be greater than that of shadow's below */

background: lightyellow;

width: 230px; /* default width for menu */

margin-left: -4px;

}



.anylinkcss ul{

margin: 0;

padding: 0;

list-style-type: none;

}



.anylinkcss ul li a{

color: #000000;

width: 100%;

display: block;

border-bottom: 1px solid black;

padding: 3px 0;

text-decoration: none;

font-weight: bold;

text-indent: 7px;

}



.anylinkcss a:hover{ /*hover background color*/

background: black;

color: white;

}



/* ######### Alternate multi-column class for drop down menus ######### */





.anylinkcsscols{

position: absolute;

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: #DEFFCA;

}



.anylinkcsscols .column{

width: 130px;

float: left;

}



.anylinkcsscols .column ul{

margin: 0;

padding: 0;

list-style-type: none;

}



.anylinkcsscols li{

padding-bottom: 3px;

}



/* ######### 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;

}