@charset "utf-8";

body,td,th 
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}
body 
	{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#000;
	}
	
a:link 
	{
	outline:none;
	color: #006600;
	text-decoration: none;
	font-weight:bold;
	}
a:visited 
	{
	outline:none;
	text-decoration: none;
	color: #72aa00;
	}

a:hover 
	{
	outline:none;
	text-decoration: none;
	color: #72aa00;
	}
a:active 
	{
	outline:none;
	text-decoration: none;
	color: #72aa00;
	}
	

/* =============================================== MAIN BODY CONTAINERS =================================== */

.mainBody
	{
	width:1200px;
	}

.leftSide
	{
	background-image:url(../images/leftSide.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:895px;
	width:132px;
	float:left;
	clear:right;
	padding:0px;
	margin:0px;
	}

.middle
	{
	width:950px;
	height:895px;
	float:left;
	clear:right;
	}
	
.rightSide
	{
	background-image:url(../images/rightSide.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:895px;
	width:118px;
	float:left;
	clear:right;
	padding:0px;
	margin:0px;
	}
/* =============================================== HEADER =================================== */

.header
	{
	width:950px;
	float:left;
	clear:right;
	}

.header1
	{
	width:255px;	
	height:202px;
	background-image:url(../images/header1.jpg);
	background-repeat:no-repeat;
	float:left;
	clear:right;
	}
	
.header2
	{
	width:377px;
	height:202px;
	background-image:url(../images/header2.jpg);
	background-repeat:no-repeat;
	float:left;
	clear:right;
	}

.header3
	{
	width:318px;
	height:202px;
	background-image:url(../images/header3.jpg);
	background-repeat:no-repeat;
	float:left;
	clear:right;
	}

/* =============================================== MUSIC PLAYER =================================== */

.musicPlayer
	{
	width:auto;
	padding:0px 0px 0px 215px;
	text-align:left;
	}
/* =============================================== MUSIC PLAYER =================================== */

.mainNavigation	
	{
	width:auto;	
	float:left;
	clear:both;
	width:950px; /* MAX WIDTH OF THE NAVIGATION DIV IS 950PX ========= */
	height:34px;
	}
	
.navBackground1
	{
	float:left;
	width:175px;
	background-image:url(../images/nav_Background1.gif);
	height:34px;
	}
	
.homeLink a
	{
	float:left;
	clear:right;
	width:auto;
	padding:10px 0px 0px 37px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	}
	
.navBackGround2
	{
	width:15px;
	float:right;
	height:34px;
	clear:right;
	background-image:url(../images/nav_Background2.gif);
	}
.navMenu /* container for the main navigation */
	{
	float:left;
	clear:right;
	width:731px;
	height:34px;
	}

/* ================================================== MENU CSS CODE ==================================== */

.indentmenu
	{
	font: bold 13px Arial;
	width: 100%; /*leave this value as is in most cases*/
	}

.indentmenu ul
	{
	margin: 0px;
	padding:0px;
	float: left;
	width: 760px; /*width of menu ===  950 - 175 - 15 = 760 */
	height:34px;
	background: black url(../images/navUp.gif) center center repeat-x;
}

.indentmenu ul li
	{
	display: inline;
	}

.indentmenu ul li a
	{
	float: left;
	height:21px;
	color: #FFFFFF; /*text color*/
	padding:8px 19px 5px 19px; /* SPACING OF THE MENU DIVIDERS AND CELLS */
	text-decoration: none;
	background-image:url(../images/navDivider.gif);
	background-position:right;
	background-repeat:no-repeat;
	}

.indentmenu ul li a:visited
	{
	color: white;
	text-decoration:none;
	}

.indentmenu ul li a:hover, .indentmenu ul li .current
	{
	color: #000 !important; /*text color of selected and active item*/
	background: black url(../images/navHover.gif) center center repeat-x;
	}

/* ============================================================= MIDDLE CONTENT CONTEINER ================ */
.middleContentContainer
	{
	width:950px;
	float:left;
	clear:both;
	color:#212121;
	text-align:left;
	}

.middleLeftContent
	{
	float:left;
	clear:right;
	width:605px;
	}
	
.middleRightContent
	{
	float:left;
	clear:right;
	width:345px;
	}
/*============================================ team photo code ========================== */
.teamPhoto
	{
	float:left;
	clear:both;
	width:606px;
	height:197px;
	background:url(../images/TeamPhoto.jpg);
	margin:0px;
	padding:0px;
	}


/* =========================================== our team container =========================== */

.ourTeam a:link 
	{
	outline:none;
	color: #72aa00;
	text-decoration: underline;
	font-weight:bold;
	}
.ourTeam a:visited 
	{
	outline:none;
	text-decoration: underline;
	color: #996600;
	}

.ourTeam a:hover 
	{
	outline:none;
	text-decoration: none;
	color: #996600;
	}
.ourTeam  a:active 
	{
	outline:none;
	text-decoration: underline;
	color: #F0F0F0;
	}

.ourTeam /* 950max for middle content and 606 max for left hand content */
	{
	float:left;
	clear:both;
	width:606px; /* 606 is the max width */
	height:auto;
	margin:0px;
	padding:0px;
	}
.ourTeam1
	{
	float:left;
	clear:both;
	width:606px;
	height:35px;
	background-image:url(../images/ourTeam1.gif);
	background-repeat:no-repeat;
	}
	
.ourTeam2
	{
	float:left;
	clear:both;
	width:570px; /* MAX IS 606*/
	height:96px;
	padding:10px 11px 10px 25px;
	background-image:url(../images/ourTeam2.gif);
	background-repeat: repeat-y;
	}
	
.ourTeam3
	{
	float:left;
	clear:both;
	width:606px;
	height:21px;
	background-image:url(../images/ourTeam3.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	}
	
/* ========================================================== PHOTO GALLERY CODE ======================== */

.photoGallery	/* 950max for middle content and 606 max for left hand content */
	{
	float:left;
	clear:both;
	width:606px;
	height:auto; /* MAX IS 116 */
	}	
	
.photoGallery1
	{
	float:left;
	clear:both;
	width:606px;
	height:40px;
	background-image:url(../images/photoGallery1.gif);
	background-repeat:no-repeat;
	}
	
.photoGallery2 /* see thumbnailIndex for the container inside this one */
	{
	float:left;
	clear:both;
	width:570px; /* MAX IS 606*/
	height:116px;
	padding:0px 11px 0px 25px;
	background-image:url(../images/photoGallery2.gif);
	background-repeat: repeat-y;
	}
	
.photoGallery3
	{
	float:left;
	clear:both;
	width:606px;
	height:27px;
	background-image:url(../images/photoGallery3.gif);
	background-repeat:no-repeat;
	}	
/* ============================================ thumbnailIndex for the home page gallery ============== */

.thumbnailIndex /* container inside photoGallery2 */
	{
	float:left;
	width:auto;
	}
	
.thumbnailIndex1
	{
	width: 113px;
	padding:5px 0px 0px 28px; /* sets the left position of all the images */
	margin:0px;
	float:left;
	clear:right;
	}
	
.thumbnailIndex2
	{
	width: 113px;
	padding:5px 0px 0px 20px;
	margin:0px;
	float:left;
	clear:right;
	}
	
.thumbnailIndex3
	{
	width: 113px;
	padding:5px 0px 0px 20px;
	margin:0px;
	float:left;
	clear:right;
	}

.thumbnailIndex4
	{
	width: 113px;
	padding:5px 0px 0px 20px;
	margin:0px;
	float:left;
	clear:right;
	}
	
/* ============================================ SOCCERBALL AND GRASS BOTTOM LEFT ====================== */

/* ======================================== footer code ======================== */

.soccerBallGrass
	{
	width:606px;
	height:107px;
	float:left;
	clear:both;
	background-image:url(../images/soccerBallGrass.gif);
	}
	
/* ============================================ LATEST NEWS ============================================ */
.newsTitles
	{
	font-size:14px;
	font-weight:bold;
	}
.newsRow
	{
	float:left;
	clear:both;
	width:292px;
	padding:0px 0px 15px 0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	border-bottom:#5a7f1b 2px dotted;
	}
.newsRow a, .newsRow a:visited, .newsRow a:hover, .newsRow a:active
	{
	color: #FFCC00;
	text-decoration:none;
	}	
.latestNews
	{
	float:left;
	clear:both;
	width: 250px;
	height:370px;
	color:#FFFFFF;
	}
	
.latestNews1
	{
	float:left;
	clear:both;
	width:344px;
	height:46px;
	background-image:url(../images/latestNews1.gif);
	background-repeat:no-repeat;
	}
	
.latestNews2
	{
	float:left;
	clear:both;
	width:309px; 
	height:auto;
	margin:0px;
	text-align:left;
	}
	
.latestNews2Box
	{
	float:left;
	clear:both;
	width:309px; 
	height:269px;
	padding:25px 25px 0px 10px;
	margin:0px;
	background-image:url(../images/latestNews2.gif);
	background-repeat: repeat-y;
	text-align:left;
	}
	
.allNewsButton /* the button caontainer for the all news section */
	{
	float:right;
	clear:right;
	width:auto;
	text-align:right;
	padding:0px;
	}
	
.latestNews3
	{
	float:left;
	clear:both;
	width:344px;
	height:30px;
	background-image:url(../images/latestNews3.gif);
	background-repeat:no-repeat;
	}	


/* ============================================= events section ===================================== */
.events
	{
	width:344px;
	clear:both;
	}

.events a:link 
	{
	outline:none;
	color: #72aa00;
	text-decoration: underline;
	font-weight:bold;
	}
.events a:visited 
	{
	outline:none;
	text-decoration: underline;
	color: #996600;
	}

.events a:hover 
	{
	outline:none;
	text-decoration: none;
	color: #996600;
	}
	
.events  a:active 
	{
	outline:none;
	text-decoration: underline;
	color: #F0F0F0;
	}
		
.events1
	{
	width:344px;
	clear:right;
	background-image:url(../images/events1.gif);
	height:35px;
	}

.events2
	{
	width:344px;
	clear:right;
	background-image:url(../images/events2.gif);
	height:147px;
	}
	
.events3
	{
	float:left;
	width:344px;
	clear:right;
	background-image:url(../images/events3.gif);
	height:107px;
	}

.eventContent /* holds the content */
	{
	width:155px;
	height:auto;
	color:#FFFFFF;
	padding:20px 0px 0px 44px;
	}

.eventHeader
	{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	}
/* ================== FOOTER FOR THE HOME PAGE =========================== */
.footerHomePage
	{
	float:left;
	width:auto;
	padding:83px 0px 2px 20px;
	color:#fff;
	font-weight:bold;
	}
	
.footerHomePage a
	{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding:0px 2px 0px 2px;
	border:1px solid #274106;
	}

.footerHomePage a:hover
	{
	border:1px solid #CCCCCC;
	}
	
/* ======================================= STATS CSS ======================== */

.statsHeader
	{
	font-size:14px;
	font-weight:bold;
	color:#000000;
	width:550px;
	height:15px;
	background-color: #ece519;
	border:0px solid  #000000;
	padding:5px 0px 5px 20px;
	margin:0px 0px 5px 0px ;
	text-align:left;
	float:left;
	}

.statsRow
	{
	width:auto;
	height:auto;
	float:left;
	clear:both;
	margin-bottom:10px;
	}