body#one {
  	background-color: #000000;
	background-image:url(background3.jpg);
	background-position: 50% 100px;

	background-repeat:no-repeat;
	}
body#two {
  	background-color: #000000;
	background-image:url(background2.jpg);
	background-position: 50% 100px;

	background-repeat:no-repeat;
	}

body#three {
  	background-color: #000000;
	background-image:url(background.jpg);
	background-position: 50% 100px;

	background-repeat:no-repeat;
	}



h4 { text-align: center; 

font-family: arial, verdana, sans-serif;

font-size: 8pt;
color: white;



 } 

#dg {

text-align: center;
}


p {
font-family: arial, verdana, sans-serif;
color: black;
font-size: 6pt;
text-align: right;
margin-left: 370px;



}

h5 { text-align: left; 

font-family: arial, verdana, sans-serif;

font-size: 6pt;
color: white;



 } 

a { color: white; 
text-decoration:none; 
} 




a#g { color: orange; 
text-decoration:none; 
} 
a#gg { color: orange; 
text-decoration:none; 
} 
a#ggg { color: orange; 
text-decoration:none; 
} 

a#g:hover {
 color: black; 
}
a#gg:hover {
 color: black; 
}

a#ggg:hover {
 color: black; 
}



a:active { color: orange;  } 
a#link1 { color: orange;}
a#link1:hover {
background-color:black;
}





a:hover { color: orange; 
background-color:orange;
  color: black; 
}


#container { 
	
	padding: 0 175px 0 110px;  
	margin: 0; 

	}


<Style type="text/css">



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

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

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 49%;
left: 30%; /*position where enlarged image should offset horizontally */


}

</style>