/* CSS Document */

* {margin:0; padding:0; /*border: 1px dotted red;*/}


body {
	font-family: Arial, Times;
	font-size: 95%;
	color: white;
	letter-spacing: 0.1em;
	background-color: #fff;
	padding: 0;
	background: black url("images/volleyballlayout.png")
}

hr {
		width: 98%;
		height: 0;
		margin: 0px 2%;
		border-width: 1px 0;
		border-style: solid;
		border-top-color: #C9E4BE;
		border-bottom-color: #2B4321;
		border-top-width: 1px;
		border-bottom-width: 1px;
	
} 

em	{
	font-size: 10px;
	position: relative;
	bottom: 5px;
}

small	{
	font-style: italic;
	font-size: 8px;
}

#outer {
	background: black url("backgroundlayout.jpg") top center no-repeat;
	
	
}

 * html #outer {  /* make things work in IE */
background-image: url("backgroundlayout.jpg");
background-position: center top;
background-repeat: no-repeat;
xheight: auto;

}

#wrapper { 
	width: 799px; 
	text-align: left;
}


#top {
	width: 800px;
	height: 124px;
	background-image: url("images/top.png");
	background-repeat: no-repeat;
	text-align: right;
	font-size: 80%;
	color: grey;

}


#header {
	width: 800px;
	height:358px;
	background-image: url("images/header.png");
	background-repeat: no-repeat;


}

#contenttop {
	width: 800px;
	height: 130px;
	background-image: url("images/contenttop.png");
	background-repeat: no-repeat;

}

#contenttop-1 {
	width: 800px;
	height: 68px;

}

#contenttop-2 {
	width:528px;
	text-align: right;
	padding: 10px 32px 0 10px;
	float:left;
}

#contenttop-3 {
	width: 185px;
	text-align: left;
	float: left;
	padding: 5px 25px 0 15px;
}


#content {
	width: 800px;
	min-height: 500px;
	text-align: justify;
	float: left;
	background-image: url("images/repeater.png");
	background-repeat: repeat-y;
	
}

#content-1 {
	width: 220px;
	float:left;
	padding: 0 0px 0 0px;

}

#content-2 {
	width: 516px;
	float: left;
	text-align: center;
	padding: 0 32px 0 32px;
}

#contentbottom {
	width: 800px;
	height: 45px;
	background-image: url("images/contentbottom.png");
	background-repeat: no-repeat;
	float: left;
}


#footer {
	width: 800px;
	height: 44px;
	background-image: url("images/footer.png");
	background-repeat: no-repeat;
	clear: both;
	color:grey;
	font-size: 80%;
	text-align: right;
		
}

#footercontent {
	padding: 0px 40px 150px 50px;
	float: left;
	padding:
	text-align: justify;
	
	
}

/* TEXT FORMATIGNG -----------------------------------------------*/

span.start {
		
	font-family: Times New Roman;	
	float: left;
	margin-top: 0.1em;
	font-size: 400%;
	width: 0.8em;	
	line-height: 80%;
} 

span.signature {
	
	font-family: Handwriting - Dakota;
	font-size:200%;
	letter-spacing: 0.1em
 }

p {
	line-height: 1.3em;
	padding-bottom: 1em;
	
	
}

h1 {
	font-family: BlairMdITC TT, Arial, Georgia, Times New Roman;
	color: #B9CCB0;
	font-size: 1.6em;
	margin: 0 0 0 0;
	margin-bottom: 0em;
	font-style: ;
	letter-spacing: 0.2em;
	
}

#contenttop-3 h1 {
	font-size: 1.1em;
	color: #B9CCB0;
}

h2 {
	font-family: "Bank Gothic", Arial, Times New Roman;
	color: white;
	background-color: #273919;
	border-bottom: 1px #B9CCB0 solid;
	border-right: 1px #B9CCB0 solid;
 	font-size: 1.1em;
	margin: 0 0 0 0;
	margin-bottom: 1.3em;
	font-style: ;
	letter-spacing: 0.2em;
	
}

h2.links { 
	font-family: Times New Roman;
	text-align: left;
	margin-bottom: 0.2em;
	font-size:1.1em;
	color: #B9CCB0; 
	}
	
h3 {
	text-align: left;
	margin-bottom: 0.5em;
	font-size:0.8em;
	color: #B9CCB0; 
	border-bottom: 1px #B9CCB0 solid;

	}
	
h4 {
	text-align: center;
	margin-bottom: 0.1em;
	font-size:1.3em;
	color: #273919; 
	background: white;
	border: #273919 solid;

	}

h5 {
	text-align: center;
	font-size:0.7em;
	color: #273919; 
	background: white;
	border-top: black solid 3px;
	border-left: black solid 3px;
	border-right: black solid 3px;
	}
	
strong {
	font-style: italic;
	text-transform: uppercase;
	font-weight: 900;
}

small {
	font-size: 80%;
	}

a {
	font-family: Copperplate, Times New Roman;
	color: grey;
	size: 70%;
	text-decoration: none;
	margin: 0.4em 0 0 0 ;
}

a.body {
		color: white;
		}
		
a.special {
		color: white;
		background: red;
		border-bottom: black solid;
		}

/*--_________________________________lists________________________________________--*/


ul{
	font-family: Georgia, "Times New Roman", Times, serif; 
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ol {
	font-family: Georgia, "Times New Roman", Times, serif; 
	float: left;
	width: 90%;
	padding: 0 0 0 25px;
	margin: 0;
	list-style-type: square;
	}
	
li.food {
	text-align: left;
	margin-bottom: 0.3em;
	}
	
li.foodprice {
	margin-left: -20px;
	text-align: right;
	margin-bottom: 2em;
	}

li.senior {
	text-align: left;
	margin-bottom: 0.3em;
	}
	
#content-1 ul {

	text-indent: -1000000px;
	position: relative;
	top: -47px;	
}


#content-2 li {
	font-family: Georgia, "Times New Roman", Times, serif; 
	float: left;
	width: 100%;
	}
/***************************Navigation Menu*************************/

li#news	{
	width: 217px;
	height: 87px;
	float: left;
 }
 
 li#news a {
 	width: 217px;
 	height: 87px;
 	background: transparent url("images/buttons.png") -2px 0px;
 	background-repeat: no-repeat;
 	display: block;

 	}
 
 li#news a:hover {
 
 	background: transparent url("images/buttons.png") -2px -90px;
 	background-repeat: no-repeat;
 	display: block;
 	
 	}
 	 	
 	



li#varsity	{
	width: 217px;
	height: 87px;
	float: left;
 }
 
 li#varsity a {
 	width: 217px;
 	height: 87px;
 	background: transparent url("images/buttons.png") -222px 0px;
 	background-repeat: no-repeat;
 	display: block;

 	}
 
 li#varsity a:hover {
 
 	background: transparent url("images/buttons.png") -222px -90px;
 	background-repeat: no-repeat;
 	display: block;
 	
 	}
 	 	

 	
 	
 	
/**
li#jrvarsity {
	width: 217px;
	height: 87px;
	float: left;
 }
 
 li#jrvarsity a {
 	width: 217px;
 	height: 87px;
 	background: transparent url("images/buttons.png") -442px 0px;
 	background-repeat: no-repeat;
 	display: block;

 	}
 
 li#jrvarsity a:hover {
 
 	background: transparent url("images/buttons.png") -442px -90px;
 	background-repeat: no-repeat;
 	display: block;
 	
 	}
 	
 	**/
 	
 	

li#tourney	{
	width: 220px;
	height: 87px;
	float: left;
 }
 
 li#tourney a {
 	width: 217px;
 	height: 87px;
 	background: transparent url("images/buttons.png") -442px 0px;
 	background-repeat: no-repeat;
 	display: block;

 	}
 
 li#tourney a:hover {
 
 	background: transparent url("images/buttons.png") -442px -90px;
 	background-repeat: no-repeat;
 	display: block;
 	
 	}



li#ems	{
	width: 220px;
	height: 87px;
	float: left;
 }
 
 li#ems a {
 	width: 217px;
 	height: 87px;
 	background: transparent url("images/buttons.png") -662px 0px;
 	background-repeat: no-repeat;
 	display: block;

 	}
 
 li#ems a:hover {
 
 	background: transparent url("images/buttons.png") -662px -90px;
 	background-repeat: no-repeat;
 	display: block;
 	
 	}
 	
 	
 	
li#links	{
	width: 220px;
	height: 87px;
	float: left;
 }
 
 li#links a {
 	width: 217px;
 	height: 87px;
 	background: transparent url("images/buttons.png") -882px 0;
 	background-repeat: no-repeat;
 	display: block;

 	}
 
 li#links a:hover {
 
 	background: transparent url("images/buttons.png") -882px -90px;
 	background-repeat: no-repeat;
 	display: block;
 	
 	}
 	
 	
 	
 	
li#contacts	{
	width: 220px;
	height: 87px;
	float: left;
 }
 
 li#contacts a {
 	width: 217px;
 	height: 87px;
 	background: transparent url("images/buttons.png") -1102px 0;
 	background-repeat: no-repeat;
 	display: block;

 	}
 
 li#contacts a:hover {
 
 	background: transparent url("images/buttons.png") -1102px -90px;
 	background-repeat: no-repeat;
 	display: block;
 	
 	}
 	
 	
 	
li#awaysites	{
	width: 220px;
	height: 87px;
	float: left;
 }
 
 li#awaysites a {
 	width: 217px;
 	height: 87px;
 	background: transparent url("images/buttons.png") -1322px 0;
 	background-repeat: no-repeat;
 	display: block;

 	}
 
 li#awaysites a:hover {
 
 	background: transparent url("images/buttons.png") -1322px -90px;
 	background-repeat: no-repeat;
 	display: block;
 	
 	}
/*--______________________________table________________________________________--*/
 table          { 
 				
 				text-align: center;
 				border-collapse: collapse;
                border: hidden;
                margin-left: 50px;
                width: 80%;
               
               }
 table.pool    { 
 				
 				text-align: center;
 				border-collapse: collapse;
                border: hidden;
                margin-left: 50px;
                width: 80%;
               
                }
  
                
  TR			{
  				border: 3px solid white;} 
  TH			{ padding: 3px}
  TD             { 	font-size: 13px;
  					border: 1px solid #B9CCB0; padding: 1em;
  					background: #273919;	
  				}
  				
   TD.pool           { border: 1px solid #B9CCB0; padding: 0.4em;
  					background: #273919;	
  				} 				
  TD.solid-blue  { border: 5px dashed blue; }
  TD.solid-green { border: 5px solid green; }

/*--_______________________________image________________________________________--*/


img.type1 {
	margin: 15px 15px 0px 15px;
	float: left;
	border-style: solid;
	border-width: 3px;
	border-color: #B9CCB0;
	
}

img.type2 {
	
	margin: 0 0 0.3em 10px;
	background: url("images/imgbackgroundthumb.png");
	padding: 20px 20px 20px 20px;
}
	
	/****************************************************/