body,td {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none}
a      	    {  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #135456; text-decoration: underline}
a:hover     {  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #135456; text-decoration: underline}
a:visited   {  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #135456; text-decoration: underline}
a:active   {  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #135456; text-decoration: underline}
.teallarge {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: bold; color: #135456; text-decoration: none}
.teal {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #135456; text-decoration: none}
.white {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #ffffff; text-decoration: none}
a.white      	    {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: underline}
a.white:hover     {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: underline}
a.white:visited   {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: underline}
a.white:active   {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: underline}
.orange {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #ff6803; text-decoration: none}
.orangelarge {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #ff6803; text-decoration: none}
.graylarge {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #333333; text-decoration: none}
a.teal      	    {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #135456; text-decoration: underline}
a.teal:hover     {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #135456; text-decoration: underline}
a.teal:visited   {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #135456; text-decoration: underline}
a.teal:active   {  font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #135456; text-decoration: underline}
.thumbnail{
position: relative;
z-index: 0;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #f5e8d7;
padding: 5px;
left: -1000px;
border: 1px solid 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*/
visibility: visible;
top: 20px;
left: 20px; /*position where enlarged image should offset horizontally */
z-index: 50;
white-space: nowrap;
}