body {
margin: 0;
padding: 0px;
text-align: center;
background-color: #97BFE9; 
background-image: url("img/bg.gif");
background-repeat: repeat-x;
font-family: 'trebuchet ms', Arial;

}
#main {
  font-size: 12pt;
  color: #fff;
  width: 90%;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}
h1 {
  color: #2C5E92;
  background: #B8D2EE;
  font-size: 40px;
  margin-top: 30px; 
  text-align: center;
}
h2 {
  color: #eee;
  background: #1B6BC2;
  padding: 3px;
  font-size: 14pt;
  margin-top: 10px;
  margin-bottom: 0px; 
}

h3 {
  color: #fff;
  font-size: 22px;
}

table {
  font-size: 12pt;
}

.card {
	float: left;
	width: 230px;
	margin: 10px 1px;
	padding: 2px;
	text-align: center;
	background: #C7DCF3;
	border: 1px solid #286CB6;
	height: 225px;	
}
.card-photo {
	margin: 1px;
}	
.card-photo img {
  border: 1px solid #888;
}
.card-photo img:hover {
  border: 1px solid white;
}
.card-desc {
	margin: 5px 10px; padding:0;
	text-align: center;
	color: #444;
	font-size: 100%;
}
.cleaner {
 clear:both;
 visibility: hidden;
} 
a {
  color: #E5F1E5;
}
a:hover {
  color: #fff;
}