@charset "UTF-8";
/* CSS Document */


/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}



div#container
{
	position:relative;
	width: 785px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
}
body {
	text-align:center;
	margin:0;
	background-image: url("images/grass_bg.jpg");
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-color:#000000;

	}

A:link {text-decoration: none; color: yellow;}
A:visited {text-decoration: none; color: yellow;}
A:active {text-decoration: none; color: yellow;}
A:hover {text-decoration: underline; color: yellow;}

#nav {
	margin:0;
	padding:0;
}

#nav li {
	display:inline;
	padding:0;
	margin:0;
}

#nav a:link,
#nav a:visited {
	color:#000;
	padding:20px 18px 30px 18px;
	float:left;
	width:auto;
	font-size: 12px;
	font-family: 'Arial';
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
}

#nav a:hover {
	color:#fff;
	background:#008000;
}

#home #nav-home a,
#about #nav-about a,
#afterschool #nav-afterschool a,
#summer #nav-summer a,
#coaches #nav-coaches a,
#extras #nav-extras a,
#testimonials #nav-testimonials a,
#faq #nav-faq a,
#contact #nav-contact a{
	background:#006200;
	color:#fff;
	text-shadow:none;
}

#home #nav-home a:hover,
#about #nav-about a:hover,
#afterschool #nav-afterschool a:hover,
#summer #nav-summer a:hover,
#coaches #nav-coaches a:hover,
#extras #nav-extras a:hover,
#testimonials #nav-testimonials a:hover,
#faq #nav-faq a:hover,
#contact #nav-contact a:hover {
	background:#006200;
}

#nav a:active
 {
	background:#006200;
	color:#fff;
}