/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallery  { text-align: left; float: left; margin: 10px 10px 10px 40px; position: relative; width: auto; height: auto }
.gallery1 { text-align: left; float: left; margin: 10px 10px 10px 40px; position: relative; width: auto; height: auto }
.gallery p     { color: white; font-size: 0.8em; text-align: justify; font-name: Ariel  }
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.gallery1 img { margin: 0 5px 5px 0; border: solid 1px white }
.thumbnail img 
.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img { border: solid 1px #F3BC14 }

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #00005E;
padding: 30px;
left: -1000px;
border:1px ;
visibility: hidden;
color: white;
text-decoration: none;
}

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

.thumbnail:hover span { z-index: 50; top:0; left: 230px; width: 450px; visibility: visible }