body {  color: #F0D098 ; background-image: url(yellow_stucco.gif);
           font-family: Verdana, sans-serif;  font-weigth: bold; text-align: left;
					 margin-left: 8em; margin-right: 8em; border-style: groove; 
					   }

a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #F0D098; text-decoration: none;}
a:active {color: #FF9900; text-decoration: none; }
a:hover {color: #FF6600; text-decoration: underline;}

.container {background-image: url(blue_marble.gif); padding-left: 3em; padding-right: 3em;}
.titre {text-align: center;}
	span#t1 { font-size: 200%; font-family: "Lucida Console", "Times New Roman", serif;	        
		font-weight: 900; font-style: italic} 
	span#t2 { font-size: 150%; font-family: Garamond, "Times New Roman", serif; 
		font-weight: 900; font-style: italic}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail 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;
}

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

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


.menu { text-align: center; } 
.made_by {text-align: center; font-syze: 75%; }