body{
	background-color: #2e2e2e;
	color: white;
	font-family: arial, san-serif;
	font-size: 26px;
}

#page{
	
	height: 22px;
}

#wrapper{
	width:850px;
	margin:  auto;
	position: relative;
	z-index: -1;

}

#main{
	margin-left: 114px;
	width: 622px;
}



#menu {float: left;
font-size: 20px;
margin: 6px;
z-index: 10;
}

#menu li{
	background-color: #4c494b;
	margin-bottom: 6px;
	padding: 4px;
	float: left;
	clear: both;
	border-radius:2px;
}



#menu a{

	color: white;
	text-decoration: none;
}



#numbers{
	position: absolute;
	left: 310px;
	top: 355px;
}

#numbers h1{
	float: left;
	margin-right: 23px;

}

#date{
	position: absolute;
	left: 355px;
	top: 560px;

}

#date h2{
	font-size: 20px;
}

#match_play{
	position: absolute;
	top: 645px;
	left: 138px;
	
}

#matches{
	float: left;
	font-size: 18px;
	/*margin-right: 402px;*/

}

#plays{
	float: right;
	font-size: 20px;
}




#hold{

	margin-top: 100px;
	margin-left: 160px;
}



#hold h1{
	font-size: 18px;
	margin-left: 100px;
	margin-top: 10px;

}


 
.cell{
position: absolute;
font-size: 18px;
text-indent: 4px;
line-height: 22px;
opacity:0.75;
filter:alpha(opacity=75); /* For IE8 and earlier */
}

#chart{
	position: absolute;
	margin-top: -288px;
	margin-left: 25px;
}

#footer{
	height: 100px;
}


/* ---------CSS SPECIFIC TO ABOUT PAGE ------------*/

#about img{
	margin-left: 290px;
}

.about_text{
	background-color: white;
	color: black;
	font-size: 16px;
	border-radius:2px;
	width: 500px;
	margin-left: 180px;
	margin-bottom: 6px;
}


.about_text_link{
	background-color: grey;
	color: white;
	font-size: 16px;
	border-radius:2px;
	width: 500px;
	margin-left: 180px;
	margin-bottom: 6px;
}

.about_text p, .about_text_link p{
	padding: 6px;
	
}


.about_text_link a{
	color: white;
	text-decoration: none;
	font-size: 18px;
}



.about_text_link:hover{
	background-color: red;
}