@charset "utf-8";

/* RED ABBEY - DEFAULT CSS DOCUMENT */

/* ==============================================
GENERAL
============================================== */

* {
	margin: 0;
	padding: 0;
}

a {
	outline: 0;
	color: #fff;
}

img {
	border: none;
}

body {
	font: 12px "Trebuchet MS", Arial, sans-serif;
	background: #00025c url(images/body-bg.jpg) no-repeat center top;
	color: #fff;
}

h2 {
	font-size: 16px;
	margin-bottom: 16px;
}

p {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 16px;
}

.alignLeft {
	float: left;
}

.alignRight {
	float: right;
}

.clearer {
	clear: both;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/* ==============================================
HEADER
============================================== */

#header {
	height: 134px;
	position: relative;
	z-index: 1;
}

	#headerLogo {
		left: 38px;
		position: absolute;
		width: 291px;
		height: 134px;
	}
	
	#headerDate {
		width: 222px;
		height: 77px;
		position: absolute;
		right: 90px;
		top: 38px;
	}
	
/* ==============================================
ROUTES AND WELCOME
============================================== */
	
#topRoutesFrame {
	width: 360px;
	height: 359px;
	background: url(images/top-route-frame.png) no-repeat left top;
	position: absolute;
	top: 0;
	left: 220px;
	z-index: 3;
}

	#topRoutesFrame img {
		position: absolute;
		top: 133px;
		left: 10px;
		width: 333px;
		height: 221px;
	}
	
#topWrapper {
	height: 221px;
	background: #000132 url(images/routes-bg.png) repeat-x;
	border-top: 2px solid #fff;
	border-bottom: 7px solid #fff;
	position: relative;
	z-index: 2;
}

	#topRoutes {
	}

		#topRoutes h2 {
			width: 32px;
			height: 221px;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		#topRoutes ul {
			list-style: none;
			position: relative;
			left: 32px;
		}
		
			#topRoutes ul li {
				
			}
			
				#topRoutes ul li a {
					width: 198px;
					height: 73px;
					text-indent: -9999px;
					display: block;
				}
				
				#topRoutes ul li#topRouteBtn5 a {
					background: url(images/top-route-buttons/5-mile.png) no-repeat;
				}
				
				#topRoutes ul li#topRouteBtn5 a:hover {
					background-position: 0 -73px;
				}
				
				#topRoutes ul li#topRouteBtn13 a {
					background: url(images/top-route-buttons/13-mile.png) no-repeat;
				}
				
				#topRoutes ul li#topRouteBtn13 a:hover {
					background-position: 0 -73px;
				}
				
				#topRoutes ul li#topRouteBtn50 a {
					background: url(images/top-route-buttons/50-mile.png) no-repeat;
				}
				
				#topRoutes ul li#topRouteBtn50 a:hover {
					background-position: 0 -73px;
				}
		
	#topWelcome {
		width: 319px;
		position: absolute;
		top: 0;
		right: 30px;
	}
	
		#topWelcome h2 {
			width: 161px;
			height: 39px;
			margin-top: 16px;
		}
		
/* ==============================================
MAIN NAVIGATION
============================================== */
		
#mainNav {
	background: #000;
	color: #fff;
	position: relative;
	height: 33px;
}

	#mainNav ul {
		list-style: none;
		padding: 5px 0 0 5px;
	}
	
		#mainNav ul li {
			display: inline;
			float: left;
		}
		
			#mainNav ul li a {
				display: block;
				float: left;
				height: 20px;
				text-indent: -9999px;
				margin-right: 5px;
			}
			
			#mainNav ul li a.current {
				cursor: default;
			}
			
			#mainNav ul li#mainNavHome a {
				background: url(images/main-nav/home.png) no-repeat;
				width: 60px;
			}
		
			#mainNav ul li#mainNavHome a:hover {
				background-position: 0 -20px;
			}
			
			#mainNav ul li#mainNavHome a.current {
				background-position: 0 -40px;
			}
			
			#mainNav ul li#mainNavRegister a {
				background: url(images/main-nav/register.png) no-repeat;
				width: 84px;
			}
			
			#mainNav ul li#mainNavRegister a:hover {
				background-position: 0 -20px;
			}
			
			#mainNav ul li#mainNavRegister a.current {
				background-position: 0 -40px;
			}
			
			#mainNav ul li#mainNavRoute5 a {
				background: url(images/main-nav/5-mile.png) no-repeat;
				width: 103px;
			}
			
			#mainNav ul li#mainNavRoute5 a:hover {
				background-position: 0 -20px;
			}
			
			#mainNav ul li#mainNavRoute5 a.current {
				background-position: 0 -40px;
			}
			
			#mainNav ul li#mainNavRoute13 a {
				background: url(images/main-nav/13-mile.png) no-repeat;
				width: 103px;
			}
			
			#mainNav ul li#mainNavRoute13 a:hover {
				background-position: 0 -20px;
			}
			
			#mainNav ul li#mainNavRoute13 a.current {
				background-position: 0 -40px;
			}
			
			#mainNav ul li#mainNavRoute50 a {
				background: url(images/main-nav/50-mile.png) no-repeat;
				width: 103px;
			}
			
			#mainNav ul li#mainNavRoute50 a:hover {
				background-position: 0 -20px;
			}
			
			#mainNav ul li#mainNavRoute50 a.current {
				background-position: 0 -40px;
			}
			
			#mainNav ul li#mainNavGallery a {
				background: url(images/main-nav/gallery.png) no-repeat;
				width: 80px;
			}
			
			#mainNav ul li#mainNavGallery a:hover {
				background-position: 0 -20px;
			}
			
			#mainNav ul li#mainNavGallery a.current {
				background-position: 0 -40px;
			}
			
			#mainNav ul li#mainNavContact a {
				background: url(images/main-nav/contact.png) no-repeat;
				width: 80px;
			}
			
			#mainNav ul li#mainNavContact a:hover {
				background-position: 0 -20px;
			}
			
			#mainNav ul li#mainNavContact a.current {
				background-position: 0 -40px;
			}
			
			#mainNav ul li#mainNavUseful a {
				background: url(images/main-nav/useful.png) no-repeat;
				width: 80px;
			}
			
			#mainNav ul li#mainNavUseful a:hover {
				background-position: 0 -20px;
			}
			
			#mainNav ul li#mainNavUseful a.current {
				background-position: 0 -40px;
			}
			
/* ==============================================
MAIN CONTENT
============================================== */

#mainContent {
	background: #fff;
	position: relative;
	min-height: 377px;
	color: #666;
}

	#mainContent a {
		color: #666;
	}
	
	#mainContent h3 {
		color: #00013b;
		margin-bottom: 10px;
		font-size: 11px;
	}
	
	#mainContent h4 {
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 16px;
	background-color: #00013B;
	padding: 5px;
	}
	
	#mainContent ol {
		margin-left: 30px;
		line-height: 15px;
	}
	
		#mainContent li {
			margin-bottom: 15px;
		}
	
	#homeBody #mainContent h2#pageTitle {
		background: url(images/page-headings/home.png) no-repeat;
		height: 162px;
		text-indent: -9999px;
	}
	
	#route5Body #mainContent h2#pageTitle {
		background: url(images/page-headings/5-mile-route.png) no-repeat;
		height: 162px;
		text-indent: -9999px;
	}
	
	#route13Body #mainContent h2#pageTitle {
		background: url(images/page-headings/13-mile-route.png) no-repeat;
		height: 162px;
		text-indent: -9999px;
	}
	
	#route50Body #mainContent h2#pageTitle {
		background: url(images/page-headings/50-mile-route.png) no-repeat;
		height: 162px;
		text-indent: -9999px;
	}
	
	#contactBody #mainContent h2#pageTitle  {
		background: url(images/page-headings/contact.png) no-repeat;
		height: 162px;
		text-indent: -9999px;
	}
	
	#galleryBody #mainContent h2#pageTitle {
		background: url(images/page-headings/gallery.png) no-repeat;
		height: 162px;
		text-indent: -9999px;
	}
	
	#registerBody #mainContent h2#pageTitle {
		background: url(images/page-headings/register.png) no-repeat;
		height: 162px;
		text-indent: -9999px;
	}

	#homeSnips {
		width: 600px;
		position: relative;
		float:left;
		background-color:#FFFFFF;
	}
	
		#homeSnips p {
			
		}
	
		#homeSnips .alignLeft {
			width: 225px;
			padding: 10px 0 0 50px;
		}
		
		#homeSnips .alignRight {
			width: 225px;
			padding: 10px 70px 0 0;
		}
		
	#routeWrapper {
		width: 960px;
		position: relative;
		z-index: 10;
	}
	
		#routeWrapper .alignLeft,
		#routeWrapper .alignRight {
			width: 306px;
		}
		
		#routeMap {
			margin: 10px 0 10px 10px;
		}
		
		#routeContent {
			margin: 10px 0 10px 10px;
		}
		
		#routeExtra {
			margin: 10px 10px 10px 0;
		}
		
	#registerWrapper {
		width: 960px;
		position: relative;
		z-index: 10;
	}
	
		#registerContent {
			width: 880px;
			margin-left: 10px;
		}
		
		#registerForm {
			width: 330px;
			margin-right: 10px;
		}
		
	#galleryWrapper {
		width: 940px;
		margin: 0 auto 0 auto;
		padding-bottom: 10px;
		position: relative;
		z-index: 10;
	}
	
	#galleryWrapper td {
		padding-bottom: 10px;
	}
	
	#galleryWrapper img {
		padding: 1px;
		border: 1px solid #ccc;
	}
	
	#galleryWrapper img:hover {
		border-color: #000;
		cursor: pointer;
	}
		
	#rightColPhoto {
		background: url(images/right-col-photos/1.jpg) no-repeat;
		width: 380px;
		height: 421px;
		position: absolute;
		top: 0;
		right: 0;
	}
	
			#rightColPhoto p { 
				margin-top:400px;
				margin-left:30px;
				color: #00013b;
				}
			
			#rightColPhoto  a{ 
				color: #00013b;
				font-weight:bold;
				}
			
			#rightColPhoto  a:hover { color:#000000;}
	
	#sponsorBox {
		background: url(images/sponsors/sponsors-bg.png) no-repeat;
		width: 312px;
		height: 86px;
		position: absolute;
		right: -20px;
		top: 270px;
		padding: 40px 60px;
	}
	
		#sponsorBox h2 {
			color: #666;
			font-size: 12px;
			position: absolute;
			top: 80px;
			left: 50px;
		}
		
		#sponsorBox ul {
			list-style: none;
		}
		
		#sponsorBoxCP {
	left: 110px;
	top: 30px;
	position: absolute;
		}
		
		#sponsorBoxBAE {
	left: 150px;
	top: 71px;
	position: absolute;
		}
		
		#sponsorBoxCc {
	left: 130px;
	top: 107px;
	position: absolute;
		}
		
		#sponsorBoxCentrica {
			left: 275px;
			position: absolute;
			top: 60px;
		}
		
		#sponsorBoxTopmark {	
			left: 265px;
			top: 100px;
			position: absolute;
		}
		
.bodytext { padding: 10px 10px 0px 10px; width:500px;}

#videowraper { 
		width: 380px;
		height: 208px;
		position: absolute;
		top: 377px;
		right: 0;
		background-color:#FFFFFF;
		clear:both;
}

#videoplayer {padding: 15px 10px 10px 66px;}
		
/* ==============================================
FOOTER
============================================== */

#footer {
	background: url(images/footer-bg.png) no-repeat;
	margin-bottom: 30px;
}

	#footerLinks {
		list-style: none;
	}
	
		#footerLinks li {
			display: inline;
			float: left;
			position: relative;
		}
		
		#footerLinks li a {
			display: block;
		}
		
		#footerLinks li.gallery {
			margin: 20px 20px 0 0;
		} 
		
		#footerLinks li.entryForm {
			margin: 10px 20px 0 0;
		}
		
	#copyrightStatement {
		position: relative;
		top: 40px;
		left: 40px;
		color: #66679e;
		font-size: 11px;
	}
	
		#copyrightStatement a {
			color: #66679e;
		}