/*-------------------------------Page reset-------------------------------------------*/
p, h1, h2 {
	margin: 0;
	padding: 0;
	font-weight: 300;
}



/*------------------------------------This will be the body CSS------------------------------*/
body {
	max-width: 960px;
	margin:auto;
	font-family: 'Duru Sans', sans-serif;
	background-image: url("background1.jpg");
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMTQxNmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9InJnYigwLCAxOSwgMzIpIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
	background-image: url("background1.jpg"), -webkit-gradient(linear, left bottom, right top, color-stop(0%, #01416f), color-stop(100%, rgb(0, 19, 32)));
	background-image: url("background1.jpg"), -webkit-linear-gradient(left bottom, #01416f 0%, black 140%);
	background-image: url("background1.jpg"), -moz-linear-gradient(left bottom, #01416f 0%, black 140%);
	background-image: url("background1.jpg"), -ms-linear-gradient(left bottom, #01416f 0%, black 140%);
	background-image: url("background1.jpg"), -o-linear-gradient(left bottom, #01416f 0%, black 140%);
	background-image: url("background1.jpg"), linear-gradient(to right top, #01416f 0%, black 140%);
	background-attachment:fixed;	
	background-repeat:no-repeat;
	background-position:center top;
}

/*---------------------------------------HEADER------------------------------------------------*/
header {
	background-image: url(photos/logo.jpg);
	background-repeat:no-repeat;
	background-position:0%;
	text-align:center;
	background-color:rgb(0,25,47);
	border-bottom:2px solid rgb(0,25,47);	
}
header h1 {
	font-family:"Comic Sans MS", cursive, sans-serif;
	color:#0E98B2;
	font-size:2em;
	padding-top: .75em;
	text-shadow: 1px 1px 1px #FFFFFF;
	padding-top:25px;
}

header h2 {
	color:#0E98B2;
	font-size:.8em;
	letter-spacing:2px;
	
	padding-bottom:2px;	
}


/*---------------------------------------PHONE NAV--------------------------------------------*/
@media only screen and (max-width: 600px) {
	nav {
		background-color: rgb(0,25,47);
		padding: .5em 2%;
	}
	
	ul.menu {
		list-style:none;
		margin:0;
		padding: 0;
	}
	
	ul.menu li a {
		padding: .2em 1em;
		margin-bottom:.25em;
		color:#FFEDDF;
		text-decoration:none;
		display: block;
		border: 1px solid white;
		border-radius: 7px;
	}	
	
ul.menu li.active a {
	background-color:#6d88c4;
	color:#122859;
	}
}	

ul.menu li.inactive a {	
	background-color:rgb(0,25,47);
	color:#6d88c4;
}

/*--------------------------------NAV FOR DESKTOPS/TABLETS--------------------------------------*/
@media only screen and (min-width: 601px) {
nav {
	background-color:rgb(0,25,47);
	}

ul.menu {
	list-style:none;
	margin:0;
	padding:0;
	}

ul.menu li a {
	padding: .2em 1em;
	color:#FFEDDF;
	text-decoration:none;
	display:block;
	float:left;
	border-right:2px solid rgb(0,25,47);
	}

ul.menu li a:hover {
	color:#6d88c4;
	}	

ul.menu li.active a {
	background-color:#6d88c4;
	color:#122859;
	}

ul.menu li.inactive a {	
	background-color:rgb(0,25,47);
	color:#6d88c4;
	}
}

.keepOpen {
	clear: both;
	border-right: 2em solid #ffffff;	
}

/*--------------------------------------Content--------------------------------------*/
div#content {
	background: #d2ebf9; 
	padding: 1em 2% .5em 2%;
	box-shadow: 0 0 5px #000;
	opacity:.95;
}

div#content p {
	line-height: 120%;
	}

h1 {
	color:#122859;
	font-size: 2em;
}

h2 {
	color:#DF0010;
}

div.whitespace{
	white-space:normal;
}

/*----------------------------------------------Lists------------------------------------*/
ul.team li {
	list-style-type:none;
	background-image:url(photos/ball.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left: 15px;
}

ol.award li {
	list-style-type:none;
	background-image:url(photos/pin.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
}

dl dt {
	margin:0;
	font-weight:bold;
	padding: 0 0 0 1em;
}

dl dd {
	margin: 0;
	padding: 0 0 .75em 2em;
}

/*-------------------------------------TABLE-----------------------------------------*/



table.stuff {
	border-collapse:collapse;
	box-shadow: 1px 1px 2px #9fa08c;
	color:#122859;
	font-size:1.2em;
	width:95%;
}

table.stuff th {
	background-color:#122859;
	color:#6d88c4;
	text-align:left;
}

table.stuff tr:nth-child(odd) {
	background-color:#6d88c4;
}

table.stuff tr:hover {
	background-color:#60bdbd;
}

/*-----------------------------------------Links--------------------------------------------------*/

a.pageNav {
	text-decoration:none;
	color:#2a7b7b;
}

a.pageNav:hover {
	color:#122859;
	padding:2px;
	font-weight: bold;
}

.awardsLinks a {
	color: #60bdbd;
}

.tourney a {
	text-decoration:none;
	color:#2a7b7b;
}

.tourney a:hover {
	color:#122859;
	padding:2px;
	font-weight: bold;
}

/*-----------------------------------------------Image on first page-----------------------------------*/
figure.rightside {
	width: 45%;
	float:right;
	border: 1px solid #FFFFFF;
	margin: 0 0 5px 2%;
	box-shadow: 10px 10px 5px #888888;
}

figure.rightside img {
	width:100%;
}

figure.rightside figcaption {
	text-align:center;
	font-size: .7em;
}

/*-------------------------------------text on confirmation page-----------------------------------*/
p.batman {
	padding:3em;
}

/*-----------------------------------------------Players----------------------------------------*/
figure.players {
	float:left;
	padding-top: 2px;
	margin: 1em;
	border: 1px solid #FFFFFF;
	text-align:center;
	height: 340px;
	width: 179px;
	background-color: rgb(1,38,67);
	z-index:1;
}

figure.players figcaption {
	font-size: .7em;
	color:#FFFFFF;
}

figure.players figcaption span {
	display:block;
	font-weight:bold;
	font-size: .9em;
}

/*-----------------------------------------------Form-------------------------------------------------------*/
form.league fieldset {
	margin-bottom: 2em;
	border-radius: 8px;
	font-size: .8em;
}

form.league legend {
	font-weight: 600;
	margin-left: 1em;
	
}	

form.league span {
	display:block;
	padding: .8em 0 0 .3em;
}

form.league .basicinfo{
	width:20em;
	padding: .4em;
	border-radius: 8px;
}

.submitbutton {
	width: 10em;
	padding: .8em;
	margin-left: 2%;
	background: #c3e8f6;
	background: linear-gradient(to bottom, #FFFFFF 0%, #6d88c4 100%);
	border: 1px solid #4c6c73;
	border-radius: 8px;
}

/*------------------------------------------YOUTUBE VIDEO--------------------------------*/

iframe.video {
	width:75%;
	margin-left: 12.5%;
	height: 320px;
	margin-bottom: 1em;
}


/*--------------------------------------------MAP-------------------------------------*/
iframe.map {
	border:1px solid #333;
	height: 450px;
	width: 60%;
	margin-left: 20%;
}

/*-------------------------------------------Footer------------------------------------------------------*/
footer {
	clear:both;
	margin-top:0;
	background-color: rgb(0,51,94);
	color: #FFEDDF;
	text-align:center;
	padding: 2px;
}

footer a {
	text-decoration: none;
	color: white;
}

footer a:hover {
	color:#60bdbd;
	font-weight: bold;
}