body {
	background-color: #F5DEB3;
	background-repeat : no-repeat;
	font-family : "Times New Roman", Times, serif;
	font-size : medium;
	color : #7C5534;
}

h1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 20px;
	text-align : right;
	font-weight : lighter;
}
h3{ 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 16px;
	text-align : right;
 }
p.text{
	margin-left: 100px;
	margin-right : 30px;
}
#photo { float: right;
	width: 200px; }
#photo img { padding: 5 0px }

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

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

.thumbnail span{	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 3px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	font-family: sans-serif;
}

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

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

}

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

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

.thumbnail1 span{	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	font-family: sans-serif;
}

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

.thumbnail1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}