/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 6, 2016, 10:07:25 AM
    Author     : jamreynolds
*/
html, body {
text-align: center;
background-color: black;
width: 100%;
height: 100%;
min-height: 100%;
position: relative;
margin: 0px;
font-family: verdana;
}
#fullBack {
    height: 100%;
    z-index: 1;
    position: fixed;
    top: 70px;
    left: 350px;
    opacity: 0.6;
}
#pageBlock{
    height: 100%;
    width: 900px;
    left: 500px;
    position: fixed;
    background-color: black;
    box-shadow: 0px 0px 25px 4px black;
    z-index: -1;
    margin: 0px auto !important;
    max-width: 900px;
    min-width: 410px;
}
#navBox{
    height: 100px;
    width: 90%;
    border: 2px solid white;
    border-radius: 8px;
    background-color: transparent;
    z-index: 999;
}
.PAGE-DECK {
position: relative;
text-align: center !important;
width: 100%;
height: 100%;
margin: 0px;
background-color: black;
}
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}
#contentbg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#contentbg img {
  position: absolute;
  opacity: 0.6;
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 80%;
  min-height: 100%;
}
#modalBox{
    padding: 15px; 
    text-align: left; 
    width: 90%; 
    max-width: 800px; 
    background-color: white; 
    color: black; 
    border-radius: 4px; 
    display: none; 
    border: 3px solid white;
    z-index: 101; 
    margin: 5px auto;
    max-height: 300px;
    overflow: auto;
}
#closeModal{
    font-size: 10px;
    position: relative;
    height: 25px;
    width: 70px;
    background-color: #CFCFCF;
    color: black;
    border: none;
    text-align: center;
    float: right;
}
#modalBoxContainer{
    text-align: center; 
    z-index: 101; 
    width: 100%;
    height: 100%;
    position: absolute; 
    display: none;
    padding-left: 8px;
}
#modalScreenCoatBOT{
    text-align: center; 
    background-color: black; 
    opacity: 0.8; 
    z-index: 101; 
    position: fixed; 
    display: none;
    height: 100%;
    width: 100%;
}
#modalScreenCoatTOP{
    z-index: 101; 
    position: fixed; 
    display: none;
        height: 100%;
    width: 100%;
}
.homepagebodyLEFT {
  float: left; max-width: 500px; width: 100%; margin: 0px auto;
}
#bracketsReleasedMobile {display: none;}
.BODY-CONTAINER {
  text-align: center;
  background-color: transparent;
  max-width: 1100px;
  width: 100%;
  margin: 0px auto;
  z-index: 1;
  animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.PAGETITLE {
text-align: center;
font-family: Verdana;
font-size: 28px;
color: #FFFFFF;
margin: 0px;
}
.SUBTITLE {
text-align: center;
font-family: Verdana;
font-size: 14px;
color: #FFFFFF;
margin: 0px;
}
.FOOTERCONTAINER {
width: 100%;
background-color: #000000;
padding-top: 15px;
padding-bottom: 15px;
float: left;
margin: 0px;
}
.PAGEFOOTER {
text-align: center;
font-family: Verdana;
font-size: 14px;
padding-top: 15px;
padding-bottom: 15px;
color: #FFFFFF;
margin: 0px;
}
.HEADERCONTAINER {
background-color: black;
padding-top: 15px;
margin-top: 0px;
margin-bottom: 0px;
z-index: 3;
}
a:link, a:visited {
text-decoration: none;
color: royalblue;
}
a:hover {
background-color: lightgray;
}
#mobilestandings {display:none};
#desktopstandings {display: inline-block;};

.myALERTBUTTON {
width: 475px; border: 2px solid darkgray !important; background-color: #FFFFFF !important; color: #000000 !important; cursor: pointer !important; padding: 5px !important; border-radius: 8px !important;
-webkit-transition-duration: 0.8s; /* Safari */
transition-duration: 0.8s;
}
.myALERTBUTTON:hover {
background-color: #000000 !important;
border: 2px solid white !important;
color: #FFFFFF !important;
-webkit-transition-duration: 0.8s; /* Safari */
transition-duration: 0.8s;
}
.myDOCBUTTON {
width: 100%; border: 2px solid darkgray !important; background-color: #FFFFFF !important; color: #000000 !important; cursor: pointer !important; padding: 5px !important; border-radius: 8px !important; margin-top: 15px;
-webkit-transition-duration: 0.8s; /* Safari */
transition-duration: 0.8s;
}
.myDOCBUTTON:hover {
background-color: black !important;
border: 2px solid white !important;
color: #FFFFFF !important;
-webkit-transition-duration: 0.8s; /* Safari */
transition-duration: 0.8s;
}
.ENTRYTEXT {
position: relative;
float: left;
max-width: 465px;
width: 100%;
border: 2px solid #FFFFFF;
background-color: #FFFFFF;
padding: 15px;
font-family: Verdana;
font-size: 14px;
color: black;
text-align: left;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
}
.WEATHERBOX {
position: relative;
float: left;
max-width: 465px;
width: 100%;
border: 2px solid #FFFFFF;
background-color: #FFFFFF;
padding: 15px;
font-family: Verdana;
font-size: 16px;
color: black;
text-align: left;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
}
/* <!-- This next section of code applies only to the By-Laws --> */
.BYLAWheader {
    margin-left: 5px;
    text-align: left;
    font-family: Verdana;
    font-size: 24px;
    color: white;
}
.BYLAWupdatedtext {
    margin-left: 5px;
    margin-bottom: 15px;
    text-align: left;
    font-family: Verdana;
    color: white;
    font-size: 12px;
}
.BYLAWboard {
    margin-left: 5px;
    margin-bottom: 15px;
    text-align: left;
    font-family: Verdana;
    color: white;
    font-size: 14px;
}
/*----- BYLAWS Accordion -----*/
.main {
    margin-right: 5px;
    margin-bottom: 5px;
    width:100%;
    text-align: left !important;
    float: left;
}
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
        width:100%;
}

.accordion {
	overflow:hidden;
        width:100%;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:3px !important;
	background:#f7f7f7;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
        text-align: left !important;
	padding:5px;
	display:inline-block;
	border-bottom:1px solid #1a1a1a;
	background:#333;
	transition:all linear 0.15s;
	/* Type */
	font-size:13px;
        font-family: Verdana;
	text-shadow:0px 1px 0px #1a1a1a;
	color:#FFFFFF !important;
}
.accordian-section {
    width:100%;
    text-align: left;
}
.accordion-section-title.active, .accordion-section-title:hover {
	background:#4c4c4c;
	/* Type */
	text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}
/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
        font-family: Verdana;
        font-size: 12px;
        text-align: left;
	display:none;
        width:100%;
}
/* Fade in the body container */
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* TOP NAV */
ul.topnav {
  list-style-type: none;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  overflow: hidden;
  font-family: Verdana;
  background-color: black;
}

ul.topnav li {text-align: center; display:inline-block;}

ul.topnav li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 14px;
}

ul.topnav li a.active {
    background-color: #FFFFFF;
    color: black;
    font-weight: bold;
}

ul.topnav li a:hover:not(.active) {
    background-color: #FFFFFF;
    color: black;
}

ul.topnav li.icon {display: none;}
ul.topnav li.miniTitle {display: none;}
#mobileCONTACTS {display:none}
#toptenmobile {display: none;}
/* THINGS THAT HAPPEN WHEN THE SCREEN GETS SMALLER */
@media screen and (max-width:975px) {
  ul.topnav li {display: none;}
  ul.topnav li.icon {
    float: left;
    display: inline-block;
    left: 0px;
    position: absolute;
  }
  ul.topnav li.miniTitle {
    display: inline-block;
    float: left;
  }
  #bracketsReleasedMobile {display: inline;}
  #bracketsReleasedDesktop {display: none;}
  #HPbackground {display: none;}
  .homepagebodyLEFT {float: none; text-align: center;}
  #fieldpic {float:none !important; margin: 0px auto !important;}
  .WEATHERBOX {margin:15px auto !important;}
  .ENTRYTEXT {float: none !important; margin: 5px auto !important;}
  #standingsupdated {margin-top: 15px !important;}
  #homepagestanding {margin-top: 5px !important;}
  .PAGETITLE {display: none;}
  .SUBTITLE {display: none;}
  /*.HEADERCONTAINER {display: none}*/
  #homepagebody {float:none;}
  #desktopCONTACTS {display:none}
  #mobileCONTACTS {display:inline-block}
  #desktopstandings {display:none;}
  #mobilestandings {display:inline-block;}
  #toptendesktop {display: none;}
  #toptenmobile {display: inline-block;}
}

@media screen and (max-width:975px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    left: 0px;
    top: 0;
  }
  ul.topnav.responsive li.miniTitle {
    position: absolute;
    float: left;
    display: none;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  ul.topnav.responsive li a.active {
    background-color: #000000;
    color: white;
    font-weight: normal;
  }
  ul.topnav.responsive li a:hover {
    background-color: #FFFFFF;
    color: black;
  }
}
#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:50px;
   width:100%;
   background:#000000;
}
table.standings{
    border: 10px solid white;
    max-width: 900px;
    font-family: Verdana;
    background-color: white;
    margin: 0px auto;
}
/*Stats Entry System*/
.enterStats{
    background-color: white;
    margin: 0px auto;
    color: black;
    max-width: 90%;
    text-align: left;
    padding: 10px;
}