@font-face 	{ font-family: Palatino Linotype }
a:link     	{ text-decoration: none; color: #009900; }
a:visited  	{ text-decoration: none; color: #009900; }
a:hover    	{ text-decoration: none; color: #00cc00; }
a:active   	{ text-decoration: none; color: #00cc00; }
a:link img 	{ border: none; } 
a:visited img 	{ border: none; } 
a:hover img 	{ border: none; }
a:active img 	{ border: none; } 

body       	{ color: #333333;
           	  background-color: #ffffff;
           	  font-family: Palatino Linotype;
           	  scrollbar-face-color: #009900;
           	  scrollbar-shadow-color: #336633;
           	  scrollbar-highlight-color: #00cc00;
           	  scrollbar-3dlight-color: #99cc99;
           	  scrollbar-darkshadow-color: #003300;
          	  scrollbar-track-color: #ffffff;
          	  scrollbar-arrow-color: #003300 }

td.main		{ border-color: #009900; 
		  background-color: #cccccc;
        	  background-repeat: repeat-y;
		  border-style: double;
		  border-width: 3px }

p.footer	{ color: #999999; }

img		{ border: 1px solid #333333; }

img.logo	{ border: none; }

<style type="text/css">

.gallerycontainer{ position: relative;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
		}

.thumbnail img	{
		border: none;
		margin: 0 5px 5px 0;
		}

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

.thumbnail:hover img {
		border: none;
		}

.thumbnail span{ /*CSS for enlarged image*/
		position: absolute;
		background-color: transparent;
		padding: 0px;
		left: -1000px;
		border: none;
		visibility: hidden;
		color: #333333;
		text-decoration: none;
		}

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

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