/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
body
{
background:darkorange;
color: white;
font-weight:bold;
text-decoration:none;
font-size:24px;}
.gallerycontainer{
float:right;
margin:100px 10px 0px 0px;
background:orange;
height:640px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 2px solid white;
margin: 0 0px 5px 0;
padding:1px;
}

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

.thumbnail:hover img{
border: 2px solid white;

}
a
{ text-decoration: none;
color:white;
 }
a:visitied
{color:white;}
a:hover
{color:gold;}
a:active
{color:white;}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding:0px;
align:center;
background-color:darkorange;
left: -1100px;
border: 0px solid white;
visibility: hidden;
color: white;
font-weight:bold;
font-size:24px;
text-decoration:none;
}

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

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 120px;
left:20px; /*position where enlarged image should offset horizontally */z-index: 50;
text-decoration:none;

}