body
{
	width: 1280px;
	height: 1024px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding: 40px;
}
body.pp
{
	background-image: url(../images/pp_bkg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 1280px 1024px;

}

body.pp-top
{
	background-image: url(../images/pp_bkg_top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 1280px 1024px;

}
.pp-top footer
{
  /*vertical-align: middle;*/
  height: 74px;
  line-height: 74px;
}
.pp .enter
{
	left: 506px;	
	position: absolute;
  	bottom: 140px;
}
.home
{
	
	margin-top: 140px;
	/*left: 20px;*/
}
header + main
{
	margin: 40px 0;
}

a
{
	color: #fff;
}

.checklabel
{
	color: #fff;
	display: inline-block;
	font-size: 18pt;
	padding-left: 8px;
}
.styledRadio, .styledCheckbox 
{
	display: inline-block;
}
.genderButtons
{
	background-repeat: no-repeat;
	background-size: 188px 188px;
	width: 188px;
	height: 188px;
	display: block;
}
#male
{
	background-image: url(../images/male.png);
}
#male:hover 
{
	background-image: url(../images/male-hover.png);
}
#female
{
	background-image: url(../images/female.png);
}
#female:hover 
{
	background-image: url(../images/female-hover.png);
}
#male.active
{
	background-image: url(../images/male-hover.png);
}
#female.active
{
	background-image: url(../images/female-hover.png);
}

#rules
{
	display: none;
	padding: 20px;
}
#rules ol, #rules ul
{
	padding-left: 40px;
}
#rules ol p
{
	margin: 0.5em 0;
}
#rules ol li
{
	padding: 5px 0;
}