body {
	margin-top: 0px;
	margin-bottom: 0px;
    margin-left: 0px;
	margin-right: 0px;
	background-color: #cfcdcd;
	background-position: top center;
	background-repeat:no-repeat; 
	-webkit-text-size-adjust:100%;
} 

.header {
 		width: 100%;
 		position: fixed;
 		top:0px;
 		bottom:auto;
 		right:auto;
 		left:auto;
	}
	

h1 { font-weight:normal; }
h2 { font-weight:normal; }

.subtitle {
	font-family: Franchise, Arial, Helvetica, sans-serif;
    color: #ffffff;
	font-size: 42px;
}

.subtitle-black {
	font-family: American, Arial, Helvetica, sans-serif;
    color: #1b1b1b;
	font-size: 29px;
}

.div-padding {
 padding-top:0px;
 padding-bottom:0px;
 padding-right:26px;
 padding-left:26px;
}

.div-padding-cell {
 padding-top:30px;
 padding-bottom:50px;
 padding-right:50px;
 padding-left:50px;
}



@font-face {
    font-family: Franchise;
    src: url('http://192.249.120.235/~volleyball/assets/font/Franchise-Free-Bold.ttf');
}

@font-face {
    font-family: Ballpark;
    src: url('https://wellandslopitch.com/assets/font/Ballpark.TTF');
}

.mainnav {
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 27px;
}
.mainnav a:link {
	color: #ffffff;
	text-decoration: none;
}
.mainnav a:visited {
	text-decoration: none;
	color: #ffffff;
}
.mainnav a:hover {
	text-decoration: none;
	color: #cdcccc;
}
.mainnav a:active {
	text-decoration: none;
	color: #ffffff;
}


.big-black {
	font-family: Times New Roman, Calibri, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 26.5px;
    line-height: 140%;	
}
.big-black a:link {
	color: #000000;
	text-decoration: none;
}
.big-black a:visited {
	text-decoration: none;
	color: #000000;
}
.big-black a:hover {
	text-decoration: none;
	color: #000000;
}
.big-black a:active {
	text-decoration: none;
	color: #000000;
}


.big-biege {
	font-family: Times New Roman, Calibri, Arial, Helvetica, sans-serif;
	color: #a58a60;
	font-size: 26.5px;
	line-height: 140%;	
}
.big-biege a:link {
	color: #a58a60;
	text-decoration: none;
}
.big-biege a:visited {
	text-decoration: none;
	color: #a58a60;
}
.big-biege a:hover {
	text-decoration: none;
	color: #a58a60;
}
.big-biege a:active {
	text-decoration: none;
	color: #a58a60;
}






.main {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 23px;
}
.main a:link {
	color: #093579;
	text-decoration: none;
}
.main a:visited {
	text-decoration: none;
	color: #093579;
}
.main a:hover {
	text-decoration: none;
	color: #22c4cd;
}
.main a:active {
	text-decoration: none;
	color: #093579;
}



.main-brown {
	font-family: Times New Roman, Calibri, Arial, Helvetica, sans-serif;
	color: #513421;
	font-size: 26px;
}
.main-brown a:link {
	color: #513421;
	text-decoration: none;
}
.main-brown a:visited {
	text-decoration: none;
	color: #513421;
}
.main-brown a:hover {
	text-decoration: none;
	color: #a58a60;
}
.main-brown a:active {
	text-decoration: none;
	color: #513421;
}

.main-gray {
	font-family: Times New Roman, Calibri, Arial, Helvetica, sans-serif;
	color: #797878;
	font-size: 27px;
}
.main-gray a:link {
	color: #797878;
	text-decoration: none;
}
.main-gray a:visited {
	text-decoration: none;
	color: #797878;
}
.main-gray a:hover {
	text-decoration: none;
	color: #797878;
}
.main-gray a:active {
	text-decoration: none;
	color: #797878;
}





.footer-title {
	font-family: Times New Roman, Calibri, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 30px;
}




.footer-text {
	font-family: Times New Roman, Calibri, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 26px;
}
.footer-text a:link {
	color: #ffffff;
	text-decoration: none;
}
.footer-text a:visited {
	text-decoration: none;
	color: #ffffff;
}
.footer-text a:hover {
	text-decoration: none;
	color: #ffffff;
}
.footer-text a:active {
	text-decoration: none;
	color: #ffffff;
}



.copyright {
	font-family: Times New Roman, Calibri, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 21px;
	line-height: 140%;	
}
.copyright a:link {
	color: #ffffff;
	text-decoration: none;
}
.copyright a:visited {
	text-decoration: none;
	color: #ffffff;
}
.copyright a:hover {
	text-decoration: none;
	color: #ffffff;
}
.copyright a:active {
	text-decoration: none;
	color: #ffffff;
}