﻿html,  form
{
	height:100%;
	}
body
{
	height:100%;
	background-image:url(images/bfa_background.gif);
	font: 100%/120% Verdana, Tohoma, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	color: #000;
}

#content
{
	margin:auto;
	width:950px;
	background-image:url("images/gold.png");
	}

#header
{
	height:176px;
	
}
#title
{
	margin-left:150px;
	text-align:center;
	}
	
#menu
{
	padding-left:10px;
	color:White;
	width:950;
	height:1.25em;
	}
#divmenu{background-image:url("images/back1.jpg");}


#firstrow{margin:auto;height:375px;background-image:url("images/field3.jpg");}
#secondrow{margin:auto;}
#photogallery  {border:solid 1px #000; width:350px;height:355px; float:right;z-index:100; margin:2px;background-color:#fff;padding:5px;}
#whatsnew  {width:281px;height:355px; float:left; margin:2px;background-color:#fff;padding:5px; 	opacity:0.8;
	filter:alpha(opacity=80);}
#currentevents  {width:275px;height:300px; float:left;
	margin-left:2px;
	margin-right:2px;
	margin-top:25px;
	margin-bottom:25px;
	padding:5px;}

.col1  {width:240px;height:175px; float:left;z-index:1; margin:2px;}
.col2  {width:240px;height:175px; float:left; margin:2px;}
.col3  {width:240px;height:175px; float:left;  margin:2px;}

#football {width:460px;background-color:#fff;padding-left:5px;margin-bottom:2px;}
#cheerleading {width:460px;padding-left:5px;margin-bottom:2px;}
#board {width:366px;background-color:#fff;padding-left:5px;margin-bottom:2px;}
#weather {width:180px;background-color:#fff;padding-left:5px;margin-bottom:2px;}
#links {width:366px;background-color:#fff;padding-left:5px;margin-bottom:2px;}
#executive board {width:366px;background-color:#fff;padding-left:5px;margin-bottom:2px;}
#mission {width:1000px;background-color:#fff;padding-left:5px;margin-bottom:2px;}
#rain {width:1000px;background-color:#fff;padding-left:5px;margin-bottom:2px;}

#footballheader{background-image:url("images/back1.jpg");height:1.5em;color:#cc6;padding-left:5px;margin-bottom:2px;}
#cheerleadingheader{background-image:url("images/back1.jpg");height:1.5em;color:#cc6;padding-left:5px;margin-bottom:2px;}
#boardheader{background-image:url("images/back1.jpg");height:1.5em;color:#cc6;padding-left:2px;margin-bottom:2px;}
#weatherheader{
	background-image:url("images/back1.jpg");
	height:1.5em;
	color:#cc6;
	padding-left:5px;
	margin-bottom:2px;
	text-align: center;
}
#linksheader{background-image:url("images/back1.jpg");height:1.5em;color:#cc6;padding-left:5px;margin-bottom:2px;}
#missionheader{
	background-image:url("images/back1.jpg");
	height:1.5em;
	color:#cc6;
	padding-left:5px;
	margin-bottom:2px;
	text-align: center;
}
#rainheader{
	background-image:url("images/back1.jpg");
	height:1.5em;
	color:#cc6;
	padding-left:5px;
	margin-bottom:2px;
	text-align: center;
}
.altrow{background-color:#cccccc;}
.rowheader{background-color:#cccccc;font-weight:bold;}



#slider {

	/* You MUST specify the width and height */
	width:350px;
	height:285px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	/**/
	width:1750px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arranged horizontally */
		float:left;
	}


#mask-excerpt {
	
	Set the position 
	position:absolute;	
	bottom:0;
	right:0;
	z-index:500px;
	/* width should be lesser than #slider width */
	width:350px;
	height:60px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position 
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	*/
	
	/* Set the style */
	width:350px;
	background-color:#fff;
	overflow:hidden;
	font-family:arial;
	font-size:14px;
	color:#111;	
}

	#excerpt li {
		padding:5px;
	}
	

*/
.clear {
	clear:both;	
}
#content div table tr td table tr td strong {
	color: #FFF;
}

