/* site-style.css -- site-wide styles. */
body {
	border: 0;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	background-color: #33F;
 }
.banner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	background-color: #33F;
	color: #000;
	text-align: center;
	border: 0;
	margin: 0;
	padding: 16px 0px 16px 0px;
}
.container {
	width: 890px;
	padding: 4px 16px 8px 8px;
}
.mainContents {
	padding: 4px 16px 8px 16px;
	background-color: #CCCCFF;
}
h1 {
	font-size: x-large;
	text-align: center;
	border: 0;
	margin: 0;
	padding: 4px 0px 12px 0px;
}
h2 {
	border: 0;
	margin: 0;
	padding: 4px 0px;
}
p {
  margin-top: 0; /* I prefer to control spacing at bottoms of elements. */
	text-align: left;
}
.listHead {
	margin-bottom: 0em;
}
ul {
	margin-top: 0em;
}
ol {
	margin-top: 0em;
}
.extraTopMargin {
	margin-top: 2em;
}
.tightTop {
	margin-top: -10px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.fullWidth {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.zeroBottom {
	padding: 0px;
	margin-bottom: 0px;
}
.prevNextBox {
	padding: 0px;
	margin: 0px;
}