/* Basic style definitions for Surprise.com */

html, body {
	margin: 0;
	padding: 0;
	background-color: #888;
	font-family: Georgia, times, serif;
	color: #000;
}

div.pageBox {
	float: left;
	width: 80%;
	margin-left: 10%;
}

h1 {
	text-align: center;
}

div.sectionBox {
	float: left;
	width: 93%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

div.leftBox {
	float: left;
	width: 47%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

div.rightBox {
	float: right;
	width: 47%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

img.pageImage {
	display: inline;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #555;
}

img.colImage {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #555;
	text-align: center;
}
	
img.centerImage {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #555;
	text-align: center;
}

img.thumbnail {
	display: inline;
	margin: 10px;
	border: 5px solid #333;
}

td {
	padding-right: 15px;
}

dd {
	margin-bottom: 1%;
}

a:link { color: #FF9 }
a:visited { color: #FC0 }
a:hover { color: #FF0 }
a:active { color: #CF0 }