body { color: black; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-stretch: wider; background-color: white; letter-spacing: 2px; vertical-align: 12px; }

p { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 11px; }

td { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }

a:link { color: #f63 ; text-decoration: none; }

a:visited { color: #c0c0c0 ; text-decoration: none; }

a:hover { color: #adaeaf ; text-decoration: none; }

a:active { color: #f96 ; text-decoration: none; }

h2 { color: #b1b4b6; font-size: 1.5em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 0.83em 0; }

h1 { color: #b1b4b6; font-size: 1.5em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 0.67em 0; }

h3 { color: #939598; font-size: 1.17em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 1em 0; }

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
position: fixed;
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}