.galtop {
  width: 100%;
  border-top:2px solid #008FE0; 
  border-left:2px solid #008FE0; 
  border-bottom:2px solid #33CC00; 
  border-right:2px solid #33CC00;
 }
.galtop td {       
       border-top:1px solid #33CC00; 
       border-left:1px solid #33CC00; 
       border-bottom:1px solid #008FE0; 
       border-right:1px solid #008FE0;
       }    
.navbutton {
   float: left;
   width: 230px;
   background-color: #ECF5FF;
   border: 1px solid #66CCFF;
   padding: 2px;
   font-family: Verdana; font-size: 13px; text-align: center;
   margin-left: 6px; margin-top: 2px; margin-bottom: 2px;
}
.back {
   float:left;
   width: 230px;
   background-color: #E2FFD9;
   border: 1px solid #33CC00;
   padding: 2px;
   font-family: Verdana; font-size: 13px; text-align: center;
   margin-left: 6px; margin-top: 2px; margin-bottom: 2px;
}
a:link {text-decoration: none; color: blue}
a:visited {text-decoration: none; color: purple}
a:hover {text-decoration: underline; color: #FF9966}
/* a:active {text-decoration: none; background-color: #FFFFCC} */

.gallerycontainer{   /*this contains both the thumbnails & enlarged image */
position: relative;  
margin-left: 10px; 
/*Can add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white; /*none makes them "jerk" when clicked*/
margin: 0 5px 5px 0;
}

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

.thumbnail:hover img{
border: 1px solid #008FE0 /* alternative: 4px solid #CEE7FF; */
}

.thumbnail span{ /*CSS for enlarged image*/
position: fixed;  /*CHANGED FROM absolute TO fixed, so enlarged image stays within view for small screens 
                   - MUST use DTD on pagefor IE7 to work */
background-color: #EBF8FC;
padding: 6px;
left: -1000px;
border: 1px dashed #66CCFF;  /*or try our green: #33CC00 */
visibility: hidden;
color: black;
text-decoration: none;
font-family: Verdana; 
font-size: 13px; 
text-align: Center;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 22px; /*CHANGED FROM 0 TO 20px to keep image visible */
left: 355px; /*position where enlarged image should offset horizontally 355*/
z-index: 50;
}