/* CSS Document */

body {
	margin:0px auto;
	background-color:#000000;
}
#wrapper {
	width:1000px;
	margin:auto;
}
.clearing {
	clear:both;
}
#headerContainerBg {
	height:389px;
	border-top:3px solid;
	border-color:#cd3037;
	width:100%;
	position:relative;
	margin:0px;
}	
	#headerContainerBg a#register, #interiorHeaderContainerBg a#register {
		background-image:url(../images/registerBanner.png);
		background-repeat:no-repeat;
		width:138px;
		height:137px;
		position:absolute;
		top:-4px;
		left:0px;
		z-index:1;
	}
#headerContainer {
	background-image:url(../images/indexHeaderImage.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:392px;
	margin:-3px auto 0px auto;
	position:relative;
}

	a#recreationButton {
		background-image:url(../images/developmentalButton.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		width:270px;
		height:37px;
		position:absolute;
		top:3px;
		left:211px;
		display:block;
	}
	a:hover#recreationButton {
		background-position:-272px 0px;
	}
	a#competitiveButton {
		background-image:url(../images/competitiveButton.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		width:272px;
		height:37px;
		position:absolute;
		top:3px;
		right:247px;
		display:block;
	}
	a:hover#competitiveButton {
		background-position:-272px 0px;
	}
	a#riversideLogo {
		background-image:url(../images/riversideLogo.png);
		background-repeat:no-repeat;
		width:175px;
		height:172px;
		position:absolute;
		bottom:-60px;
		left:410px;
	}
/*** Begin Styles for 'Field Status' Area ***/
	#fieldStatus {
		background-image:url(../images/fieldStatusImage.png);
		background-repeat:no-repeat;
		width:239px;
		height:146px;
		position:absolute;
		top:-1px;
		right:0px;
	}
		#fieldStatus .fieldName {
			font:12px Verdana, Arial, Helvetica, sans-serif;
			color:#CCCCCC;
			padding-top:5px;
			text-align:center;
			margin:0px;
		}
		#fieldStatus .time {
			font:11px Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			text-align:center;
			margin:0px;
			padding-top:30px;
		}
		#fieldStatus .closed {
			background-image:url(../images/closedImage.png);
			background-repeat:no-repeat;
			width:224px;
			height:65px;
			margin:-5px 0px 0px 8px;
		}
		#fieldStatus .open {
			background-image:url(../images/openImage.png);
			background-repeat:no-repeat;
			width:224px;
			height:63px;
			margin:-5px 0px 0px 8px;
		}
		#fieldStatus.interior {
			position:absolute;
			right:80px;
			top:-3px;
		}
		
/*** Begin Main Navigation Styles ***/
#navBg {
	width:100%;
	background-image:url(../images/navBg.gif);
	background-repeat:repeat-x;
	height:42px;
	margin:0px;
}
	#navContainer {
		width:991px;
		margin:auto;
		height:42px;
	}
		#leftNav {
			font:12px Arial, Helvetica, sans-serif;
			color:#fffaec;
			width:450px;
			float:left;
		}
		#rightNav {
			font:12px Arial, Helvetica, sans-serif;
			color:#fffaec;
			width:460px;
			float:right;
		}
		
		
		#leftNav ul {
			list-style-type:none;
			float:left;
			margin:0px 0px 0px -10px;
		}
		#rightNav ul{
			list-style-type:none;
			float:right;
			margin:0px 12px 0px 0px;
		}
		
		
		#leftNav ul li, #rightNav ul li {
			display:block;
			float:left;
			height:40px;
			background-image:url(../images/navDivider.gif);
			background-repeat:no-repeat;
			padding:0px;
			position:relative;
		}
		#leftNav ul li a, #rightNav ul li a {
			height:27px;
			text-decoration:none;
			color:#fffaec;
			padding:13px 5px 0px 5px;
			display:block;
			margin-left:2px;
		}
		#leftNav ul li a:hover, #rightNav ul li a:hover {
			background-image:url(../images/navOver.gif);
			background-repeat:repeat-x;
			text-decoration:none;
			color:#fffaec;
		}
		
		
		#leftNav ul li ul {
			display:none;
			position:absolute;
			top:41px;
			left:-31px;
			width:145px;
		}
		#rightNav ul li ul {
			display:none;
			position:absolute;
			top:41px;
			left:-40px;
			width:145px;
		}
		
		#leftNav ul li ul li, #rightNav ul li ul li {
			background-color:#666666;
			color:#FFFFFF;
			background-image:none;
			display:block;
			height:22px;
			padding:0px;
			float:none;
			border:1px solid;
			border-color:#999999;
			margin-top:-1px;
		}
		#leftNav ul li ul li a, #rightNav ul li ul li a {
			color:#FFFFFF;
			text-decoration:none;
			height:18px;
			padding:3px 0px 0px 8px;
			margin:0px;
		}
		#leftNav ul li ul li a:hover, #rightNav ul li ul li a:hover {
			height:18px;
			padding:3px 0px 0px 8px;
		}
		
	#navLine {
		background-image:url(../images/navDivider.gif);
		background-repeat:no-repeat;
		width:2px;
		height:40px;
		position:absolute;
	}
		.navLineLeft {
			left:408px;
			top:392px;
		}
		.navLineRight {
			right:15px;
			top:392px;
		}
		.interiorNavLineLeft {
			left:408px;
			top:188px;
		}
		.interiorNavLineRight {
			right:15px;
			top:188px;
		}
/*** End Main Navigation Styles ***/



#contentContainerBg {
	background-image:url(../images/contentContainerBg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	margin:0px;
}
	#contentContainer {
		width:991px;
		margin:-2px auto 0px auto;
		background-image:url(../images/tripleColorBg.gif);
		background-repeat:repeat-y;
	}
	#contentContainerHeader {
		background-image:url(../images/contentContainerHeader.jpg);
		width:991px;
		height:87px;
	}
	#contentContainerHeader p {
		font:16px Arial, Helvetica, sans-serif;
		color:#fffaec;
		text-align:center;
		margin:0px;
		padding-top:18px;
	}
		#contentContainer #leftColumn {
			width:417px;
			float:left;
			font:12px Arial, Helvetica, sans-serif;
			color:#333333;
			padding:10px 14px 10px 14px;
		}
		#contentContainer #leftColumn a {
			color:#333333;
			text-decoration:none;
			font-style:italic;
			font-weight:bold;
		}
		#contentContainer #leftColumn a:hover {
			color:#333333;
			text-decoration:underline;
		}
		#contentContainer #leftColumn #story {
			margin-bottom:10px;
		}	
		#contentContainer #leftColumn #events {
			background-color:#ccc4a8;
			margin:10px 0px;
			padding:5px 10px 5px 10px;
		}
			#contentContainer #leftColumn #events h1 {
				font:15px Arial, Helvetica, sans-serif;
				color:#333333;
				width:150px;
				float:left;
				line-height:20px;
				margin-top:2px;
			}
			#contentContainer #leftColumn #events ul {
				float:right;
				width:200px;
				margin:0px;
			}
			#contentContainer #leftColumn #events ul {
				
			}
			
		#gallery {
			margin:0px 0px 10px 0px;
			background-image:url(../images/photoGalleryBg.gif);
			background-repeat:repeat-x;
			width:397px;
			padding:0px 10px;
		}
			.image {
				float:left;
				padding:0px 5px;
				text-align:center;
				line-height:18px;
			}
	#contentContainer #middleColumn {
		float:left;
		width:305px;
		font:12px Arial, Helvetica, sans-serif;
		color:#333333;
		padding:0px 10px 10px 10px;
	}
		#contentContainer #middleColumn a, #interiorContentContainer #interiorMiddleColumn a {
			color:#333333;
			text-decoration:none;
		}
		#contentContainer #middleColumn a:hover, #interiorContentContainer #interiorMiddleColumn a {
			color:#333333;
			text-decoration:underline;
		}
		#contentContainer #middleColumn a#signUp {
			background-image:url(../images/signUpImageHome.png);
			background-repeat:no-repeat;
			width:316px;
			height:145px;
			display:block;
			margin-top:25px;
		}
	
	#contentContainer #rightColumn {
		width:187px;
		float:right;
		padding:0px 10px 10px 20px;
		font:11px Arial, Helvetica, sans-serif;
		color:#f5f3ed;
	}
		#contentContainer #rightColumn a, #interiorContentContainer #interiorRightColumn a {
			color:#FFFFFF;
			text-decoration:none;
			font-style:italic;
		}
		#contentContainer #rightColumn a:hover, #interiorContentContainer #interiorRightColumn a:hover {
			color:#FFFFFF;
			text-decoration:underline;
			font-style:italic;
		}
			#contentContainer #rightColumn h1, #interiorContentContainer #interiorRightColumn h1 {
				font:17px Arial, Helvetica, sans-serif;
				color:#ffffff;
				margin:4px 0px;
			}
		#search {
			background-image:url(../images/searchBox.png);
			background-repeat:no-repeat;
			width:193px;
			height:111px;
			margin:0px 0px 10px -5px
		}
		#search .keyword {
			width:155px;
			background-color:#CCCCCC;
			font:11px Arial, Helvetica, sans-serif;
			color:#000000;
			margin:55px 0px 0px 5px;
			border:none;
			padding:3px 0px 3px 5px;
		}
		#search .submit {
			width:auto;
			margin:3px 0px 0px 124px;
		}
	#footer {
		width:971px;
		background-image:url(../images/footerBg.png);
		background-repeat:repeat-x;
		height:60px;
		font:12px Arial, Helvetica, sans-serif;
		color:#fffaec;
		padding:10px;
		margin:-3px auto 0px auto;
		position:relative;
	}
	#footer .quote {
		width:500px;
		text-align:center;
		margin:15px 20px 0px 0px;
		float:right;
		font:11px Arial, Helvetica, sans-serif;
		color:#FFFFFF;
	}
	#footer .interiorQuote {
		float:right;
		padding:20px 50px 0px 0px;
		text-align:center;
		margin:0px;
	}
/*** Begin Interior Styles ***/
#interiorHeaderContainerBg {
	height:185px;
	border-top:3px solid;
	border-color:#cd3037;
	width:100%;
	position:relative;
	margin:0px;
}

#interiorHeaderContainer {
	background-image:url(../images/interiorHeaderImage.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:188px;
	margin:-3px auto 0px auto;
	position:relative;
}
#interiorContentContainerHeader {
	background-image:url(../images/interiorContentContainerHea.jpg);
	background-repeat:no-repeat;
	width:991px;
	height:40px;
	margin:-2px auto 0px auto;
}
#interiorContentContainer {
	background-image:url(../images/interiorContentContainerBg.gif);
	background-repeat:repeat-y;
	width:991px;
	margin:auto;
}
	#interiorContentContainer #interiorLeftColumn {
		width:182px;
		float:left;
		padding-left:8px;
		font:12px Arial, Helvetica, sans-serif;
		color:#333333;
	}
		#interiorContentContainer #interiorLeftColumn #subNav {
			width:190px;
			color:#333333;
			margin-left:-8px;
			padding-bottom:10px;
		}
			#interiorContentContainer #interiorLeftColumn #subNav ul {
				margin:10px 0px 0px -40px;
				width:191px;
				list-style-type:none;
			}
			#interiorContentContainer #interiorLeftColumn #subNav ul li {
				border-bottom:1px solid;
				border-color:#e3ddc9;
				background-color:#ccc4a8;
				font:12px Arial, Helvetica, sans-serif;
			}
			#interiorContentContainer #interiorLeftColumn #subNav ul li a {	
				padding:5px 0px 5px 25px;
				background-image:url(../images/subNavArrow.png);
				background-repeat:no-repeat;
				background-position:6px 7px;
				color:#333333;
				text-decoration:none;
				display:block;
			}
			#interiorContentContainer #interiorLeftColumn #subNav ul li a:hover {
				background-color:#a9a186;
				text-decoration:none;
				color:#333333;
				padding:5px 0px 5px 25px;
			}
			
	#interiorContentContainer #interiorMiddleColumn {
		float:left;
		width:555px;
		font:12px Arial, Helvetica, sans-serif;
		color:#333333;
		padding:0px 10px 20px 15px;
		line-height:18px;
	}
		#interiorContentContainer #interiorMiddleColumn #forms {
			background-image:url(../images/formsBg.gif);
			background-repeat:repeat-x;
			padding:0px 0px 10px 0px;
			width:551px;
		}
			#interiorContentContainer #interiorMiddleColumn #forms .areaOne {
				float:left;
				width:45%;
				color:#990000;
				padding-left:10px;
			}
				#interiorContentContainer #interiorMiddleColumn #forms .areaOne a {
					color:#990000;
					text-decoration:none;
				}
				#interiorContentContainer #interiorMiddleColumn #forms .areaOne a:hover {
					color:#990000;
					text-decoration:underline;
				}
				
			#interiorContentContainer #interiorMiddleColumn #forms .areaTwo {
				float:left;
				width:20%;
				padding-left:15px;
				line-height:24px;
			}
			#interiorContentContainer #interiorMiddleColumn #forms .areaThree {
				float:right;
				width:28%;
				line-height:24px;
			}
		
			
	#interiorContentContainer #interiorRightColumn {
		float:right;
		width:185px;
		font:11px Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		padding:0px 15px 10px 20px;
	}
	#interiorContentContainer #interiorRightColumn p {
		font:12px Arial, Helvetica, sans-serif;
		color:#ffffff;
	}
	
/*** Begin Header and Misc Text Styles ***/
h1 {
	font:24px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:6px 0px;
}
h2 {
	font:14px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:4px 0px;
}
h3 {
	background-image:url(../images/largeHeaderBanner.png);
	background-repeat:no-repeat;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:10px 0px 0px 8px;
	width:417px;
	height:30px;
	margin:0px 0px 0px -10px;
}
h4 {
	background-image:url(../images/mediumHeaderBanner.png);
	background-repeat:no-repeat;
	width:293px;
	height:30px;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:12px 0px 0px 8px;
	margin-top:8px;
}
h5 {
	background-image:url(../images/smallHeaderButton.gif);
	background-repeat:no-repeat;
	width:187px;
	height:22px;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding:4px 0px 0px 8px;
	margin:0px 0px 10px -5px;
}
h6 {
	background-image:url(../images/interiorMiddleColumnHeader.png);
	background-repeat:no-repeat;
	width:555px;
	height:31px;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:10px 0px 0px 0px;
	padding:14px 0px 0px 10px;
}
.coachInfo {
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:4px 0px;
}
.name {
	font-style:italic;
	text-align:right;
	margin:0px;
}

#baseContainer {
	width:991px;
	margin:auto;
	position:relative;
}
.baseText ul {
	font:11px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	list-style-type:none;
	padding:10px 0px 50px 0px;
	text-align:center;
}
	.baseText ul li {
		display:inline;
		padding:0px 10px;
	}
	.baseText ul li a {
		color:#CCCCCC;
		text-decoration:none;
	}
	.baseText ul li a:hover {
		color:#CCCCCC;
		text-decoration:underline;
	}
.tiny {
	font:10px Arial, Helvetica, sans-serif;
	color:#333;
}
.red {
	color:#F00;
}

/**** Begin Misc Image Styles ****/

a#youthSoccer {
	background-image:url(../images/youthSoccerLogo.jpg);
	background-repeat:no-repeat;
	width:89px;
	height:30px;
	position:absolute;
	top:-55px;
	left:80px;
}
a#adidasLogo {
	background-image:url(../images/adidasLogo.png);
	background-repeat:no-repeat;
	width:58px;
	height:44px;
	position:absolute;
	top:-63px;
	left:210px;
}
a#soccerStop {
	background-image:url(../images/soccerStopLogo.jpg);
	background-repeat:no-repeat;
	width:73px;
	height:49px;
	position:absolute;
	top:-67px;
	left:293px;
}

/**** Begin Form Styles *****/
form {
	margin:10px;
}
label {
	width:100px;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
}
label.checkbox {
	float:none;
	width:auto;
}
input.text {
	width:200px;
}
input.checkbox {
	float:none;
}
.submitButton {
	margin-left:100px;
	width:auto;
}
#preloads {
   height: 1px;
   left: -9999px;
   overflow: hidden;
   position: absolute;
   top: -9999px;
   width: 1px;
}