html, body {
	background-color: Black;
	color: White;
	height: 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* Anchors */
a:link, a:hover, a:active, a:visited { color: #00cc00; text-decoration: none;}
a:hover { text-decoration: underline; }
#footer a.terms-link { padding: 0px 20px; }
sup { vertical-align: super; font-size: 0.5em; }
/* Headings */
h1 {
	width: 190px;
	height: 143px;
	position: absolute;
	top: 30px;
	left: 0px;
}
h2 {
	font-size: 23px;
	text-transform: uppercase;
	margin-bottom: 15px;
	width: 400px;
	height: 30px;
	background-position: top center;
	background-repeat: no-repeat;
	margin:auto;
}
h2 span { display: none; }
h3 {
	font-size: 16px;
	color: #00cc00;
	padding: 0px;
}

/* Background images / containers */
#pageContainer {
	width: 680px;
	margin: auto;
	padding: 62px 2px;
	position: relative;
}
#treetile {
	background-image: url(../img/bg_middle.jpg);
	background-position: top center;
	background-repeat: repeat-y;
}
#treetops {
	background-image: url(../img/bg_top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 650px;
	padding: 0px 15px;
}
#spaceship {
	background-image: url(../img/bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-top: 113px;
}
#footer {
	padding-top: 225px;
	padding-bottom: 15px;
	font-size: 10px;
}

#pageContent {
	padding: 0px 55px;
}
/* Terms & Conditions */
#parent-info { width: 450px; margin: auto; }
#terms {
	text-align: left;
	width: 450px;
	margin: auto;
}
#terms ul {
	padding: 5px 0px 10px 30px;
}
#terms ul li {
	list-style-type: disc;
}
#terms ul li ul li {
	list-style-type: circle;
}
#terms p {
	padding: 10px 0px;
}

/* Form elements */
form {
	width: 500px;
	margin: auto;
	padding-bottom: 30px;
}
legend { float: left; }
.text label, .datetime label, .password label, .select label, .radio-label {
	width: 220px;
	text-align: right;
	display: block;
	float: left;
	padding: 0px 10px 0px 0px;
	color: white;
}
.text input, .select input, .password input { 
	float: left;
}
form div {
	margin: auto;
	padding: 15px 0px;
	clear: left;
}
div.narrow {
	width: 280px;
	padding: 15px 0px;
	margin: auto;
}
div.wide { width: 375px; margin: auto; }
div.bottomText { padding-top: 20px; }
input.form-error { background-color: #ffcbf9; } 
select.form-error { background-color: #ffcbf9; } 
.date-input { float: left; clear: none; padding: 0px;}
form div.radio {
	float: left;
	clear: none;
	padding: 0px;
	text-align: left;
	display: block;
}
.radio label { padding: 5px; }
.radio label, .radio input { vertical-align: middle }
.select select { float: left; }
.checkbox { display: inline; }
.checkbox label {
	padding: 0px 10px;
	vertical-align: middle;
}
.checkbox input { vertical-align: middle; }
strong { font-weight: bold; }
/* Sitewide page titles */
h2.terms-conditions { background-image: url(../img/ttl/terms_conditions.png); }
h2.privacy { background-image: url(../img/ttl/privacy.png); }
/* Freddo title images */
h2.frog-coming { background-image: url(../img/ttl/frog_is_coming.png); height: 40px;}
p.siteIntro {
	width: 400px;
	margin: auto;
	padding: 30px 0px;
}
.loginRegister { padding: 15px 0px 25px 0px; }
.loginRegister img { vertical-align: middle; }
#logoutButton {
	position: absolute;
	bottom: 50px;
	right: 0px;
}
#childFooter {
	width: 800px;
	margin: auto;
	padding-top: 10px;
}
#childFooter img.privacy {
	margin-left: 6px;
}