/*Header start divebkrnd.jpg #F0FFF0*/
#header {
	width: 940px;
	height: 145px;
	margin: 0px auto;
        }
/*Header end*/

body {background-color: rgb(0, 255, 255); background-image: url(images/divebkrnd.jpg);  background-attachment:fixed;}
body {font-family: Arial, Helvetica, Verdana, sans-serif}

h1 {text-align: center; color: "#DC143C";}

/*h1 {text-align: center; color: "#DC143C"; background: rgb(251, 248, 0);}*/

a.leftmenu:link {color: green;}
a.leftmenu:visited {color: blue;}
a.leftmenu:hover {color: red; font: "bold";}

 

/*container for thumbnails*/
.thumbcontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
 
.thumbnail img{
border: 2px solid blue;
margin: 0 5px 5px 0;
}
 
.thumbnail:hover{
background-color: transparent;
}
 
.thumbnail:hover img{
border: 2px solid gold;
}
 
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 2px;
left: -500px;
border: 2px blue;
visibility: hidden;
color: black;
text-decoration: none;
}
 
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
width: 400;
height: 300;
padding: 2px;
}
 
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 200;
left: 600px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*end thumbnail container*/ 



</style>