/* Shoreditch Grand Prix Web Design by Thin Martian 
	CSS by John King */

/* RESET CSS CODE */

body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td,select,legend{margin:0;padding:0;}
fieldset,img{border:0;}
cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ul li{list-style:none;}
ol li{margin-left: 20px; list-style-position: outside;}
h1,h2,h3,h4{font-size:100.01%;font-weight:bold;}
body{font:100.01% arial, verdana, sans-serif;}
img{display: block;}

/* Positioning CSS */

body {
	text-align: center;
	background-color: #020c05;
}

#wrapper {
	
	
}

#header {
	position: relative;
	width: 963px;
	height: 178px;
	margin: 0px auto;
	text-align: left;
	background: transparent url('graphics/header-bg.gif') no-repeat 0px 0px;
}

#front_page_header {
	position: relative;
	width: 963px;
	height: 314px;
	margin: 0px auto;
	text-align: left;
}

#content_wrapper {
	position: relative;
	width: 963px;
	margin: 0px auto;
	text-align: left;
	background: transparent url('graphics/page-bg.gif') no-repeat 0px 0px;
}

#front_page_content_wrapper {
	position: relative;
	width: 963px;
	margin: 0px auto;
	text-align: left;
	background: transparent url('graphics/front-page-bg.gif') no-repeat 0px 0px;
}

#content {
	display: inline; /* For IE6 */
	float: right;
	width: 668px; /* 721px minus 53px margin */
	margin-right: 53px;
}

#middle_column {
	display: inline; /* For IE6 */
	float: left;
	width: 368px; /* 418px minus 20px + 30px padding */
	margin-right: 21px;
	padding: 0px 20px 15px 30px;
	background: transparent url('graphics/content-bg.gif') repeat-x 0px 0px;
}

#right_column {
	float: left;
	width: 179px; /* 229px minus 25px + 25px padding */
	padding: 0px 25px 15px 25px;
	/*background: transparent url('graphics/content-bg.gif') repeat-x 0px 0px;*/
}

#left_column {
	float: right;
	width: 242px;
}

#bottom_message {
	clear: both;
	padding: 20px 0px 30px 0px;
	height: 90px;
}

.spacer {
	clear: both;
	height: 1px;
	width: 100%;
}

/* Font CSS */

body {
	color: #ffffff;
}

a {
	text-decoration: underline;
	color: #ffffff;
}

a:hover {
	text-decoration: none;
}

#menu p {
	font-size: 0.875em;
	font-weight: bold;
}

#menu p a {
	text-decoration: none;
}

#menu p a.active {
	font-size: 1.25em;
}

#menu p a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	font-size: 0.875em;
	font-weight: bold;
}

#content p {
	font-size: 0.75em;
	line-height: 1.5em;
}

#content li {
	font-size: 0.75em;
	line-height: 1.5em;
}

#content #right_column p {
	font-size: 0.6875em;
}

#content #rules li {
	font-size: 0.6875em;
}

#content #form h1 {
	font-size: 3.50em;
}

#content #form h2 {
	color: #660307;
	font-size: 1.9375em;
}

#content #form fieldset label {
	font-size: 1.6875em;
	font-weight: bold;
}

#content #form fieldset span {
	font-size: 0.5em;
	font-weight: bold;
}

#content #form fieldset fieldset legend {
	color: #ffffff;
	font-size: 0.875em;
	font-weight: bold;
}

#content #form fieldset fieldset label {
	font-size: 1.625em;
	font-weight: bold;
	line-height: 0.875em;
}

#content #form fieldset fieldset span {
	font-size: 0.687em;
	font-weight: bold;
}

#content #form #success h2 span {
	font-size: 0.75em;
}

#content #form #success p {
	font-size: 1.375em;
	font-weight: bold;
}

#content #form #success p a {
	font-size: 1.6875em;
	line-height: 1.5em;
}

/* Menu CSS */

#menu p {
	padding: 14px 0px 0px 33px;
}

#header #menu { /* menu on all pages apart from home page */
	display: inline; /* IE6 Fix */
	float: left;
	width: 455px;
	height: 65px;
	margin: 44px 0px 0px 323px;
	background: transparent url('graphics/menu-bg.gif') no-repeat 0px 6px;
}

#front_page_content_wrapper #menu { /* Special CSS for menu on home page */
	display: inline; /* IE6 Fix */
	float: left;
	margin-left: 323px;
	width: 452px;
	height: 77px;
	background: transparent url('graphics/menu-bg-front.gif') no-repeat 0px 6px;
}

/* Create a Team Button */

#create_team_button {
	float: left;
	padding: 5px 0px 0px 21px;
}

#create_team_button_front { /* Special CSS for button on home page */
	float: left;
	width: 169px;
	padding: 0px 0px 0px 0px;
}

/* Content CSS */

#content h1 {
	padding: 15px 0px 5px 0px;
}

#content h2 {
	padding: 18px 0px 4px 0px;
}

#content p {
	padding: 8px 0px 10px 0px;
}

#content ul {
	padding: 8px 0px 10px 0px;
}

#content li {
	padding-left: 10px;
	background: transparent url('graphics/bullet.gif') no-repeat 0px 7px;
}

/* Rules Page Special CSS */

#rules {
	margin-left: 75px;
}

#rules ul {
	width: 590px;
}

#rules li {
	height: 50px; /* 64px minus 14px padding */
	padding: 14px 15px 0px 90px;
	background-color: #031b0a;
	margin-bottom: 6px;
}

#rules li.one {
	background: #031b0a url('graphics/rules-1.gif') no-repeat 0px 0px;
}

#rules li.two {
	background: #031b0a url('graphics/rules-2.gif') no-repeat 0px 0px;
}

#rules li.three {
	background: #031b0a url('graphics/rules-3.gif') no-repeat 0px 0px;
}

#rules li.four {
	background: #031b0a url('graphics/rules-4.gif') no-repeat 0px 0px;
}

#rules li.five {
	background: #031b0a url('graphics/rules-5.gif') no-repeat 0px 0px;
}

#rules li.six {
	background: #031b0a url('graphics/rules-6.gif') no-repeat 0px 0px;
}

#rules li.seven {
	background: #031b0a url('graphics/rules-7.gif') no-repeat 0px 0px;
	height: 80px;
}

span.special
{
    font-size: 160%;
    font-weight: bold;
}

/* Form Page CSS */

#content #form {
	width: 609px;
	padding-left: 25px;
}

#content #form h1 {
	height: 70px; /* 89px minus 19px padding */
	padding: 19px 0px 0px 35px;
	background: transparent url('graphics/form-header.gif') no-repeat 0px 0px;
}

#content #form h2 {
	padding: 0px 0px 9px 0px;
}

#content #form fieldset {
	width: 545px;
	padding: 0px 32px 0px 32px;
}

#content #form fieldset.choice {
	padding: 0px 0 20px 0;
}

#content #form fieldset.contact {
	height: 500px;
	background: transparent url('graphics/form-bg-contact.gif') no-repeat 0px 0px;
}

#content #form fieldset.form_one {
	height: 400px;
	background: transparent url('graphics/form-bg-1.gif') no-repeat 0px 0px;
}

#content #form fieldset.form_two {
	height: 719px;
	background: transparent url('graphics/form-bg-2.gif') no-repeat 0px 0px;
}

#content #form fieldset.form_three {
	height: 344px;
	background: transparent url('graphics/form-bg-3.gif') no-repeat 0px 0px;
}

#content #form fieldset input, #content #form fieldset textarea {
	border: 1px solid #cecece;
	border-top: 1px solid #8e8e8e;
	padding: 2px 0px 2px 0px;
}

#content #form fieldset .first_name_field {
	float: left;
	width: 260px;
	height: 70px;
}

#content #form fieldset .first_name_field input {
	width: 222px;
}

#content #form fieldset .surname_field {
	float: right;
	width: 277px;
	height: 70px;
}

#content #form fieldset .surname_field input {
	width: 275px;
}

#content #form fieldset .date_of_birth_field {
	float: left;
	width: 194px;
	height: 70px;
}

#content #form fieldset .date_of_birth_field input {
	width: 34px;
}

#content #form fieldset .phone_field {
	float: right;
	width: 346px;
	height: 70px;
}

#content #form fieldset .phone_field input {
	width: 344px;
}

#content #form fieldset .wide_field {
	clear: both;
	float: left;
	width: 545px;
	height: 70px;
}

#content #form fieldset .wide_field input {
	width: 543px;
}

#content #form fieldset .next_button {
	clear: both;
	/*width: 157px;*/
	height: 89px;
	margin: 10px 0px 0px 0px;
}

#content #form fieldset .next_button input {
	border: none;
	padding: 0px;
}

#content #form fieldset fieldset {
	padding-bottom: 20px;
}

#content #form fieldset fieldset legend {
	padding-bottom: 20px;
}

#content #form fieldset fieldset label {
	float: left;
	width: 495px;
	height: 55px;
	padding-left: 30px;
}

#content #form fieldset fieldset span.middle {
	font-size: 1em;
}

#content #form fieldset fieldset .middle label {
	height: 45px;
	padding-top: 10px;
}

#content #form fieldset fieldset input {
	height: 40px;
	width: 20px;
	float: left;
	clear: both;
	border: none;
}

#content #form fieldset .textarea_field {
	clear: both;
	float: left;
	width: 545px;
	height: 170px;
}

#content #form fieldset .textarea_field textarea {
	width: 543px;
	height: 115px;
}

#content #form fieldset fieldset.tandc {
	height: 100px;
	padding: 0px 0px 0px 0px;
}

#content #form fieldset .submit_button {
	clear: both;
	height: 136px;
	margin: 0px 0px 0px 0px;
}

#content #form fieldset .submit_button input {
	border: none;
	padding: 0px;
}

#content #form #success {
	height: 305px;
	width: 555px;
	margin-bottom: 70px;
	padding: 0px 22px 0px 32px;
	background: transparent url('graphics/form-bg-4.gif') no-repeat 0px 0px;
}

#content #form #success h2 {
	padding-bottom: 70px;
}

#content #form #success img {
	float: left;
	width: 169px;
	padding: 10px 20px 0px 10px;
}

#content #form #success p {
	float: left;
	width: 325px;
}

/* Right Column CSS */

#content #right_column p {
	padding: 2px 0px 6px 0px;
}

/* Left Column Images CSS */

#left_column img
{
    margin-left: 75px;
    margin-bottom: 0px;
}

#left_column img.thin_martian {
	margin: 10px 0px 0px 75px;
}

#left_column img.unltdworld {
	margin: 29px 0px 0px 75px;
}

#left_column img.shoreditch_gp {
	margin: 39px 0px 0px 75px;
}


/*
Validators
*/

.validator
{
    color: White !important;
    font-size: 100% !important;
}