/*
Common elements
---------------------
*/

	body {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #140E0B;
		color: #ffffff;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 15px;
		line-height: 18px;
		text-align: center;
		background-image: url("/images/bg_tile.jpg");
		background-position: top center;
	}
	
	p {
		margin: 0px 0px 12px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	form {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	.clearBoth {
		display: block;
		clear: both;
		height: 1px;
		font-size: 1px;
		line-height: 1px;
		overflow: hidden;
	}

	.hidden {
		display: none;
	}

/*
Page elements
---------------------
*/

	#fullWidth {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 1px 0px 0px 0px;
		width: 100%;
		min-width: 800px;
		_width: 800px;
		text-align: center;
		background-image: url("/images/content_v2_bg.jpg");
		background-position: top center;
		background-repeat: no-repeat;
		overflow: hidden;
	}

	#centeredPage {
		display: block;
		margin: 0px auto 0px auto;
		position: relative;
		width: 800px;
	}

	#content {
		display: block;
		margin: 0px 0px 0px 0px;
		position: relative;
		width: 800px;
		height: 680px;
	}
	
	#firstBookLink {
		display: block;
		position: absolute;
		top: 211px;
		left: 108px;
		width: 297px;
		height: 42px;
	}
	
	#secondBookLink {
		display: block;
		position: absolute;
		top: 64px;
		left: 460px;
		width: 322px;
		height: 292px;
	}
	
	#authorLink {
		display: block;
		position: absolute;
		top: 420px;
		left: 532px;
		width: 215px;
		height: 171px;
	}
	
	#flashSlider {
		display: block;
		position: absolute;
		top: 129px;
		left: 99px;
		width: 340px;
		height: 290px;
	}
	
	#flashSplat {
		display: block;
		position: absolute;
		top: 540px;
		left: 319px;
		width: 150px;
		height: 75px;
	}

/*
form elements
-------------------------
*/

	#registerForm {
		display: block;
		position: absolute;
		top: 420px;
		left: 155px;
		width: 260px;
		text-align: left;
	}
	
	#registerForm h2 {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: absolute;
		top: 0px;
		left: 0px;
		color: #6f0000;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 15px;
		line-height: 19px;
		font-weight: bold;
	}
	
	#registerForm #emailAddress {
		display: block;
		position: absolute;
		top: 26px;
		left: 0px;
		width: 260px;
		height: 16px;
	}
	
	#registerForm label {
		display: none;
	}
	
	#registerForm #age {
		display: block;
		position: absolute;
		top: 62px;
		left: 0px;
		width: 45px;
		height: 16px;
	}
	
	#registerForm .inputField {
		margin: 0px 0px 0px 0px;
		padding: 4px 4px 4px 4px;
		background-color: #3e3024;
		color: #dec7b5;
		border: 1px solid #dec7b5;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		line-height: 16px;
	}
	
	#registerForm .activeField {
		color: #ffffff;
	}
	
	#registerForm #optionalField {
		display: none;
		position: absolute;
		top: 62px;
		left: 90px;
		width: 170px;
		font-size: 14px;
		line-height: 16px;
	}
	
	#registerForm #optionalField input {
		position: absolute;
		top: 0px;
		left: -30px;
		width: 20px;
		height: 20px;
	}
	
	#registerForm #optionalField label {
		display: block;
	}
	
	#registerForm #submitButton {
		position: absolute;
		bottom: 10px;
		right: 5px;
	}
	
	#registerForm #jsSubmitButton {
		position: absolute;
		top: 120px;
		left: 0px;
		width: 60px;
		height: 22px;
		background-image: url("/images/button_off.gif");
		background-repeat: no-repeat;
		text-align: center;
		line-height: 22px;
		color: #dec7b5;
		text-decoration: none;
		font-weight: bold;
	}
	
	#registerForm #jsSubmitButton:visited {
		background-image: url("/images/button_off.gif");
		color: #dec7b5;
		text-decoration: none;
	}
	
	#registerForm #jsSubmitButton:hover {
		background-image: url("/images/button_over.gif");
		color: #ffffff;
		text-decoration: none;
	}

/*
Copright elements
-------------------------
*/

	#copyright {
		display: block;
		margin: 0px auto 0px auto;
		text-align: center;
		width: 800px;
		color: #806240;
		font-size: 12px;
		line-height: 15px;
		
	}
	#copyright a {
		color: #806240;
		text-decoration: none;
	}
	#copyright a:visited {
		color: #806240;
		text-decoration: none;
	}
	#copyright a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
