table.front {
   border-width: 10px;
   border-spacing: 5px;
   border-style: solid solid solid solid;
   border-color: red red red red;
   border-collapse: separate;
   background-color: white;
}

table.front th {
   border-width: medium medium medium medium;
   padding: 5px;
   border-style: solid solid solid solid;
   border-color: white;
   background-color: white;
   -moz-border-radius: 0px 0px 0px 0px;
}

table.front td {
   border-width: 0;
   padding: 10px;
   border-style: solid solid solid solid;
   border-color: red red red red;
   background-color: white;
   -moz-border-radius: 0px 0px 0px 0px;
}

table.about td {
   border-width: 0;
   padding: 5px;
   border-style: solid solid solid solid;
   border-color: red red red red;
   background-color: white;
   -moz-border-radius: 0px 0px 0px 0px;
   text-decoration: none;
}

table.content {
   border-width: none;
   border-spacing: 0px;
   border-style: collapse;
   border-color: white;
}

table.volunteer {
   border-width: none;
   border-spacing: 0px;
   border-style: collapse;
   border-color: white;
   background-color: lightyellow;
}

.about{
position: relative;
z-index: 0;
text-decoration: none;
}

.about2{
position: relative;
z-index: 0;
text-decoration: none;
}

.about:hover{
background-color: transparent;
z-index: 50;
text-decoration: none;
}

.about2:hover{
background-color: transparent;
z-index: 50;
text-decoration: none;
}

.about span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.about2 span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.about span img{
border-width: 0;
padding: 2px;
text-decoration: none;
}

.about:hover span{
visibility: visible;
top: 108;
left: -30px;
text-decoration: none;
}

.about2:hover span{
visibility: visible;
top: 108;
left: -300px;
text-decoration: none;
}