.anchorclass{
position: absolute;
left: 0;
top: 3;
visibility: true;
font: normal 13px Arial;
color: #ffffff;
text-decoration: none;
font-weight: bold;
line-height: 22px;
z-index: 100;
background: #346700;
text-indent: 3px;
padding: 3px 0;
width: 200px;
}

a.anchorclass:visited{
position: absolute;
left: 0;
top: 3;
visibility: true;
font: normal 13px Arial;
color: #ffffff;
text-decoration: none;
font-weight: bold;
line-height: 22px;
z-index: 100;
background: #346700;
text-indent: 3px;
padding: 3px 0;
width: 200px;
}

.selectedanchor{
position: absolute;
left: 0;
top: 3;
visibility: true;
border: 1px solid lightgreen;
border-bottom-width: 0;
font: normal 13px Arial;
color: #003300;
font-weight: bold;
line-height: 22px;
z-index: 100;
background: #ccffcc;
text-indent: 3px;
padding: 3px 0;
width: 200px;
}


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

.anylinkcss{
position: absolute;
left: 0;
top: 2;
visibility: hidden;
border: 1px solid lightgreen;
border-bottom-width: 0;
font: normal 12px Arial;
line-height: 22px;
z-index: 100;
background: #ccffcc;
width: 200px;
}

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

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background: green;
color: white;
}


/* ######### 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: #006600;
visibility: hidden;
}