body {
	background-color: #E7E6E6;
	background-image: url('images/bg_grey.jpg');
	background-position: top left;
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
}

a { 
 	color: black;
}

a:link	  { color: black;	}
a:visited { color: black;	}
a:hover   { color: #520063; 	}
a:active  { color: black;	}

h1 {
	margin: 0px 0px 4px 0px;
	padding: 0px;
	font-size: 14pt;
	margin-left: 5px;
}

h2 {
	margin: 10px 0px 4px 0px;
	font-size: 12pt;
	font-weight: bold;
}

h3 {
	color: #520063;
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	line-height: 10pt;
	margin-bottom: 5px;
	padding-bottom: 0px;
	border-bottom: 1px solid #000000;
}

td {
	font-size: 8pt;
}

#container {
	background: url(images/bg_main.jpg) repeat-y top left;
	width: 1000px;
}

#title_upper {	
	background: url(images/title_upper.jpg) no-repeat top left;
	width: 990px;
	height: 78px;
}

#link1 {	position: absolute;	left: 4px;		top: 49px;	z-index: 2;	}
#link2 {	position: absolute;	left: 110px;	top: 59px;	z-index: 2;	}
#link3 {	position: absolute;	left: 208px;	top: 50px;	z-index: 2;	}
#link4 {	position: absolute;	left: 297px;	top: 42px;	z-index: 2;	}
#link5 {	position: absolute;	left: 386px;	top: 45px;	}

#main {
	width: 835px;
	float: left;
}

#title_lower {
	background: url(images/title_lower.jpg) no-repeat top left;
	width: 450px;
	height: 55px;
	float: left;
}

#breadcrumb {
 	float: left;
	text-align: right;
	font-weight: bold;
	width: 370px;
	height: 55px;
}

#breadcrumb a {
	text-decoration: none;
}

#menu_left {
 	padding-top: 25px;
	width: 160px;
	color: white;
	float: left;
}

#menu_left p {
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

#menu_left a { 
	font-size: 10px;
	font-weight: bold;
	margin: 0px 0px 0px 9px;
	padding: 0px 5px 0px 6px;
	color: white; 
	text-decoration: none;
	display: block;
}

#menu_left a:hover { background: white url(images/cap.jpg) no-repeat center left; color: black; }

#indent p	{
	font-weight: normal;
	color: #000000;
	line-height: 12px;
	margin-left: 16px;
}

#indent		{	margin: 0px 0px 8px 0px;	}
#space		{	height: 10px;	}


#content {
	width: 650px;
	margin-left: 10px;
	float: left;
}

/* ---------- */
/* INDEX PAGE */
/* ---------- */
	
	#fs_picture_main {
		float: left; 
		width: 440px; 
		height: 300px; 
		background: url(images/fs_picture_main.jpg) no-repeat top left;
	}
	
	#fs_story_main {
		float: left; 
		width: 210px; 
		height: 300px; 
		background: url(images/fs_story_main.jpg) no-repeat top left;
	}
	

	#fs_vid_main {
		float: left; 
		width: 440px; 
		height: 248px;  
		background: url(images/fs_picture_main.jpg) no-repeat top left;
	}
	
	#fs_vid_main_2 {
		padding-top:3px;
		float: left; 
		width: 210px; 
		height: 248px;
		background: url(images/fs_story_main.jpg) no-repeat top left;
	}
	
  /* Weather Alert */
	#weather_alert {
		width: 641px; 
		margin: 5px 0px 5px 0px; 
		border: 2px solid black; 
		text-align: center; 
		font-weight: bold;
	}
	
	#weather_alert p {
		margin: 8px 4px 4px 4px;
	}
	
  /* News & Announcements */
	div.Post { 
	  	padding: 0px;
	  	padding-bottom: 4px;
	  	width: 310px; 
	  	margin: 0px;
	  	padding-top: 10px;
	  	}
	
	div.NewsItem {
		width: 264px;
	  	margin-left: 44px;
	  	}
	
	a.NewsItem {
		margin: 0px 0px 2px 0px; 
		padding: 4px 2px 4px 4px; 
		text-decoration: none;
		color: black;
		display: block;
	}
	
	a.NewsItem:link	   { background-color: white;	}
	a.NewsItem:visited { background-color: white;	}
	a.NewsItem:hover   { background-color: #E7E6E6; 	}
	a.NewsItem:active  { background-color: white;	}
	
	span.NewsItemTitle {
		font-size: 10pt; 
		font-weight: bold;
	}
	
	div.Date {
	  	margin-top: -4px;
		position: absolute;
		left: 170px;
		width: 40px;
		text-align: center;
		font-size: 8pt;
		line-height: 7pt;
	  	text-transform: uppercase;
	  	margin-bottom: 10px;
		}  	
	  	
	span.Month {
	  	font-weight: bold;
	  	color: #696969;
	  	font-size: 8pt;
	  	line-height: 7pt;
	  	text-transform: uppercase;
	  	}
	
	div.Day {
	  	height: 36px;
	  	background: url('images/bg_date.jpg') center top no-repeat;
	  	color: #ffffff;
	  	font-size: 14pt;
	  	line-height: 35px;
	  	font-weight: bold;
	  	padding-top: 0px;
	  	}
	
  /* Recent Pictures */
  	#RecentPictures {
  		float: right; 
		width: 310px; 
		margin: 0px 0px 0px 0px;
  	}

	div.Gallery {
		float: left; 
		width: 310px; 
		margin: 0px 10px 0px 0px; 
		height: 84px;
		padding: 0px;
	}

  	#RecentPictures td {
  		padding: 0px; 
		height: 84px;
	}
	
	div.Gallery a, #RecentPictures a {
		text-decoration: none;
		color: black;
		display: block; 
		padding: 9px 0px 9px 0px; 
		height: 75px; 
	}
	
	div.Gallery a:link,		#RecentPictures a:link	  { background: url('images/recent_pictures_white.jpg') no-repeat top left; }
	div.Gallery a:visited,	#RecentPictures a:visited { background: url('images/recent_pictures_white.jpg') no-repeat top left; }
	div.Gallery a:hover,	#RecentPictures a:hover	  { background: url('images/recent_pictures_grey.jpg')  no-repeat top left; }
	div.Gallery a:active,	#RecentPictures a:active  { background: url('images/recent_pictures_white.jpg') no-repeat top left; }

	div.Gallery img, #RecentPictures img {
		float: left; 
		margin: 0px 16px 0px 6px; 
	}
	
	span.RecentPicturesTitle {
		font-weight: bold; 
		font-size: 10pt;
	}

	#GalleryInput select {
		font-size: 9pt;
	}

/* --------- */
/* TEAM PAGE */
/* --------- */

	#fs_picture {
		float: left; 
		background: url(images/fs_picture_team.jpg) no-repeat top left; 
		height: 260px; 
		width: 400px;
    }
	
	#fs_picture img { 
		margin: 2px 0px 0px 2px;
	}
	#fs_story {
		background: url(images/fs_story_team.jpg) no-repeat top left; 
		width: 250px; 
		height: 260px; 
		float: left;
	}
	#fs_story h2 {
		font-size: 10pt;
		font-weight: bold;
		margin-left: 5px;
	}
	
	#fs_story table {
		margin-left: 10px;
	}

    #fs_story_club {
        background: url(images/fs_story_team.jpg) no-repeat top left;
        width: 245px;
        height: 260px;
        float: left;
        padding-right: 5px;
    }
    #fs_story_club h2 {
        font-size: 10pt;
        font-weight: bold;
        margin-left: 1px;
    }
   
    #fs_story_club table {
        margin-left: 5px;
    }
	
	td.quickstats_left {
		font-weight: bold;
		width: 96px;
		padding-bottom: 7px;
		text-align: right;
		padding-right: 6px;
	}

	td.quickstats_right {
		width: 124px;
		padding-bottom: 7px;
	}


/* --------- */
/* BLOG PAGE */
/* --------- */
	
	div.BlogPost { 
	  	padding: 0px;
	  	padding-bottom: 16px;
	  	width: 650px; 
	  	margin: 0px;
	  	}
	
	div.BlogPost h2 {
		margin: 0px; 
		padding: 3px 0px 0px 0px; 
		font-size: 14pt;
	}
	
	a.BlogTitle {
		color: black;
		text-decoration: none;
	}

	a.BlogTitle:link	{ color: black;	  }
	a.BlogTitle:visited { color: black;	  }
	a.BlogTitle:hover	{ color: #520063; }
	a.BlogTitle:active  { color: black;	  }

	div.BlogContent {
		width: 600px;
	  	margin-left: 44px;
	  	padding-left: 8px;
	  	}
	
	div.BlogDate {
	  	margin-top: 5px;
		position: absolute;
		left: 170px;
		width: 40px;
		text-align: center;
		font-size: 8pt;
		line-height: 7pt;
	  	text-transform: uppercase;
		}  	
	  	
	span.BlogMonth {
	  	font-weight: bold;
	  	color: #696969;
	  	font-size: 8pt;
	  	line-height: 7pt;
	  	text-transform: uppercase;
	  	}
	
	div.BlogDay {
	  	height: 36px;
	  	background: url('images/bg_date.jpg') center top no-repeat;
	  	color: #ffffff;
	  	font-size: 14pt;
	  	line-height: 35px;
	  	font-weight: bold;
	  	padding-top: 0px;
	  	}


/* SPORT.PHP */
	/* POWERRANK */
	
	table.powerrank {
		background: url('images/bg_powerrank.jpg') repeat-y top left;
	}
	
	td.powerrank {
		border-bottom: 1px solid black;
		font-weight: bold;
		font-size: 7pt;
		padding-bottom: 1px;
	}
	
	table.powerrank a	{ 
		width:650px; 
		display: block; 
		text-decoration: none; 
		padding: 1px 0px 1px 0px; 
		color: black; 
	}
	
	table.powerrank a:link		{ background-color: transparent; color: black; } 
	table.powerrank a:visited	{ background-color: transparent; color: black; }  
	table.powerrank a:hover 	{ background-color: #520064; 	 color: white; }
	table.powerrank a:active	{ background-color: transparent; color: black; }  
		
	table.recent td {
		height: 28px;
	}
	
	td.recent_left  { background: url('images/scores_left.jpg') no-repeat top left;	text-align: center; width: 30px; }
	td.recent_mid   { background: url('images/scores_mid.jpg') repeat-x top left;		padding-left: 4px; }
	td.recent_right { background: url('images/scores_right.jpg') no-repeat top left; 	width: 13px; }
	
	table.recent a:link		{ text-decoration: none; } 
	table.recent a:visited	{ text-decoration: none; }  
	table.recent a:hover 	{ text-decoration: underline; } 
	table.recent a:active	{ text-decoration: none; }  


/* ---------------- */
/* TEAM OF THE YEAR */
/* ---------------- */

	table.teamoftheyear {
		background: url('images/bg_teamoftheyear.jpg') repeat-y top left;
	}
	
	td.teamoftheyear {
		border-bottom: 1px solid black;
		font-weight: bold;
		font-size: 7pt;
		padding-bottom: 1px;
	}
	
	table.teamoftheyear a	{ 
		width:570px; 
		display: block; 
		text-decoration: none; 
		padding: 1px 0px 1px 0px; 
		color: black; 
	}
	
	table.teamoftheyear a:link		{ background-color: transparent; color: black; } 
	table.teamoftheyear a:visited	{ background-color: transparent; color: black; }  
	table.teamoftheyear a:hover 	{ background-color: #520064; 	 color: white; }
	table.teamoftheyear a:active	{ background-color: transparent; color: black; }  
	
	.teamoftheyear_span_1 { position: absolute; border-left: 2px solid white; padding: 0px 0px 2px 4px; left: 200px; }
	.teamoftheyear_span_2 { position: absolute; border-left: 2px solid white; padding: 0px 0px 2px 4px; left: 420px; }
	.teamoftheyear_span_3 { position: absolute; border-left: 2px solid white; padding: 0px 0px 2px 4px; left: 495px; }
	.teamoftheyear_span_4 { position: absolute; border-left: 2px solid white; padding: 0px 0px 2px 4px; left: 570px; }
	.teamoftheyear_span_5 { position: absolute; border-left: 2px solid white; padding: 0px 0px 2px 4px; left: 645px; }
	

/* -------------- */
/* RIGHT SIDE-BAR */
/* -------------- */

	#right_bar {
		width: 160px;
		float: right;
	}

	#right_bar p {
		margin: 0px;
		margin-left: 10px;
		padding: 0px;
		padding-left: 10px;
		text-indent: -10px;
		width: 125px;
	}
		
	#right_bar a {
		color: black;
		text-decoration: none;
		font-size: 8pt;
	}

	#right_bar a:link	  { text-decoration: none;		}
	#right_bar a:visited  { text-decoration: none;		}
	#right_bar a:hover	  { text-decoration: underline; }
	#right_bar a:active   { text-decoration: none;		}


/* ------ */
/* FOOTER */
/* ------ */

	#foot {
		background: #520063 url('images/purple.jpg') repeat top left;
		width: 990px;
		color: white;
	}
	
	#foot a 		{ color: white; }
	#foot a:link	{ text-decoration: none;	  }
	#foot a:visited { text-decoration: none;	  }
	#foot a:hover	{ text-decoration: underline; }
	#foot a:active  { text-decoration: none;	  }

