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

	/*
	Granger Youthball
	Author: gamoorehead
	Date: 4-11-2016
	*/

	* {
    	margin:0;
    	padding:0;
	}

	body {
    	font-size:1.1em;
		line-height: 1.5em;
    	font-family: Arial, Helvetica, sans-serif;
    	background-color:lightgreen;
		background-image: url(images/basket-weave.jpg);
		background-repeat:repeat;
	}
	/*header*/
	#container {
		width: 90%;
		margin: 10px auto;
		border: 2px solid black;
		border-radius: 22px;
		box-shadow: 15px 15px 5px 0 rgba(0, 0, 0, 0.7);
	}
	header {
		border-radius: 22px;
		padding: 0.5%;
		background-color: green;
		color: yellow;
		text-align: center;
	}
	/*nav bar*/
	nav {
		text-align: center;	
		background-color: darkkhaki;
		padding: 0.5%;
		border-bottom: solid 2px black;
		border-top-right-radius: 22px;
		border-top-left-radius: 22px;
		
	}
	nav ul li {
		display: inline;
			
		list-style-type: none;
	} 
	nav li a {
		padding: 2em;
		color: white;
		text-decoration: none;
	}
	nav li a:hover {
		color: yellow;
		text-decoration: underline;
	}
	/*left sidebar*/
	#staff {
		
		width: 25%;
		padding: 0.5%;
		text-align: center;
		background-color: firebrick;
		float: left;
		
	}
	/*main section*/
	#main {
		margin: 0 21% 0 26%;
		padding: 0.5%;
		text-align: center;
		background-color: goldenrod;
		color: white;
	}
	#main h2, #main h3, #team h2, #staff h2 {
		text-align: center;
	}
	/*left sidebar*/
	#team {
		
		width:20%;
		padding: 0.5%;
		text-align: center;
		background-color: firebrick;
		float: right;
	}	
	
	/*tables*/
	table {
		background-color: green;
		color: yellow;
		border: solid 6px black;
		border-collapse: collapse;
		
	}
	table.center {
   		 margin-left: auto;
   		 margin-right: auto;
    }
	th, td {
		padding: 6px;
		border: solid 2px black;
	}
	tr:hover {
		color: green;
		background-color: yellow;
	}
	caption {
		padding: 4px;
		color: yellow;
		background-color: green;
		font-weight: bold;
	}
	.center {
		font-style: italic;
		text-align: center;
	}
	/*footer*/
	footer{
		padding: 0.5%;
		background-color: yellow;
		color: green;
		clear: both;
		border-top: solid 2px black;
		text-align: center;
		border-bottom-right-radius: 22px;
		border-bottom-left-radius: 22px;
	}
	#wrapper {
		width: 90%;
		margin: auto;
		border: 2px solid black;
		border-radius: 22px;
		box-shadow: 15px 15px 5px 0 rgba(0, 0, 0, 0.7);
	}