BODY {color:white;font-family:times new roman}
P,TD,TH,TR {color:black;font-family:times new roman}
A:link {color:darkblue}
A:visited {color:darkred}
A:hover {color:blue}




.thumbnaill{
position:  relative;
z-index: 0;
}

.thumbnaill:hover{
background-color: transparent;
z-index: 50;
}

.thumbnaill span{ /*CSS for enlarged image*/
position: absolute;
background-color: #C0DFFD;
padding: 3px;
right: 0px;
border: 2px solid black;
visibility: hidden;
color: black;
font-size: 10px;
text-decoration: none;

}

.thumbnaill span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnaill:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 100px;
right:  -250px; /*position where enlarged image should offset horizontally */

}




.thumbnailc{
position:  relative;
z-index: 0;
}

.thumbnailc:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailc span{ /*CSS for enlarged image*/
position: absolute;
background-color: #C0DFFD;
padding: 3px;
right: 0px;
border: 2px solid black;
visibility: hidden;
color: black;
font-size: 10px;
text-decoration: none;

}

.thumbnailc span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnailc:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 100px;
right:  -100px; /*position where enlarged image should offset horizontally */

}




.thumbnailr{
position:  relative;
z-index: 0;
}

.thumbnailr:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailr span{ /*CSS for enlarged image*/
position: absolute;
background-color: #C0DFFD;
padding: 3px;
right: 0px;
border: 2px solid black;
visibility: hidden;
color: black;
font-size: 10px;
text-decoration: none;

}

.thumbnailr span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnailr:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 100px;
right:  60px; /*position where enlarged image should offset horizontally */

}