/* blue - #0660A5 */

/* red - #E72038 */

/* yellow - #FEED5C*/

/* light blue #55A5CC */

/* purple - #262261 */





#container {

	width: 800px;

	margin: 1em auto;

	border: 3px solid #0660A5;

	overflow: hidden;

	background: #FFFFFF;

	clear: both;

}



/*---------------------------------------------------------------

- header

----------------------------------------------------------------*/



#header {

	background: #FFFFFF;

	overflow: hidden;

	padding: 0 1em;

}

	#header h1 {

		text-indent: -999em;

		float: left;

	}

	

	#header h1 a {	

		background: url("../images/header.jpg");

		display: block;

		width: 780px;

		height: 180px;

	}

	

	#header #images {

		float: right;

	}



/*---------------------------------------------------------------

- menu

----------------------------------------------------------------*/



#menu {

	background: #0660A5;

	color: #FFFFFF;	

}

	

	#menu ul {

		list-style: none;

		/*overflow: visible;*/

		height: 30px;

		padding: 0.2em 20px;

		margin: 0;

	}

	

	#menu ul li {

		float: left;

		border-left: 1px solid #FFFFFF;

		padding: 6px 13px;

		position: relative;

	}

	

	#menu ul li.first {

		border: 0;

	}

	

		* html #menu ul li.first {

			margin: 0;

		}

	

	#menu ul li a {

		color: #FFFFFF;

		font-weight: bold; font-size:14px;

	}



/* sub menu */



#menu ul li ul {

	position: absolute;

	top: 30px;

	left: -2px;

	z-index: 9999;	

	padding: 3px 0;

	width: 180px;

}



	#menu ul li ul li {

		border-bottom: 1px solid #FFFFFF;

		display: block;

		width: 180px;

		background: #D4E9F3;

	}

	

	#menu ul li ul li a {

		display: block;

		color: #262261;

		font-size: 0.9em;

	}





/*---------------------------------------------------------------

- content

----------------------------------------------------------------*/



#content {

	background: #FFFFFF;

	padding: 2em;

	overflow: hidden;

	margin-bottom: 1em;

}



/*---------------------------------------------------------------

- homepage specific

----------------------------------------------------------------*/



#content #homepage-logos {

	width: 120px;

	float: left;

}



	#content #homepage-logos ul {

		list-style: none;

	}

	

	#content #homepage-logos ul li {

		margin: 0 0 5em 0;

	}

	

		#content #homepage-logos ul li.fit-five {

			margin-left: -12px;

		}

		

			* html #content #homepage-logos ul li.fit-five {

				margin-left: 0;

			}

	

#content #homepage-content {

	float: left;

	width: 600px;

	margin-left: 15px;

}



	#content #homepage-content #welcome {

		background: url("../images/homepage/welcome.gif") no-repeat 100% 0;	

		margin: 0 0 1.5em 0;

		

		padding: 0 200px 0 0;

	}

	

	* html #content #homepage-content #welcome {

		padding-right: 100px;	

	}

	

		#content #homepage-content #welcome h2 {

			color: #0660A5;

			width: 500px;

			font-size: 1.2em;

		}

	

		#content #homepage-content #welcome h2 span {

			color: #E72038;

		}

		

		#content #homepage-content #welcome p {

			padding-top: 1em;

			width: 400px;

		}

	

	

	#content #homepage-content #coming-up {

		background: #FDED5B;

		width: 530px;

		padding: 1em;

	}

	

	#content #homepage-content #coming-up h2 {

		margin: 0 0 1em 0;

		color: #262261;

	}

	

	#content #homepage-content #coming-up strong {

		color: #262261;

	}



/*---------------------------------------------------------------

- contact / about us

----------------------------------------------------------------*/



h2.heading {

	text-transform: uppercase;

	border-bottom: 3px solid #FDED5B;

	color: #0660A5;

	margin: 0 0 0.5em 0;

}



h2.wide {

	width: 100%;	

}



h2.short {

	width: 330px;	

}



.contact-diagram {

	text-align: center;

}



	.contacts {

		overflow: hidden;

		clear: both;

		width: 100%;	

	}

	

	.contact {

		float: left;

		margin: 0 1em 1em 0;

		width: 229px;

		height: 70px;

	}

	

		.contact span {

			color: #262261;

			display: block;

			font-size: 0.9em;		

		}

	

		.contact span.name {

			color: #E72038;

		}

		

		.contact span a:hover {			

			text-decoration: none;

		}



.logo-strip {

	overflow: hidden;	

}



	.logo-strip ul {

		overflow: hidden;

		list-style: none;		

	}

		

	.logo-strip ul li {

		float: left;

		width: 180px;

		height: 135px;

		position: relative;

	}

	

	.logo-strip ul li.first {

		margin: 0;

	}

	

	.logo-strip ul li img {

		position: absolute;

		bottom: 0;

		left: 30%;

	}



/*---------------------------------------------------------------

- sport listing

----------------------------------------------------------------*/



ul.sport-list {

	width: 500px;

	overflow: hidden;	

}



	ul.sport-list li {

		float: left;

		margin-left: 1em;

		width: 150px;

		color: #262261;

	}



#sports {

	margin-top: 1.5em;	

}



.sport {

	overflow: hidden;	

}



	.sport .sport-image {

		width: 100px;

		padding: 0 50px;

		float: left;

	}

	

	.sport .sport-detail {

		width: 500px;

		float: left;

	}

	

.club {

	border-bottom: 3px solid #FDED5B;

	margin-bottom: 0.5em;

}



	.club.last {

		border: 0;

	}

	

	.club strong {

		color: #262261;

	}



/*---------------------------------------------------------------

- cluster page

----------------------------------------------------------------*/



#content.cluster {

	padding: 0;	

}



#plt-sidebar {

	float: left;

	width: 160px;

	padding: 20px;

}



	#plt-sidebar h2.short {

		width: 160px;

		border: 0;

	}



	#plt-sidebar .plt {

		float: left;

		width: 160px;

		margin: 0 0 20px 0;

	}

	

		#plt-sidebar .plt div {

			font-size: 0.9em;

		}

	

			#plt-sidebar div span {

				color: #282462;

				margin: 0 5px 0 0;

				font-weight: bold;

			}



#cluster {

	float: left;

	width: 557px;

	padding: 20px;

	border-left: 3px solid #0660A5;	

}



	#cluster #cluster-details {

		overflow: hidden;

		clear: both;

		width: 100%;

		color: #282462;

		margin: 0 0 20px 0;

	}

	

	#cluster #cluster-details p {

		color: #282462;

	}



	#cluster-details .left {

		float: left;

		width: 160px;

		margin: 0 10px 0 0;

	}

	

	#cluster-details .right {

		float: left;

		width: 380px;

	}



	#cluster .info {

		font-size: 90%;

		float: left;

		width: 170px;

		margin-right: 20px;

	}

	

		.right a {

			color: #282462;

		}

	

	#cluster .image {

		float: right;

	}



ul.cluster-options {

	margin: 20px 0 20px 15px;

}



ul.cluster-options li {

	font-weight: bold;

	color: #E72038;	

}



	ul.cluster-options li a {

		color: #0660A5;

		text-transform: uppercase;

	}



.cluster-news {

	float: left;

	width: 550px;

	padding: 0 0 20px 0;

	margin: 0 0 20px 0;

	border-bottom: 3px solid #0660A5;

}



	.cluster-news h2 {

		color: #E72038;

		float: left;

		margin: 0 0 20px 0;

	}

	

	.cluster-news .intro {

		float: left;

		width: 290px;

		margin: 0 20px 0 0;

		clear: left;

	}

	

	.cluster-news a {

		clear: both;

		float: left;

		display: block;

	}



a.blue-button {

	background: transparent url(../images/blue-button.gif) no-repeat 0 0;

	width: 154px;

	height: 32px;

	font-weight: bold;

	color: #FFF;

	text-decoration: none;

	font-size: 0.8em;

	padding: 7px 5px 5px 5px;

	text-align: center;

	display: block;

}



	a.blue-button span {

		margin: 7px 0 0 0;

		display: block;

	}



/*---------------------------------------------------------------

- resource page

----------------------------------------------------------------*/



.resource {

	border-top: 3px solid #0660A5;

	padding: 2em 0.5em;

	overflow: hidden;

	clear: both;

	width: 720px;

}



	.resource h2 {

		color: #E72038;

		margin-bottom: 1em;

	}

	

	.resource .resource-content {

		float: left;

		width: 380px;

	}

	

	.resource .resource-image {

		border: 3px solid #0660A5;

		float: right;

		margin-left: 20px;

	}

	.resource a {
		color: #55A5CC;
	}



/*---------------------------------------------------------------

- page article

----------------------------------------------------------------*/



.full-content {



}



	.full-content ul {

		margin-left: 1em;

	}



	.full-content ul li {

		color: #E72038;

	}

	

	.full-content ul li span {

		color: #000000;

	}	



	.full-content .content-image {

		border: 3px solid #0660A5;

		float: right;

		margin-left: 20px;

	}

	

.article {

	overflow: hidden;

	margin-top: 0.5em;

	padding-top: 0.5em;

	border-top: 3px solid #0660A5;	

}	

	

	.article-content {

		float: left;

		width: 380px;

	}



	.article-image {

		border: 3px solid #0660A5;

		float: right;

		margin-left: 20px;

	}



/*---------------------------------------------------------------

- contact us

----------------------------------------------------------------*/



.field {

	overflow: hidden;

	margin: 0.5em 0;

}



	.field label {

		width: 150px;

		float: left;

		display: block;

	}

	

	.field label {

		float: left;

		color: #0660A5;

	}





/*---------------------------------------------------------------

- coaches

----------------------------------------------------------------*/



.coaches-intro {

	float: left;

	width: 490px;

}



.coaches-download {

	float: right;

	width: 210px;

}



	.coaches-download ul {

		margin: 0;

		padding: 0;

	}



		.coaches-download ul li {

			color: #E72038;

		}



			.coaches-download ul li a {

				text-transform: uppercase;

				font-weight: bold;

				color: #0660A5;

			}



/*---------------------------------------------------------------

- cpd content

----------------------------------------------------------------*/



#book-cpd {

	float: left;

}



	#book-cpd img {

		border: 0;

	}



.cpd-intro {

	float: left;

	width: 490px;

}



.cpd-content {

	width: 730px;

	float: left;

}



.cpd {

	float: left;

	width: 730px;

	border-bottom: 2px solid #FDED5B;

	margin: 0 0 20px 0;

	padding: 0 0 20px 0;

}



/*---------------------------------------------------------------

- cpd booking form

----------------------------------------------------------------*/



.form-errors {

	color: #FF0000;

	font-weight: bold;

	margin: 20px 0;

}



.field label span {

	color: #FF0000;

}



/*---------------------------------------------------------------

- competitions

----------------------------------------------------------------*/



.comps {

	/*float: left;

	width: 730px;*/

	position: relative;

}



	.comps h2 {

		margin-bottom: 50px;

	}



#enter-comp {

	float: right;

	margin-right: 20px;

	display: inline;

}



	#enter-comp img {

		border: 0;

	}



#view-results {

	float: right;

}



.comp {

	float: left;

	width: 730px;

	border-bottom: 2px solid #FDED5B;

	padding: 0 0 20px 0;

	margin: 0 0 20px 0;

}



.comp.first {

	margin-top: 20px;

}



	.comp-details {

		width: 550px;

		float: left;

	}

	

		.comp-details h3 {

			float: left;

			margin: 0 10px 0 0;

			color: #262261;

			font-size: 1em;

		}



		.comp-event {

			float: left;

			width: 550px;

			margin: 0 0 10px 0;

		}

		

		.comp-date {

			float: left;

			width: 240px;

			margin: 0 10px 10px 0;

		}

		

		.comp-location {

			float: left;

			width: 300px;

			margin: 0 0 10px 0;

		}

		

	.comp img {

		float: right;

		border: 1px solid #89B6D7;

	}



.field.additional-info {

	margin-top: 30px;

	clear: both;

}



/*---------------------------------------------------------------

- footer

----------------------------------------------------------------*/



#footer {

	background: #0660A5;

	color: #FFFFFF;

	width: 770px;

	overflow: hidden;

	padding: 15px;

	clear: both;	

}



	#footer ul {

		list-style: none;

		overflow: hidden;

	}

	

		#footer ul li {

			float: left;

			font-weight: bold;

			color: #FFFFFF;

			margin-right: 1em;

		}

		

		#footer ul li a {

			color: #FFFFFF;			

		}



#footer #hit-counter {

	float: right;

	font-weight: bold;

}

/* suggestions  */
#suggestion_form .field { float: left; width: 736px; }
#suggestion_form .field.little { width: 368px; }

#suggestion_form .field label { width: 130px; }

#suggestion_form .field input.text { width: 568px; }
#suggestion_form .field.little input.text { width: 200px; }

#suggestion_form .textarea { width: 568px; }



/* Funding page */
#funding-form .field { float: left; clear: left; width: 736px; }

#funding-form label { width: 120px; font-weight: bold; color: #262261; margin: 0 5px 0 0; }
#funding-form label span { display: block; color: #000; font-size: 0.8em; font-weight: normal; }

#funding-form .field.block label { width: 736px; margin: 0 0 5px 0; }

#funding-form .text { border: 1px solid #000; width: 190px; height: 10px; padding: 5px; }
#funding-form .textarea { border: 1px solid #000; padding: 5px; width: 690px; height: 190px; }