html, body, p, form, input, select, ul, li{
	margin:0;
	padding:0;
}


body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	font-weight:normal;
	color:#333333;
	background-image: url(../img/newbackground2010_02_02.gif);
	background-repeat: repeat;
}




/* Page Structure ***********************/

#header{
	width:1000px;
	height:226px;
	margin:auto;
	background:#ffffff;
}
	#branding{
		height:189px;
	}

	#navigation ul{
		list-style-type:none;
		width:1000px;
		height:37px;
		background:url("/img/navigationBarBackground.png") top left repeat-x;

	}
		#navigation ul li{
			width:140px;
			height:37px;
			float:left;
		}
			#navigation ul li a, #navigation ul li a:visited{
				width:140px;
				color:#ffffff;
				text-decoration:none;
				text-align:center;
				font-size:1.2em;
				height:27px;
				padding-top:.7em;
				display:block;
				background: url("/img/navItemLeftBorder.png") top left no-repeat;
			}
			
				#navigation div.subNav{
					display:none;
					width:160px;
					position:absolute;
					top:auto;
					left:auto;
					margin:-3px 0 0 0;
					background:url("/img/dropDownMenuBackground.png") top left repeat-y;
					padding:3px 0 12px 0;
				}
					#navigation div.subNav a{
						display:block;
						width:170px;
						
						background:none !important;
						padding:.2em 0 .3em 0 !important;
						text-align:left !important;
						height:.9em !important;
					}
						#navigation div.subNav a:hover{
							background:#55587b !important;
						}
						
						#navigation div.subNav#aboutSubNav a{
							padding-left:20px !important;
							width:130px; 
						}
						#navigation div.subNav#soccerSubNav a{
							padding-left:20px !important;
							width:130px;
						}
						#navigation div.subNav#basketballSubNav a{
							padding-left:20px !important;
							width:130px;
						}
						#navigation div.subNav#flagFootballSubNav a{
							padding-left:20px !important;
							width:130px;
						}
						#navigation div.subNav#baseballSoftballSubNav a{
							padding-left:20px !important;
							width:130px;
						}
						#navigation div.subNav#supportSubNav a{
							padding-left:20px !important;
							width:130px;
						}



#fullPageTop{
	height:7px;
	width:1000px;
	margin:auto;
	background-color: #ffffff;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}

#page{
	width:1000px;
	margin:auto;
	background-color: #ffffff;
	background-image: none;
	background-repeat: repeat-y;
	background-position: left top;	
}
	#page #pageInner{
		background: url("/img/watermark.png") bottom left no-repeat;
		height:100%;
		margin:0 0 -4px 13px;
	}

	#pageContents{
		width:950px;
		padding-top:30px;
		padding-bottom:30px;
		margin:auto;
		min-height:600px;
	}
	
	
#fullPageBottom{
	/*background:transparent url("/img/fullPageBottomShadow.png") */top left no-repeat !important;
	height:7px;
	width:1026px;
	margin:auto;
}

	
	
#footer{
	/*height:200px;*/
	width:1000px;
	margin:auto;
	
}
	#forumTopics{
		width:325px;
		float:left;
		height:200px;
		/*margin-left:600px;*/
	}
	#forumTopics1{
		width:325px;
		height:100px;
		/*margin-left:600px;*/
	}
	#contactInfo{
		width:325px;
		float:left;
		margin:0 5px 0 19px;
		height:200px;
	}
	#contactInfo1{
		width:325px;
		height:200px;
	}
	#mailingList{
		width:325px;
		float:left;
		height:200px;
	}
	
	#footer h3{
		color:#2e315d;
		margin-bottom:10px;
	}
	
	
#sponsors{
	padding:0 30px;
}
	#sponsors a{
		float:left;
		margin:5px 10px;
	}
	
	#sponsors h3{
		display:block;
		color:#2e315d;
		margin-bottom:15px;
	}


	
	




/* Elements Styles ***********************/
a, a:visited{
	color:#000000;
	text-decoration:underline;
}

p{
	margin-top:12px;
}

h1{
	color:#3a3d6e;
	font-size:1.5em;
}
h3{
	font-size:1.1em;
	font-weight:bold;
	margin:20px 0 -5px 0;
}

img{
	border:0;
}






/* Addt'l Styles *************************/
.aboutPageColumn1{
	
	width:430px;
	margin-left:30px;
}

.aboutPageColumn{
	float:left;
	width:430px;
	margin-left:30px;
}

.frontPageColumn1{
	float:left;
	width:190px;
	margin-left:35px;
}

.frontPageColumn{
	float:left;
	width:190px;
	margin-left:70px;
}

.frontPageColumn2{
	
	width:300px;
	margin-left:600px;
	
	}
	
.frontPageColumn3{
	height:auto;
	width:450px;
	margin-bottom:-350px;
	margin-left:-600px;
	margin-top:-190px;
	position:absolute;
	
}
	
.picsColumn{
	width:290px;
	float:left;
	padding-top:20px;
}
	.picsColumn img{
		margin-bottom:20px;
		margin-left:55px;
		border:1px solid #999999;
	}
	
.textColumn{
	width:630px;
	float:left;
}





/* Carousel Styles *************************/
#carouselWrapper{
	float:left;
	width:500px;
	padding-top:20px;
	margin-left: 60px;
}
		
.carousel-component { 
    padding:20px 5px 4px 5px;
    margin:0px;
	float:left;
}

.carousel-component .carousel-list li { 
    margin:4px;
    width:190px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + img.border-left (1) + img.border-right (1)*/
    height:143px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
    /*    margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
    display:block;
    border:1px solid #e2edfa;
    outline:none;
}

.carousel-component .carousel-list li a:hover { 
    border: 1px solid #aaaaaa; 
}

.carousel-component .carousel-list li img { 
	width:186px;
	height:140px;
    display:block; 
}
                                
.carousel-component .carousel-prev { 
    position:absolute;
    top:50px;
    z-index:3;
    cursor:pointer; 
    left:15px; 
}

.carousel-component .carousel-next { 
    position:absolute;
    top:50px;
    z-index:3;
    cursor:pointer; 
    right:18px; 
}

#upevents {
	background-image: url(/img/upebackground_03.gif);
	height: 280px;
	width: 275px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background-repeat: no-repeat;
	padding: 12px;
	}