/* CSS Document */

#main a{
display: block;
width: 150px;
color: black;
text-decoration: none;
border: 1px ;
border-bottom: 1px dotted black
}
#main a:hover{
border: 1px outset white;
background-color: #E6E6FA;
text-decoration: none;
color: #4B0082;
}

#new a{
display: block;
width: 150px;
color: mediumblue;
text-decoration: none;
border: 1px ;
border-bottom: 1px dotted black
}
#new a:hover{
border: 1px dashed MediumSlateBlue ;
background-color: #E0FFFF;
color: black;
text-decoration: none;
}

#updated a{
display: block;
width: 150px;
color: dark red;
text-decoration: none;
border: 1px ;
border-bottom: 1px dotted black
}
#updated a:hover{
border: 1px solid green;
background-color: PaleTurquoise ;
text-decoration: none;
color: navy;
}

#home a{
display: block;
width: 150px;
color: navy;
text-decoration: none;
border: 1px ;
border-bottom: 1px dotted black
}
#home a:hover{
border: 1px solid black;
background-color: white;
text-decoration: none;
color: navy;
}

#highlights a{
display: block;
width: 150px;
color: #2F4F4F;
text-decoration: none;
border: 1px ;
border-bottom: 1px dotted black
}
#highlights a:hover{
border: 1px outset red;
background-color: #FFF8DC;
text-decoration: none;
}

#upcomingevents a{
display: block;
width: 150px;
color: #191970;
text-decoration: none;
border: 1px ;
border-bottom: 1px dotted black
}
#upcomingevents a:hover{
border: 1px dashed white;
background-color: lightblue;
text-decoration: none;
}

#extraextra a{
display: block;
width: 150px;
color: black;
text-decoration: none;
border: 1px ;
border-bottom: 1px dotted black
}
#extraextra a:hover{
border: 1px dotted #8B0000;
background-color: #1E90FF;
text-decoration: none;
}

#services a{
display: block;
width: 150px;
color: navy;
text-decoration: none;
border: 1px ;
border-bottom: 1px dotted black
}
#services a:hover{
border: 1px solid white;
background-color: #48D1CC;
text-decoration: none;
}