.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 #C4C4C4;
    font: normal 14px Calibri, Helvetica, Verdana;
    line-height: 18px;
    z-index: 100;
    /* zIndex should be greater than that of shadow's below */
    background: #fff;
    width: auto; /* default width for menu */
    padding: 4px 2px 6px 2px;
    margin-bottom: 8px;
}

.anylinkcss ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.anylinkcss ul li a {
    width: auto;
    display: block;
    padding: 1px 8px 1px 4px;
    text-decoration: none;
    color: #474747;
}

.anylinkcss a:hover { /*hover background color*/
    background-color: #F4F4F4;
    color: #4E4E4E;
    text-decoration: underline;
}

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