body {
	background-color: #ccc; /* changes background color to light gray */
	font-family: Georgia, serif; /* font to Georgia */
	margin: 0; /* no space around the page! */
}

div.wrapper { /* div class='wrapper' */
	border: 1px solid #999; /* medium gray border */
	background-color: #fff; /* white */
	width: 800px; /* 800px wide. */
	margin: 15px auto; /* 15px top, bottom. center it. */
}

p {
	padding-left: 15px; /* space paragraphs off the edge */
	padding-right: 15px; 
}
a img {
	border: 0 /* gets rid of borders on linked images */
}
a {
	color: #338C39; /* green link color */
}
p.footer { 
	text-align: center; /* centered text */
	font-size: small; /* smaller font */
 }

div.header { /* div class="header" */
	margin-bottom: 30px; /* space below the header */
 }
 
.thumbnails img { /* images inside p class="thumbnails" */
	border: 4px solid #fff; /* white border */
	padding: 4px; /* space between image and border */
}


.thumbnails :hover img { /* images inside p class="thumbnails" when the link is hovered over */
	border-color: #ccc; /* light gray */
}


.thumbnails img.active { /* img class="active" */
	 border-color: #338C39; /* green */
}