@charset "utf-8";
body {
	font: 100%  Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
}
img{border:none;}
#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#buttons{width:900px; margin:5px 0 0 0; text-align:center;}
#buttons a{ padding:2px; text-decoration:none; color: #FF3300;}
.prev{width:440px; float:left;}
.prev p{ float:right; margin:0;}
.next{width:440px; float:right;}
.next p{ float:left; margin:0;}
form{padding-top:10px;}

.clearer{
 	height:1px;
 	overflow:hidden;
 	margin-top:-1px;
 	clear:both;
}