@media screen {

	a:link, a:visited {
		color: #fff;
		text-decoration: underline;
	}

	body {
		margin: 0;
		padding: 0;
		background: #ec008c;
		color: #fff;
		font: 0.7em/1.4em Verdana, Sans-serif;
	}
	
	h1 {
		margin: 0;
		padding: 0 0 1em;
		font-size: 2em;
		line-height: 1.4em;
	}
	
	h1.blog-header {
		padding-bottom: 0.15em;
	}

	h2 {
		margin: 0;
		padding: 0 0 0.2em;
		font-size: 1.6em;
		line-height: 1.2em;
	}

	img {
		border: none;
	}

	img.left {
		margin: 5px 5px 10px 0;
		float: left;
	}

	img.right {
		margin: 5px 0 10px 5px;
		float: right;
	}

	p {
		margin: 0;
		padding: 0 0 1.4em;
	}

	p.date {
		font-size: 0.9em;
		font-style: italic;
	}

	p.intro {
		padding-bottom: 1.2em;
		font-size: 1.2em;
		line-height: 1.2em;
		font-weight: bold;
	}

	ul {
		margin: 0 0 0 3em;
		padding: 0 0 1.4em;
	}
	
	ul.list {
		margin: 0;
		border-top: solid 1px #ec008c;
		list-style: none;
	}

		ul.list li {
			padding: 8px 2px;
			border-bottom: solid 1px #ec008c;
		}

		ul.list li a strong {
			text-decoration: none;
		}

	/*div.list-item {
		padding: 1em 2px;
		border-top: solid 1px #974f91;
	}*/

	.input {
		padding: 0 0 10px;
	}

	.input label {
		display: block;
		font-weight: bold;
	}

	.submit {
		padding: 0 0 20px;
	}

	.clear {
		clear: both;
	}

	#bg-top {
		background: url(../img/bg-top.jpg) 50% 0 no-repeat;
	}

	#bg-bottom {
		background: url(../img/bg-bottom.jpg) 50% 100% no-repeat;
	}

	#container {
		margin: 0 auto;
		width: 960px;
		overflow: hidden;
	}

	#header {
		margin: 0 10px;
		position: relative;
		width: 940px;
		height: 119px;
	}
	
		#header h1 {
			margin: 0;
			padding: 0;
			position: relative;
			width: 940px;
			height: 119px;
			display: block;
			overflow: visible;
		}
	
			#header h1 a {
				position: relative;
				width: 100%;
				height: 100%;
				display: block;
				background: url(../img/logo.png) no-repeat;
				text-indent: -500em;
				cursor: pointer;
			}

		#logo-shoe-1,
		#logo-shoe-2,
		#logo-shoe-3,
		#logo-shoe-4 {
			position: absolute;
			width: 42px;
			top: 0;
			overflow: hidden;
		}

		#logo-shoe-1 {
			height: 53px;
			left: 344px;
			background: url(../img/logo-shoe-1.png) 0 100% no-repeat;
			z-index: 4;
		}

		#logo-shoe-2 {
			height: 48px;
			left: 360px;
			background: url(../img/logo-shoe-2.png) 0 100% no-repeat;
			z-index: 3;
		}

		#logo-shoe-3 {
			height: 46px;
			left: 377px;
			background: url(../img/logo-shoe-3.png) 0 100% no-repeat;
			z-index: 2;
		}

		#logo-shoe-4 {
			height: 42px;
			left: 393px;
			background: url(../img/logo-shoe-4.png) 0 100% no-repeat;
			z-index: 1;
		}

		#countdown {
			padding: 10px 7px;
			position: absolute;
			top: 10px;
			right: 0;
			width: 152px;
			height: 60px;
			background: url(../img/countdown-bg.png);
		}

			#countdown p {
				display: none;
			}

			.countdown-day {
				margin: 0 2px;
				width: 46px;
				height: 43px;
				float: left;
				background: url(../img/countdown-numbers.gif) no-repeat;
				text-indent: -500em;
			}

			.countdown-day-0 {
			}

			.countdown-day-1 {
				background-position: 0 -43px;
			}

			.countdown-day-2 {
				background-position: 0 -86px;
			}

			.countdown-day-3 {
				background-position: 0 -129px;
			}

			.countdown-day-4 {
				background-position: 0 -172px;
			}

			.countdown-day-5 {
				background-position: 0 -215px;
			}

			.countdown-day-6 {
				background-position: 0 -258px;
			}

			.countdown-day-7 {
				background-position: 0 -301px;
			}

			.countdown-day-8 {
				background-position: 0 -344px;
			}

			.countdown-day-9 {
				background-position: 0 -387px;
			}

	#menu {
		margin: -10px 10px 0;
		position: relative;
		width: 940px;
		height: 32px;
		z-index: 2;
		overflow: hidden;
		background: #ab3b7e url(../img/menu.jpg) no-repeat;
	}

		#menu ul {
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			position: relative;
			display: block;
			list-style: none;
		}

			#menu li {
				padding: 0 10px;
				position: relative;
				display: inline;
				float: left;
				width: 100px;
				height: 32px;
				line-height: 32px;
				text-align: center;
			}

			#menu li#menu-1 {
				padding-left: 0;
			}

			#menu li#menu-8 {
				padding-right: 0;
			}

				#menu a {
					position: relative;
					display: block;
					width: 100%;
					height: 100%;
					cursor: pointer;
				}

					#menu a span {
						position: absolute;
						display: block;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						z-index: 2;
						background: url(../img/menu.jpg) 0 0 no-repeat;
					}

					#menu #menu-1 span {
						background-position: 0 -32px;
					}

					#menu #menu-2 span {
						background-position: -120px -32px;
					}

					#menu #menu-3 span {
						background-position: -240px -32px;
					}

					#menu #menu-4 span {
						background-position: -360px -32px;
					}

					#menu #menu-5 span {
						background-position: -480px -32px;
					}

					#menu #menu-6 span {
						background-position: -600px -32px;
					}

					#menu #menu-7 span {
						background-position: -720px -32px;
					}

					#menu #menu-8 span {
						background-position: -840px -32px;
					}

					#menu #menu-1 a:hover span, #menu #menu-1 a:focus span {
						background-position: 0 -64px;
					}
					#menu #menu-1.current a:link span, #menu #menu-1.current a:visited span {
						background-position: 0 -96px;
					}

					#menu #menu-2 a:hover span, #menu #menu-2 a:focus span {
						background-position: -120px -64px;
					}
					#menu #menu-2.current a:link span, #menu #menu-2.current a:visited span {
						background-position: -120px -96px;
					}

					#menu #menu-3 a:hover span, #menu #menu-3 a:focus span {
						background-position: -240px -64px;
					}
					#menu #menu-3.current a:link span, #menu #menu-3.current a:visited span {
						background-position: -240px -96px;
					}

					#menu #menu-4 a:hover span, #menu #menu-4 a:focus span {
						background-position: -360px -64px;
					}
					#menu #menu-4.current a:link span, #menu #menu-4.current a:visited span {
						background-position: -360px -96px;
					}

					#menu #menu-5 a:hover span, #menu #menu-5 a:focus span {
						background-position: -480px -64px;
					}
					#menu #menu-5.current a:link span, #menu #menu-5.current a:visited span {
						background-position: -480px -96px;
					}

					#menu #menu-6 a:hover span, #menu #menu-6 a:focus span {
						background-position: -600px -64px;
					}
					#menu #menu-6.current a:link span, #menu #menu-6.current a:visited span {
						background-position: -600px -96px;
					}

					#menu #menu-7 a:hover span, #menu #menu-7 a:focus span {
						background-position: -720px -64px;
					}
					#menu #menu-7.current a:link span, #menu #menu-7.current a:visited span {
						background-position: -720px -96px;
					}

					#menu #menu-8 a:hover span, #menu #menu-8 a:focus span {
						background-position: -840px -64px;
					}
					#menu #menu-8.current a:link span, #menu #menu-8.current a:visited span {
						background-position: -840px -96px;
					}

	#banner {
		margin: 10px;
		display: block;
		position: relative;
		width: 700px;
		height: 450px;
		float: left;
		display: inline;
		background: #862465;
	}

		#banner-controls {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100px;
			height: 36px;
			background: url(../img/banner-control-bg.png) repeat-x;
		}
	
			#banner-play-pause {
				position: absolute;
				top: 6px;
				right: 5px;
				width: 22px;
				height: 22px;
				background: url(../img/banner-controls.png) 0 -20px no-repeat;
				text-indent: -500em;
			}
	
			* html #banner-play-pause {
				background-url(../img/banner-controls.gif);
			}
	
			#banner-play-pause.pause {
				background-position: 0 -42px;
			}
	
			#banner-controls ul {
				margin: 14px 0 0 7px;
				padding: 0;
				list-style: none;
			}
	
				#banner-controls li {
					padding-right: 4px;
					width: 10px;
					height: 10px;
					float: left;
					line-height: 10px;
				}
	
					#banner-controls li a {
						display: block;
						position: relative;
						width: 100%;
						height: 100%;
						text-indent: -500em;
						background:  url(../img/banner-controls.png) 0 0 no-repeat;
					}
	
					* html #banner-controls li a {
						background-url(../img/banner-controls.gif);
					}
	
					#banner-controls li.current a {
						background-position: 0 -10px;
					}
	
		.banner {
			position: absolute;
			width: 700px;
			height: 450px;
			top: 0;
			left: 0;
			overflow: hidden;
			cursor: pointer;
		}

	.right-box {
		margin: 5px;
		padding: 5px 10px;
		width: 210px;
		height: 450px;
		float: right;
		background: url(../img/right-box.jpg) no-repeat;
	}

	#main {
		margin: 10px 10px 15px 0;
		width: 700px;
		float: right;
		display: inline;
		background: #c0017d;
	}

		.box {
			padding: 5px 10px 0;
		}

	#sidebar {
		margin: 10px 0 15px 10px;
		width: 220px;
		float: left;
		display: inline;
	}

		#sidebar ul {
			margin: 0;
			padding: 0;
			list-style: none;
			background: #bf027d;
		}

			#sidebar ul li {
				padding-bottom: 1px;
				background: url(../img/sidebar-line.gif) 0 100% no-repeat;
				font-weight: bold;
				font-size: 1.2em;
			}

			#sidebar ul li.current {
				background-color: #a30977;
			}

				#sidebar li a {
					padding: 10px 10px 10px 50px;
					display: block;
				}

				#sidebar li.current a {
					background-position: 5px 50%;
					background-repeat: no-repeat;
				}

				#sidebar li#sidebar-purple.current a {
					background-image: url(../img/sidebar/purple.gif);
				}

				#sidebar li#sidebar-pink.current a {
					background-image: url(../img/sidebar/pink.gif);
				}

				#sidebar li#sidebar-orange.current a {
					background-image: url(../img/sidebar/orange.gif);
				}

				#sidebar li#sidebar-teal.current a {
					background-image: url(../img/sidebar/teal.gif);
				}

				#sidebar li#sidebar-blue.current a {
					background-image: url(../img/sidebar/blue.gif);
				}

				#sidebar li#sidebar-green.current a {
					background-image: url(../img/sidebar/green.gif);
				}

				#sidebar li#sidebar-red.current a {
					background-image: url(../img/sidebar/red.gif);
				}

				#sidebar li#sidebar-yellow.current a {
					background-image: url(../img/sidebar/yellow.gif);
				}

				#sidebar li a:link, #sidebar li a:visited {
					color: #fff;
					text-decoration: none;
				}

					#sidebar ul ul {
						padding-top: 1px;
						background: #a30977 url(../img/sidebar-line.gif) 0 0 no-repeat;
					}

						#sidebar ul ul li {
							padding-left: 10px;
							font-size: 1em;
							background: transparent;
						}

						#sidebar ul ul li.current {
							background: #900f73;
						}

							#sidebar ul ul li a {
								padding-top: 5px;
								padding-bottom: 5px;
								background: transparent !important;
							}

		#sidebar-register {
			padding: 15px 0 0;
			text-align: center;
		}

	#route-intro {
		margin: 10px;
		width: 940px;
		overflow: hidden;
		background: #c0017d;
	}

		#route-left {
			width: 376px;
			float: left;
		}

		#route-right {
			width: 534px;
			float: right;
		}

			#route-right .register-now-large {
				padding-top: 20px;
			}

	#home-boxes {
		margin: 0 0 5px;
		width: 100%;
		clear: both;
		overflow: hidden;
	}

		.home-box {
			margin: 0 5px;
			width: 230px;
			height: 225px;
			float: left;
			display: inline;
		}

	#logos {
		margin: 0 10px;
		width: 940px;
		overflow:  hidden;
		background: #d40c83 url(../img/logos-bg.gif) repeat-x;
		line-height: 86px;
	}

		#logos img {
			margin-right: 15px;
			vertical-align: middle;
		}

		.logos-aid {
			margin: 0 20px 0 0;
			width: 300px;
			float: left;
			display: inline;
		}

		.logos-narrow {
			margin: 0 20px 0 0;
			width: 170px;
			float: left;
			display: inline;
		}

		.logos-wide {
			width: 420px;
			float: left;
			display: inline;
			line-height: 45px;
		}

			#logos h2 {
				padding: 0 0 0 10px;
				background: url(../img/logos-line.gif) 0 100% no-repeat;
				line-height: 2em;
			}

			#logos p {
				padding: 10px;
			}

			#logos .logos-wide img {
				margin-right: 5px;
				margin-bottom: 5px;
			}

	#route-map {
		margin: 10px;
	}

		#route-map-container {
			position: relative;
			width: 940px;
			height: 450px;
			overflow: hidden;
		}

			#route-map-inner {
				position: absolute;
				left: 0;
				top: 0;
				width: 940px;
				height: 450px;
			}

				.map-point {
					position: absolute;
					top: 0;
					left: 0;
				}

					.map-point .flyout {
						display: none;
					}

				#map-point-finish {
					width: 41px;
					height: 19px;
					left: 809px;
					top: 285px;
				}

				#map-point-start {
					width: 40px;
					height: 19px;
					left: 805px;
					top: 265px;
				}

				#map-point-briggate {
					width: 20px;
					height: 20px;
					left: 282px;
					top: 98px;
				}

				#map-point-corn {
					width: 20px;
					height: 20px;
					left: 362px;
					top: 150px;
				}

				#map-point-bridge {
					width: 20px;
					height: 20px;
					left: 275px;
					top: 375px;
				}

				#map-point-brewery {
					width: 20px;
					height: 20px;
					left: 540px;
					top: 360px;
				}

				#flyout {
					position: absolute;
					left: -400px;
					top: 0;
					padding: 11px 18px 18px 12px;
					width: 428px;
					height: 184px;
					background: url(../img/map/flyout.png) 0 0 no-repeat;
				}

					#flyout-content {
						padding-right: 10px;
					}

						#flyout-content img.left {
							margin-right: 10px;
							margin-bottom: 0;
							margin-top: 0;
						}

						#flyout-content p {
							padding: 5px 0;
						}

					#flyout-close {
						position: absolute;
						top: 14px;
						right: 21px;
						z-index: 2;
					}

	#route-key {
		margin: 5px 10px -10px;
		width: 940px;
		overflow: hidden;
		line-height: 30px;
	}

		#route-key img {
			margin: 0 5px;
			vertical-align: middle;
		}

		#route-key-drag {
			width: 50%;
			float: left;
		}

		#route-key-click {
			width: 50%;
			float: right;
			text-align: right;
		}

	#footer {
		margin: 0 10px;
		position: relative;
		height: 165px;
	}

		#footer p {
			padding: 5px 0 0;
			font-size: 0.8em;
			line-height: 1.4em;
		}

		#leeds {
			position: absolute;
			top: 8px;
			right: 5px;
		}

	.gallery {
		width: 100%;
		overflow: hidden;
	}
	
		.photo {
			margin	: 9px;
			width: 120px;
			height: 120px;
			float: left;
			border: solid 1px #ec008c;
		}

	.pagination {
		margin: 0 0 10px;
		width: 100%;
		overflow: hidden;
		background: url(../img/pagination.gif) no-repeat;
		font-size: 1.2em;
		line-height: 22px;
	}

		.pagination .info {
			padding: 5px 10px;
			float: left;
		}

		.pagination .nav {
			padding: 5px 10px;
			float: right;
			text-align: right;
		}

			.pagination .nav div {
				padding-left: 20px;
				display: inline;
			}

			.pagination .nav a {
				text-decoration: none;
			}

				.pagination .nav a img {
					vertical-align: middle;
				}

	p.register-now-large {
		padding-top: 1.5em;
		text-align: center;
	}

	.supporter {
		margin: 5px;
		width: 220px;
		float: left;
		display: inline;
	}

	.prize {
		padding: 10px 0;
		width: 100%;
		overflow: hidden;
		clear: both;
		border-top: solid 1px #fff;
	}

		.prize h3 {
			margin: 0;
			padding: 0;
		}

		.prize-sponsor {
			float: right;
		}

	#payment-form {
		padding: 10px;
		width: 200px;
		height: 150px;
		float: left;
		background: #fff;
		color: #000;
	}

	#payment-info {
		margin: 0 0 0 10px;
		padding: 10px;
		width: 430px;
		height: 150px;
		float: left;
		display: inline;
		background: #fff;
		color: #000;
	}

	#fundraising {
		margin: 0 0 10px;
		padding: 10px;
		background: #fff;
		color: #000;
		height: 88px;
	}

	#fundraising a:link, #fundraising a:visited {
		color: #003;
	}

	#fundraising p {
		padding: 10px 0 0 10px;
	}

	#fundraising img {
		margin-left: 40px;
		float: right;
	}

}