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

body
	{
		background-color: #2E3529;
		margin-top: 0px;
		margin-left: 20%;
		margin-right: 20%;	
	}

#header
	{
		font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
		font-size: 48px;
		text-align: left;
		color: #ACA375;
		min-width: 640px;
		 text-shadow: 1px 1px 2px black, 0 0 25px limegreen, 0 0 5px black;
	}

#footer
	{
		width: 100%;
		padding: 5%;
		text-align: right;
	}
	
/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////// Page Top Menu /////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

ul 
	{
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
		font-size: 20px;
		list-style-type: none;
		padding-top: 0px;
		padding-right: 0%;
		padding-left: 0%;
		padding-bottom: 0px;
		overflow: hidden;
		border: 1 px solid black;
		background-color: #ACA375;
		color: white;
		text-align: center;
		position: static;
    	width: 100%;
		float: center;
		min-width: 640px;
		margin-top: 5%;
		margin-right: 5%;
		margin-bottom: 5%;
		margin-left: 5%;
		box-shadow: 0 4px 8px 5px rgba(22, 22, 22, 0.75), 0 6px 2px 0px rgba(22, 22, 22, 0.19);
		border-radius: 5px;
		
	}

li {float: left;}


li a
	{
    	display: inline-block;
    	color: #000;
		text-align: center;
    	padding: 14px 30px;
    	text-decoration: none;
	}

li a.active
	{
		background-color: black;
		color: #ACA375;
	}
	
li a:hover:not(.active) 
	{
   		background-color: #24331F;
    	color: #ACA375;
	}
	
/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////// Dropdown //////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

li a, .dropbtn 
	{
   		display: inline-block;
		text-align: center;
    	padding: 14px 16px;
    	text-decoration: none;
	}

li a:hover, .dropdown:hover .dropbtn 
	{
    	background-color: #24331F;
    	color: #ACA375;
	}

li.dropdown {display: inline-block;}

.dropdown-content 
	{
		display: none;
		position: absolute;
		background-color: #ACA375;
		min-width: 100px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}

.dropdown-content a 
	{
    	color: black;
    	padding: 12px 16px;	
    	text-decoration: none;
    	display: block;
		text-align: left;
		border: 1px solid #000000;
	}

.dropdown-content a:hover {background-color: #24331F}
.dropdown:hover .dropdown-content {display: block;}

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////// Site Text & Roster Content /////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

a
	{
		color: #000000;
		text-decoration: none;
	}

h
	{
		font-size: 18px;
		text-indent: 0px;
		text-shadow: 0px 1px 1px black, 0 0 2px limegreen;
	}

j
	{
		font-size: 20px;
		text-shadow: 0px 1px 1px black, 0 0 2px limegreen;
	}

#sitetxt
	{
		height: 100%;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
		font-size: 16px;
		overflow: none;
		background-color: #ACA375;
		color: black;
		text-align: relative;
		position: static;
		width: 94%;
		margin-right: 5%;
		margin-left: 5%;
		min-width: 640px;
		padding-top: 2%;
		padding-right: 3%;
		padding-left: 3%;
		padding-bottom: 100%;
		box-shadow: 0 4px 8px 5px rgba(22, 22, 22, 0.75), 0 6px 2px 0px rgba(22, 22, 22, 0.19);
		border-radius: 20px;
	}
	
#rosters
	{
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
		font-size: 16px;
		overflow: none;
		border: 10 px solid black;
		background-color: #ACA375;
		color: black;
		text-align: center;
		position: static;
		width: 98%;
		padding-top: 1%;
		padding-right: 1%;
		padding-left: 1%;
		min-width: 640px;
		margin-top: 3%;
		margin-bottom: 5%;
		margin-right: 5%;
		margin-left:5%;
		padding-bottom: 100%;
		box-shadow: 0 4px 8px 5px rgba(22, 22, 22, 0.75), 0 6px 2px 0px rgba(22, 22, 22, 0.19);
		border-radius: 20px;
	}
	
th 
	{
    	background-color: #24331F;
    	color: #ACA375;
	}
	
table {border-collapse: collapse;}	
table, th, td {border: 1px solid #24331F;}	
tr:hover {background-color: #BEBF90}

img {
   		max-width: 100%;
    	height: auto;
	}	
	
#body-images
	{
		float: center; 
		text-align: center;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: auto;
	}
	

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////// Contact Page /////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

#contactbox
	{
		height: 100%;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
		font-size: 16px;
		overflow: none;
		background-color: #ACA375;
		color: black;
		text-align: relative;
		position: static;
		width: 95%;
		margin-right: 5%;
		margin-left: 5%;
		min-width: 640px;
		padding-top: 0%;
		padding-right: 0%;
		padding-left: 5%;
		padding-bottom: 100%;
		box-shadow: 0 4px 8px 5px rgba(22, 22, 22, 0.75), 0 6px 2px 0px rgba(22, 22, 22, 0.19);
		border-radius: 20px;
	}

input[type=button], input[type=submit], input[type=reset] 
	{
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
		font-size: 14px;
   		background-color: #24331F;
    	border: none;
    	color: #ACA375;
    	padding: 16px 32px;
    	text-decoration: none;
    	margin: 4px 2px;
    	cursor: pointer;
 	}
 
input[type=text]:focus {border: 3px solid #24331F;} 
 
textarea 
	{
   		width: 540px;
    	height: 150px;
    	padding: 12px 20px;
    	box-sizing: border-box;
    	border: 2px solid #ccc;
    	border-radius: 8px;
    	background-color: white;
    	resize: none;
 	}
	
/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////// End /////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/