@charset "utf-8";

body{
	background-image: url(../images/main_bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #000;
	font: 1em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#wrapper{
	width: 930px;
	margin: 0px auto;
}


/*
 -----------------------------------------------------------------
                         HEADER STUFF
*/

#header {
	width: 930px;
	text-align: center;
	margin-top: -5px;
}
	
	#header #leftMenu{
		width: 350px;	
		float: left;
		margin-left: 20px;
	}
	
	#header #rightMenu{
		width: 350px;	
		margin-left: 550px;
	}
	
	#header #leftMenu img{
		clear: both;
		margin-top: 5px;
		margin-bottom: -15px;
		border: 0;
	}
	
	#header #rightMenu img{
		clear: both;
		margin-top: 5px;
		margin-bottom: -15px;
		border: 0;
	}

	#header #contentTop{
		background: url(/images/content_top.png) top center no-repeat;
		height: 52px;
		margin-top: -15px;
	}

/*
 -----------------------------------------------------------------
                     CONTENT LAYOUT STUFF
*/
#content{
	background: url(/images/content_bg.png) top center repeat-y;
	margin-top: -1px;
	margin-bottom: -1px;
}

	#content #body{
		background: #FFF url(/images/logo_fade.jpg) bottom right no-repeat;
		width: 850px;
		margin: 0px auto;
	}
	
	#content #body #fatSide {
		width: 520px;
		float: left;
		border: 1px solid #FFF;
	}
	
	#content #body #thinSide {
	width: 315px;
	margin-left: 535px;
	border: 1px solid #FFF;
	text-align: center;
	}
	
	#content #body #oneColumn {
		width: 850px;
		float: left;
		border: 1px solid #FFF;
	}

	#clearDiv{
		clear:both;
	}

/*
 -----------------------------------------------------------------
                          TEXT STUFF
*/
H1{
	font-size: 1.5em;
	line-height: 1.5em;
	margin-top: -5px;
	color: #60C;
	border-bottom: double 1px #60C;
}
H2{
	font-size: 1.4em;	
	color: #60C;
	border-bottom: double 1px #60C;
}
H3{
	font-size: 1.3em;	
}
H4{
	font-size: 1.2em;	
}
H5{
	font-size: 1.1em;	
}
H6{
	font-size: 1.0em;	
	font-weight: bold;
}
H7{
	font-size: 1.5em;
	color: #60C;
	text-align: center;
}
H8{
	font-size: .9em;
	color:#000000;
	text-align: center;
}
H9{
	font-size: 1.5em;
	color: #F00;
}

.leftText{
	text-align: left;
	font-size: .7em;
	color: #666;
	font-style: italic;
}

.imageCaption{
	text-align: center;
	font-size: .7em;
	color: #666;
	font-style: italic;
}

.eventsTable{
	font-size: .8em;
}

.eventsTable .monthRow{
	font-size: .8em;
	text-transform: uppercase;
	color: #FFF;
	background: #63C;
}

.eventsTable .timeColumn{
	font-size: .8em;
}

.eventsTable .homeGame{
	background: #f3d7bb;
	front-weight: bold;
}

.eventsTable .districtGame{
	font-style: italic;
	font-weight: bold;
}

#hoopItem{
	display: block;
	border-bottom: 3px dotted #63C;
}

#hoopLinks{
	width: 300px;
	text-align: right;
	float: right;
}

#hoopLinks h1{
	text-transform: uppercase;
	font-style: italic;
	font-size: 0.8em;
	border: 0;
	color: #666;
}

#hoopList{
	font-size: 1.2em;
	color: #60C;
	text-align: left;
}

/*
 -----------------------------------------------------------------
                         FOOTER STUFF
*/
#footer{	
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #FDC929;
	font-size: .8em;
}

	#footer a{
		color: #FDC929;
	}

	#footer a:hover{
		color: #FDC929;
		text-decoration:none;
	}

	#footer #contentBottom{
		background: url("/images/content_bottom.png") bottom center no-repeat;
		height: 52px;
	}

	#footer #footerLinks{
		margin-top: -25px;
		margin-bottom: 10px;
	}

	#footer #footerStatic{
		
		font-style: italic;
		font-size: .9em;
		color: #999;
	}

		#footer #footerStatic #leftText{
			
			float: left;
			width: 400px;
		}
	
		#footer #footerStatic #rightText{
			
			width: 500px;
			margin-left: 398px;
			text-align: right;
		}
	
		#footer #footerStatic #rightText a{
			color: #999;
			text-decoration: none;
		}