.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: #f6f6f6; /* almost white */
border: 1px solid #cccccc;
border-width:1px;
padding: 10px;
padding-top: 20px;
font: normal 1em Arial;
color:#999;
text-decoration:none;
z-index: 100;

-moz-border-radius: 9px; -webkit-border-radius: 9px; 
-moz-border-radius: 9px; -webkit-border-radius: 9px;
-moz-border-radius: 9px; -webkit-border-radius: 9px; 
-moz-border-radius: 9px; -webkit-border-radius: 9px;


}

.megamenu a:link {color:#999;text-decoration:none;}
.megamenu a:visited {color:#999;text-decoration:none;}
.megamenu a:hover {color:#999;text-decoration:underline;}
.megamenu a:active {color:#999;text-decoration:none;}

.megamenu .column{
float: left;
width: 180px; /*width of each menu column WAS 150px*/
margin-right: 5px;
}

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

.megamenu .column ul li{
padding-bottom: 9px;
}

/* .megamenu .column h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
} */

.megamenu .column ul li a{
text-decoration: none;
}

.megamenu .column ul li a:hover{
text-decoration: underline;
}


/* new ones below */
.megamenu .column ul a li{
text-decoration: none;
}

.megamenu .column ul a:hover li{
text-decoration: underline;
}
/* new ones above */



/* added the below code on spring break 3/23/22 */
@media only screen and (max-width: 786px) {
.megamenu{
position: absolute; 
display: none;
left: 50px; /* was 0!!!!!!!!!!! */
top: 0;
background: #f6f6f6;
border: 1px solid #cccccc;
border-width:1px;
padding: 0; /* was 5px!!!!!!!!!!! */
padding-top: 20px;
font: normal 1.5em arial;
color:#999;
text-decoration:none;
z-index: 100;

-moz-border-radius: 9px; -webkit-border-radius: 9px; 
-moz-border-radius: 9px; -webkit-border-radius: 9px;
-moz-border-radius: 9px; -webkit-border-radius: 9px; 
-moz-border-radius: 9px; -webkit-border-radius: 9px;


}

.megamenu a:link {color:#999;text-decoration:none;}
.megamenu a:visited {color:#999;text-decoration:none;}
.megamenu a:hover {color:#999;text-decoration: none;}
.megamenu a:active {color:#999;text-decoration:none;}


.megamenu .column{
float: none;/*was float:left*/
width: 300px; /*was 350px*/
margin-right:0;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
display:block;
}

.megamenu .column ul li{
padding-top: 10px; /* was 9 */
padding-bottom: 10px; /* was 9 */
border-bottom:2px solid grey;
}

.megamenu .column ul li a{
text-decoration: none;

}

.megamenu .column ul li a:hover{
text-decoration: none;
}


/* new ones below */
.megamenu .column ul a li{
text-decoration: none;
}

.megamenu .column ul a:hover li{
text-decoration: none;
color:white;
background-color: #999;
transition: all 0.5s ease 0s;
}

/* new ones above */

 }