#nav{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    float:left; /* Clear floats */
    width:100%;
    
}
#nav li{
    float:left;
    margin-right:10px;
    position:relative;
}/*---Derek Moad 2019 Jesuit High School---*/
#nav a{
    display:block;
    padding:5px;
    color:#FF80FF;
    background:#333;
    text-decoration:none;
}
#nav a:hover{
    color:#fff;
    background:#6b0c36;
    text-decoration:underline;
}