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


.anylinkmenucols_a{
position: absolute;
width: 160px;
left: 0;
top: 0;
visibility: hidden;
border: 0px;
padding: 6px;
font: normal 11px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #6500ac;
}

.anylinkmenucols_a li{
padding-bottom: 3px;
}

.anylinkmenucols_a .column{
float: left;
padding: 3px 4px;
margin-right: 5px;
background: #6500ac;
}

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

.anylinkmenucols_a ul li a{
text-decoration: none;
font-weight: bold;
text-indent: 0px;
color: #a958ff;
}

.anylinkmenucols_a a:hover{ /*hover background color*/
background: #a958ff;
color: white;
}



.anylinkmenucols_l{
position: absolute;
width: 170px;
left: 0;
top: 0;
visibility: hidden;
border: 0px;
padding: 6px;
font: normal 11px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #007acf;
}

.anylinkmenucols_l li{
padding-bottom: 3px;
}

.anylinkmenucols_l .column{
float: left;
padding: 3px 4px;
margin-right: 5px;
background: #007acf;
}

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

.anylinkmenucols_l ul li a{
text-decoration: none;
font-weight: bold;
text-indent: 0px;
color: #3fc0ff;
}

.anylinkmenucols_l a:hover{ /*hover background color*/
background: #3fc0ff;
color: white;
}



.anylinkmenucols_s{
position: absolute;
width: 135px;
left: 0;
top: 0;
visibility: hidden;
border: 0px;
padding: 6px;
font: normal 11px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #be0062;
}

.anylinkmenucols_s li{
padding-bottom: 3px;
}

.anylinkmenucols_s .column{
float: left;
padding: 3px 4px;
margin-right: 5px;
background: #be0062;
}

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

.anylinkmenucols_s ul li a{
text-decoration: none;
font-weight: bold;
text-indent: 0px;
color: #ff2da9;
}

.anylinkmenucols_s a:hover{ /*hover background color*/
background: #ff2da9;
color: white;
}




.anylinkmenucols_t{
position: absolute;
width: 155px;
left: 0;
top: 0;
visibility: hidden;
border: 0px;
padding: 6px;
font: normal 11px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #f87b00;
}

.anylinkmenucols_t li{
padding-bottom: 3px;
}

.anylinkmenucols_t .column{
float: left;
padding: 3px 4px;
margin-right: 5px;
background: #f87b00;
}

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

.anylinkmenucols_t ul li a{
text-decoration: none;
font-weight: bold;
text-indent: 0px;
color: #febd01;
}

.anylinkmenucols_t a:hover{ /*hover background color*/
background: #febd01;
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: black;
visibility: hidden;
}