html {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
/* CCFFCC  */
	background: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;		
	}

body {
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}		

/* Main heading across the whole top of the page ------------------------------------ */	
#header {
/*	border: 1px solid rgb(0%,31%,46%);  */
	color: #000;
 	padding: 0 0 0 0;
	background: #CCFFCC;
	}
		
#header img {
	float: left;
	margin: 0;
	padding: 2%
/*	border: 1px solid rgb(0%,31%,46%);  */
	border: none;
	}
	
/* 10/25/2004: h1 is no longer used?? */	
#header h1 {
	color: #000000;
	font: bold 200%/1em Arial, Verdana, sans-serif;
	text-align: center;
	padding: 1% 0 1% 0;
	margin: 0;
/*	border: 1px solid rgb(0%,31%,46%); */
	}
	
/* #logo used on the main page for the shockwave animation */
#logo {
	float: left;
	margin: 0;
	padding: 2%;
	background: #CCFFCC;
/*	border: 1px solid rgb(0%,31%,46%); 	  */
	border: none;
	}
	
/* logo used on the other pages - not animated */	
#logo1 {
	float: left;
	margin: 0 4px 0 0;
	padding: 0 0 0 15%;
	text-align: center;
	background: #CCFFCC;
/*	border: 1px solid rgb(0%,31%,46%); */
	border: none;
	height: 74px;
	}
	
body.calendar div#header div#logo1 {
	background: url('cal_anim.gif') 0 0 no-repeat;
    } 		
body.photos div#header div#logo1 {
	background: url('camera.jpg') 0 0 no-repeat;
    } 
body.band div#header div#logo1 {
	background: url('hat.gif') 0 0 no-repeat;
    } 	  
body.boosters div#header div#logo1 {
	background: url('notes.gif') 0 0 no-repeat;
    }       	
body.sections div#header div#logo1 {
	background: url('ranger.jpg') 0 0 no-repeat;
    } 	    	
		
#banner {
	color: #000000;
	font: bold 200%/1em Arial, Verdana, sans-serif;
	text-align: center;
	padding: 1% 0 1% 0;
	margin: 0;
/*	border: 1px solid rgb(0%,31%,46%);  */
	height: 50px; 
	background: url('banner1.jpg') 45% 0 no-repeat;
	}
		
/* Top navigator -------------------------------------------------------------------- */
#nav ul {
	display: block;
	list-style-type: none outside;	
	margin: 0 0 0 1%;
	padding: 0 0 0 15%;
	}
	
#nav li {
	paddding: 0;
	margin: 0 4px 0 0;
	border-color: #CCFFCC #CCFFCC #FFF #CCFFCC;
	background-color: #008000;
	color: #FFFFFF;
	font-weight: bold;
	display: block;		
	float: left;
	position: relative;
	top: .2em;  
	line-height: 20px; 
	white-space: nowrap;		
	width: 5em;
	text-align: center;
	}
	
#nav lii {
	paddding: 0;
	margin: 0 4px 0 0;
	border-color: #CCFFCC #CCFFCC #FFF #CCFFCC;
	background-color: #008000;
	color: #FF0000;
	font-weight: bold;
	display: block;		
	float: left;
	position: relative;
	top: .2em;  
	line-height: 20px; 
	white-space: nowrap;		
	width: 5em;
	text-align: center;
	}

#nav a {
	padding: 0 20px 0 20px;
	padding: 0 0 0 0; 
	text-decoration: none;
	font-size: 10px;
	display: block;
	width: 100%;
	color: #FFFFFF;
	border: 1px solid;
	}	
	
#nav a:hover {
	background-color: #CECBC6;
 	color: #008000;
 	border-color: #000 #000 #FFF #000;
	}
	
html>body #nav a {width: auto;}  /* fixes ie6 hack */
	
/* Commented Backslash Hack hides rule from IE5-MAC \*/
#nav a {float: none:};			/* End IE5-Mac Hack */	

#nav a:hover {
	background-color: #CECBC6;
	color: #008000;
	border-color: #000 #000 #FFF #000;
	}
	
/* Hilite the active tab based on body @class attribute */
body.home #nav li#nav-home a,
body.calendar #nav li#nav-calendar a,
body.photos #nav li#nav-photos a,
body.band #nav li#nav-band a,
body.boosters #nav li#nav-boosters a,
body.sections #nav li#nav-sections a {
	background-color: #FFF;
	color:#008000;
	border-color: #000 #000 #FFF #000;
	}	

/* Clear the left float ----------------------------------------------------------------- */ 
div#spacer {
	clear: left; 
	padding: 0 0 0 0;
/*	border: 1px solid rgb(0%,31%,46%);	  */
	}

/* Main content of the page ------------------------------------------------------------- */
div#content {
	font-size: 10pt;
	color: #000000;
	background: #FFFFFF;
	margin: 0 1% 0 15%;	
	padding: 2em 0 2em 0;
	border: 1px solid #008000; 
	}
	
/* Hides from IE5-mac - Holly hack to fix the peekaboo bug \*/
* html div#content {height: 1%;}
/* End hide from IE5-mac */	
		
/* Left navigator ----------------------------------------------------------------------- */
div#sidebar {
	float: left;
	width: 15%;
	margin: 2em 0 0 0;
	padding: 0 0 0 0;
	font-size: 8pt;
/*	border: 1px solid rgb(0%,31%,46%);	  */
	background: #CCFFCC;
	}

#sidebar ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 1em;	
	}	
	
#sidebar ul a {
	text-decoration: none;
	color: #008000;
	font-weight: bold;
	line-height: 1.5;
	}	

#sidebar #active {
	border-top: 1px solid #008000;
	border-left: 1px solid #008000;
	border-bottom: 1px solid #008000;
	background: #FFFFFF;
	}

#sidebar #active a {
/* 	color: #000000; */
	}
	
/* MAIN PAGE INFORMATION --------------------------------------------------- */	
/* left side Latest News navigator */
div#latestnews {
	float: left;
	width: 15%;
	margin: 1em 0 0 0;
	padding: 0 0 0 0;
	font-size: 8pt;
/*	border: 1px solid rgb(0%,31%,46%);	  */
	background: #CCFFCC;
	}
	
#latestnews h4 {
	font: Verdana;
	font-size: 12pt;
	font-weight: bold;	
	border-top: 1px solid black;
	text-align: center;
/* 	border: 1px solid rgb(0%,31%,46%); 	*/
	}
	
#latestnews h5 {
	font: Verdana;
	font-size: 10pt;
	font-weight: bold;	
	text-align: center;
/* 	border: 1px solid rgb(0%,31%,46%); 	*/
	}
	
#latestnews h6 {
	font: Verdana;
	font-size: 10pt;
	font-weight: bold;	
	text-align: center;
	border-top: 1px solid black;	
/* 	border: 1px solid rgb(0%,31%,46%); 	*/
	}	

#latestnews ul {
/*	list-style: none; */
	margin: 0 0 0 0;
	padding: 0 0 0 2em;
	}	
	
#latestnews ul a {
	color: #008000;
	font-weight: bold;
	}
	
/* Footer on main page - Fusion Login */
div#footer {
	font-size: 8pt;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* PHOTO PAGE INFORMATION ------------------------------------------- */	
div.pic {
	float: left;
	padding: 4px;
	margin: 6px 4px;
/*	background: #CCFFCC; */
/*	border: 1px solid; */
/*	border-color: #008000 #008000 #008000 #008000;	*/
	}
	
div.pic img {
	height: 98px;
	width: 98px;
	border: 1px solid;
	border-color: #008000 #008000 #008000 #008000;		
	}
	
div.ls img {
	height: 64px;
	width: 96px;
	margin: 16px 0;
	}
	
div.pt img {
	height: 96px;
	width: 64px;
	margin: 0 16px;
	}