.font10 { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.font12 { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.font16 { font-family: Verdana, Arial, sans-serif; font-size: 16px; }
.font24 { font-family: Verdana, Arial, sans-serif; font-size: 24px; }
.whitefont10 { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FFFFFF; }
.whitefont12 { font-family: Verdana, Arial, sans-serif; font-size: 12px; color:#FFFFFF; }
.greenfont12 { font-family: Verdana, Arial, sans-serif; font-size: 12px; color:#99FF99; }
.greyfont10 { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#999999; }

body { background-color: #FFFFFF; margin-top: 5px; margin-bottom: 5px; float: left; border: thin none #FFFFFF; }

.menu { font-family: "Courier New", Courier, mono; font-size: 12px; color: #666666;  }
a.menu:link { color: #666666; text-decoration: underline; }
a.menu:visited { color: #666666; text-decoration: underline; }
a.menu:hover { color: #0099FF; text-decoration: none; }
a.menu:active { color: #0099FF; text-decoration: none; }
FORM { display: inline; }

.dropshadow { h-offset: 0; v-offset: 0;  blur radius: 5px;
spread: 5px;  inside/outside: outside;
}
.enlargeimage { 
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px ;

}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
border: 1px black;
visibility: hidden;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/ 
visibility: visible; top: auto; left: 30px; /*position where enlarged image should offset horizontally */ 
z-index: 50; 
}