body {
  font: normal 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
}

H1 {
	font-size:36px;
    color:white;
	margin: 10px 20px 20px 60px;
}
	
.small {
	font-size:14px;
    color:white;
	margin: 10px 20px 20px 60px;
}

#content_center {
  background: #000;
  float:left;
  text-align:left;
  width:85%;
}

#content_center ul {
	list-style:none;
	margin: 1px 1px 0px 10px;
}

#content_center li {
	float:left;
	list-style-type: none;
	display:inline;
	margin: 0px 0px 10px 0px;
	text-align:center;
}



a {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	color: yellow;
	text-decoration: underline;
}

.thumbnail{
position: relative;
margin: 10px 10px 10px 10px;
z-index: 1;
border:0px;
}

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

.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 on hover*/
visibility: visible;
top: -60px;
left: 130px; /*position where enlarged image should offset horizontally */

}