.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* general element styles */
body, td, input, select, textarea, a, pre 
{
	font-family:Arial;
	font-size: 12px ;
	color: #fff;
}

h1, h2, h3, h4, h5, h6, p
{
	font-size:1em;
	margin:1em 0pt;
	padding:0pt;
	color: #fff;
}

a
{
	text-decoration: none;
}

body 
{
	font-family: Arial;
	background: #71121a url(../images/bg-body.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}

h1
{
	margin-top: 0px;
	font-size: 2.4em;
	letter-spacing: -0.06em;
	color: #fff;
	font-weight: bold;
	line-height: 0.8em;
}

	.alt-colour h1
	{
		color: #cc5e1e;
	}
	
	.alt-colour a
	{
		color: #cc5e1e;
	}

h1 span
{
	color: #cc5e1e;
}
p
{
	line-height: 1.3em;	
}

	.alt-colour p,
	.alt-colour input,
	.alt-colour label
	{
		color: #000;
	}
	
	#searchform{
		margin-top: 20px;	
	}
	
h2
{
	font-weight: bold;
	color: #cc5e1e;
}

#blog{
	padding:48px 20px;
	background: url(/content/images/bg-events.png);
}

	
	#blog #posts{
		width:550px;
		float:left;	
	}
	#blog #sidebar{
		float: left;
		width: 170px;	
		margin-left:60px;
	}
	
strong
{
	font-weight: bold;
}

/* Site Wide Classes */
.hide
{
	display: none;
}

.clear
{
	float: none;
	clear: both;
}

/* Form */
.field
{
	float: none;
	clear: both;
}

	.field label
	{
		width: 240px;
		display: block;
		float: left;
		color: #000;
	}

	
	.field input
	{
		margin-left: 20px;
		float: left;
		width: 300px;
		border: 1px solid #9b9b9b;
		margin-bottom: 3px;
		color: #000;
	}
	
	.field textarea
	{
		margin-left: 20px;
		float: left;
		height: 75px;
		width: 300px;
		border: 1px solid #9b9b9b;
		margin-bottom: 3px;
		color: #000;
	}
	
.submit
{
	
}

	.submit label
	{
		display: none;
	}
	
	.submit input
	{
		font-weight: bold;
		color: #fff;
		margin-top: 20px;
		margin-left: 260px;
		background: url(../images/btn-submit.png);
		width: 89px !important;
		height: 20px!important;
		border: 0px !important;
		cursor: pointer;
		text-align: left;

	}
	
.errors 
{
	float: left;
	color: red;
	padding-left: 20px;
}

	.errors li
	{
		font-size: 0.8em;	
	}


/* General */
#container
{
	width: 934px;
	margin: 0px auto;
	position: relative;
}

	#decoration-left
	{
		position: absolute;
		top: 0px;
		left: -133px;
		z-index: 3;	
	}

	#decoration-right
	{
		position: absolute;
		top: 0px;
		right: -133px;
		z-index: 2;	
	}
	
	#decoration-bottom-right
	{
		position: absolute;
		bottom: -189px;
		right: -135px;
		z-index: 3;	

	}
	
	#site-header
	{
		margin-left: -4px;
		position: relative;
		height: 7px;
		width: 934px;
		background: url(../images/bg-site-header.png);
		background-repeat: no-repeat;
		background-position: left top;
		z-index: 2;
	}

	#site
	{
		margin-left: -4px;
		position: relative;
		background: url(../images/bg-site.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		z-index: 2;
	}
	
		#site #header
		{
			height: 143px;
			position: relative;
			z-index: 5;	
		}
		
			#site #header #logo
			{
				float: left;
			}

			#site #header #strapline
			{
				margin-top: 69px;
				margin-left: 20px;
				float: left;
			}
			
			#site #header #main-navigation
			{
				position: absolute;
				bottom: 0px;
				right: 0px;	
			}
			
			#site #header .accessibility-controls 
			{
				color:#eb5f09;
				font-size:1em;
				position:absolute;
				right:0;
				top:32px;
				width:300px;
			}
			
				#header .accessibility-controls ul 
				{
					float:right;
				}
				
					#header .accessibility-controls li 
					{
						display:block;
						float:left;
						margin-left:5px;
						position:relative;
					}

						#header .accessibility-controls li a 
						{
							display:block;
							color:#000 !important;
							vertical-align:bottom;
						}
						
							#header .accessibility-controls .active 
							{
								text-decoration:underline;
							}
							
							#header .accessibility-controls img 
							{
								display:block;
								float:left;
								margin-right:6px;
								padding-left:7px;
								padding-top:4px;
							}
							
							#header .accessibility-controls #highContrast 
							{
								float:left;
								font-size:1.2em;
								padding-top:3px;
							}
							
							#header .accessibility-controls #textNormal 
							{
								font-size:1.2em;
								padding-top:6px;
							}

							#header .accessibility-controls #textLarge 
							{
								font-size:1.5em;
								padding-top:4px;
							}
							
							#header .accessibility-controls #textHuge 
							{
								font-size:1.8em;
							}
							
								#header .accessibility-controls li a 
								{
									color:#01578E;
								}
	
		#site #main
		{
			padding-top: 3px;
			width: 820px;
			margin-left: 60px;
		}
		
			#site #main #content
			{
				position: relative;
				z-index: 5;
			}
			
				#content #events
				{
					position: relative;
					z-index: 5;
				}
				
					#content #events a
					{
						color: #000;
						text-decoration: underline;	
					}
			
				#content #events #panel-one
				{
					background: url(../images/bg-events.png);
					padding-left: 20px;
					padding-top: 50px;	
					padding-right: 150px;
					height: 350px;
				}
				
				#content #events #panel-two
				{
					margin-top: -17px;
					position: relative;
					z-index: 5;
					width:899px;
					height: 281px;
					margin-right: -48px;
				}
				
					#content #events #panel-two img
					{
						position: absolute;	
					}
			
				#content #history
				{
					position: relative;
					z-index: 5;
				}
			
				#content #history #panel-one
				{
					background: url(../images/bg-history.png);
					padding-left: 20px;
					padding-top: 50px;	
					padding-right: 365px;
					height: 350px;
				}
				
				#content #history #panel-two
				{
					margin-top: -17px;
					position: relative;
					z-index: 5;
					width:899px;
					height: 281px;
					margin-right: -48px;
				}
				
					#content #history #panel-two img
					{
						position: absolute;	
					}
			
				

				#content #contact
				{
					position: relative;
					padding-top: 45px;
					padding-left: 20px;
					padding-right: 20px;
					width: 780px;
					height: 604px;
					background: url(../images/bg-contact.png);
				}
				
					#content #contact a
					{
						color: #000;
						text-decoration: underline;	
					}
				
					#content #contact p
					{
						font-size: 11px;	
					}
				
				#content #contact #faq-right
				{
					width: 443px;
					float: right;	
				}
				
					#content #contact #contact-image
					{
						display: block;
						position: absolute;
						bottom: -52px;
						left: 0px;
					}
				
				#content #homepage
				{
					position: relative;
					z-index: 5;
				}
			
				#content #homepage #panel-one
				{
					background: url(../images/bg-content-home.png);
					padding-left: 20px;
					padding-top: 50px;	
					padding-right: 365px;
					height: 350px;
				}
				
				#content #homepage #panel-two
				{
					position: relative;
					z-index: 5;
					width:899px;
					margin-right: -48px;
				}
				
					#content #homepage #panel-two .button,
					#content #homepage #panel-two .photo
					{
						display: block;
						float: left;

					}
					
						#content #homepage #panel-two .photo-one
						{
							
							width: 272px;
							height: 264px;
							position: relative;
						}
						
						#content #homepage #panel-two .photo-two
						{
							width: 295px;
							height: 264px;
							position: relative;
						}

					
						#content #homepage #panel-two .photo img
						{
							display: block;
							position: absolute;
							top: 0px;
							left: 0px;	
							z-index: 10;
						}
						
				#content #register
				{
					padding-top: 48px;
					padding-left: 20px;
					height: 604px;
					background: url(../images/bg-content-register.png);
					position: relative;
					z-index: 5;
				}
				
					#content #register #register-image
					{
						display: block;
						position: absolute;
						bottom: -58px;
						left: 0px;
					}


		.navigation
		{
			
		}
		
			.navigation li
			{
				padding-right: 1px;
				float: left;

			}
			
			.navigation li.first
			{
				padding-left: 0px;
			}
			
			.navigation li.last
			{
				border: none;
				padding-right: 0px;
			}
								
				.navigation li a
				{
					display: block;
					color: #999999;
				}

			.navigation li.active
			{
			 	text-transform: uppercase;
				color: #ff0000;
			}
			
				.navigation li.active a
				{
					font-weight: bold;
				 	text-transform: uppercase;
					color: #ff0000;
				}
				
	.partners-carousel
	{
		width: 807px;;
		overflow: hidden;
		position: relative;
		height: 180px;
	}
	
		.partners-carousel .partner-list
		{	
			
			width: 9999px;
		  	margin:0;
		 	padding:0;
		 	position: absolute;
		  	top: 0;
		}
	
			.partners-carousel li
			{
				float: left;
				height: 118px;
				background: #fff;	
				padding-left: 15px;
				padding-right: 15px;
			}
		
	#site-footer
	{
		margin-left: -4px;
		position: relative;
		background: url(../images/bg-site-footer.png);
		background-position: left-top;
		background-repeat: no-repeat;
		height: 29px;
		z-index: 1;
	}
	
		#site-footer-content
		{
			padding-left: 60px;
			padding-top: 118px;	
		}
		
			#site-footer-content p
			{
				margin: 0px;
				font-size: 0.9em;
			}
			
				#site-footer-content p.line-one
				{
					margin-bottom: 8px;
				}
			
				#site-footer-content p.line-two
				{
					margin-top: 10px;
				}
			
				#site-footer-content p.line-three
				{
					margin-bottom: 20px;
				}

	#site-extra
	{
		left: -133px;
		bottom:-650px;
		position: absolute;
		background: url(../images/bg-site-extra.png);
		width: 1200px;
		height: 650px;
	}
	
	#decoration
	{
		position: absolute;
		position: absolute;
		top: 0px;
		right: -200px;
		z-index: 1;
	}
	
	#partners{
		position: relative;
	}
	
		#partners h1{
			position: absolute;
			top: 50px;
			left:20px;
			display:block;
			height: 17px;
			width:79px;
			text-indent: -999em;
			background: transparent url(/content/images/headers/partners.png) no-repeat;
		}
		
	#blog{
			
	}
	
		#blog h1{
			display:block;
			height: 19px;
			width:43px;
			text-indent: -999em;
			background: transparent url(/content/images/headers/blog.png) no-repeat;
			margin-bottom: 10px;
		}
		
	#blog .footer{
		float:left;	
	}
		
	#competition{
			
	}
	
		#competition h1{
			display:block;
			height: 21px;
			width:260px;
			text-indent: -999em;
			background: transparent url(/content/images/headers/register_for_the_competition.png) no-repeat;
			margin-bottom: 10px;
		}
		
	#team{
			
	}
	
		#team ul li h1{
			margin-top: 48px;	
		}
		
		#team h1{
			display:block;
			height: 21px;
			width:260px;
			text-indent: -999em;
			background: transparent url(/content/images/headers/the_team.png) no-repeat;
			margin-bottom: 10px;
		}