/* Css document for Image viewer */

.gallerycontainer{	

position: relative;	

/*Add a height attribute and set to largest image's height to prevent overlaying*/	height: 900px;

}

.thumbnail img{	

border: 1px solid red;	

margin: 0 5px 5px 0;

}

.thumbnail:hover{	

background-color: transparent;

}

.thumbnail:hover img{	

border: 3px solid goldenrod;

}

.thumbnail span{ /*CSS for enlarged image*/	

position: absolute;	
background-color: black;	
padding: 20px;	
left: -1000px;	
border: 5px solid purple;	
visibility: hidden;	
color: red;	
text-decoration: none;

}

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

}

.thumbnail:hover span{ /*CSS for enlarged image*/	
visibility: visible;	
top: 0;	
left: 170px; /*position where enlarged image should offset horizontally */	
z-index: 50;

}

p {	
margin: 30px 50px 20px 50px;	
padding: 0;
}

body {background-color: black; margin-left: 10%; margin-right: 10%;}

A {font-family: "CENTURY GOTHIC"; font-size: 16px; font-weight: bold; text-decoration: none; color: firebrick; margin-top: 5;}

A:hover {color: silver; cursor: url(http://www.myspacecursor.net/halloween/hallo6.ani); }

HR {color:gray;}

P {font-family: "ARIAL"; font-size: 24px; font-weight: normal; color: darkgoldenrod; line-height: 140%}

H1 {font-family: "ARIAL"; font-size: 14px; font-weight: normal; color:olive; line-height: 140%}

H2 {font-family: "ARIAL"; font-size: 18px; text-decoration: underline; font-weight: bold; color: olive; line-height: 140%}

IMG {border: none}