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


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

.anylinkcss {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  border-bottom-width: 0;
  z-index: 100; /* zIndex should be greater than that of shadow's below */
  width: 200px; /* default width for menu */
}

*+html .anylinkcss {
  position: absolute;
  left: 10px;
  top: 0;
  visibility: hidden;
  border-bottom-width: 0;
  z-index: 100; /* zIndex should be greater than that of shadow's below */
  width: 200px; /* default width for menu */
}

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

.anylinkcss ul li a {
  width: 100%;
  display: block;
  padding: 0;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #000;
  text-align: center;
  list-style: none;
  background: url(../images/nav_bg_.jpg);
  -moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=80);
}

.anylinkcss a:hover { /*hover background color*/
  background: url(../images/nav_bg.jpg);
  -moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=80);
}

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