body { background-color: #000000;
      color: #666666;
	  font-family: Arial, Helvetica, sans-serif;
	  background-image: none;
	  background-repeat: no-repeat;}
#wrapper { width: 80%;
           margin-left: auto;
		   margin-right: auto;
		   background-color: #CCCCCC;
		   min-width: 960px;
		   max-width: 2048px;}
header { background-color: #000000;
       color: #FFFFFF;
	   background-image: url(header.jpg);
	   background-position: center;
	   background-size: 135% 135%;
	   background-repeat: no-repeat;
	   text-align: center;
	   height: 70px;
	   padding-top: 60px;}
h1 { margin-bottom: 0;
    margin-top: 0;
    font-family: Georgia, "Times New Roman", serif;
    text-shadow: 2px 2px 2px #000;} 
p {color: #000000;}
nav {font-weight: bold; 
	 padding: 20px;
	 float: left;
	 width: 130px;
	 margin-top: 8px; }
nav ul { list-style-type: none;
		 margin: 0;
		 padding-left: 0;
		 font-size: 1.2em; }
nav a:link { color: #CC0000; }
nav a:visited { color: #666666 }
nav a:hover { color: #000000; }
nav a { text-decoration: none; }
main { padding: 1px 20px 30px 30px; 
      display: block;
      background-color: #FFFFFF;
      margin-left: 0px;}
mainpics { padding: 1px 20px 20px 30px; 
      display: block;
      background-color: #000000;
      margin-left: 170px;
      margin-right:15px}
h2 { color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #ccc;}
h3 { color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #ccc;
	text-align: center;}  
h4 { color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 15px;
	margin-left: 170px; }  
h5 { color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 15px;
	margin-left: 220px; } 
iframe {position: relative;}	
#iframes {margin-left: 140px;}
footer { font-size: 75%;
		color: #000000;
       font-style: italic;
	   font-family: Georgia, "Times New Roman", serif;
	   text-align: center;
	   padding: 20px;
	   margin-left: 180px;
	   margin-right: 180px;}
		   
#team { background-image: url(team.jpg);
		height: 500px; 
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin-left: 180px; 
		margin-top: 20px;
		margin-bottom: 20px;
		margin-right:20px}
		
#pictures { position: relative;
			height: 600px; }
#pictures ul {list-style-type: none;
    width: 300px; }
#pictures li { display: inline; 
     float: left;
	 padding: 10px; }
#pictures img { border-style: none; }
#pictures a { text-decoration: none;
             font-style: italic;  
             color: #eaeaea; }
#pictures span { position: absolute;
                left: -1000px;
               opacity: 0;
              transition:  opacity 2s ease-in-out; }
#pictures a:hover span {     
			position: absolute;
			top: 140px;
			left:333px; 
			text-align: center; 
            opacity: 1; }
#states {float: right; padding-top: 47px;}

#links a:link { color: #CC0000;}
#links a:visited {color: #666666}
#links a:hover {color: #000000;} 

table { border: 1px solid #CC0000; width: 80%; border-spacing: 0; }
td, th {padding: 5px; border: 1px solid #CC0000; }
th {color: #CC0000;}
td {text-align: center; }
tr:nth-of-type(even) {background-color: #CCCCCC;}
tbody { color: #000000;}

.league table { border: 1px solid #000000; width: 80%; border-spacing: 0; }
.league td, .league th {padding: 5px; border: 1px solid #000000; }
.league th {color: #000000; background-color: #CCCCCC;}
.league td {text-align: center; }
.league tr:nth-of-type(1) {background-color: #006699;}
.league tr:nth-of-type(2) {background-color: #CC0000;}
.league tr:nth-of-type(3) {background-color: #993333;}
.league tr:nth-of-type(4) {background-color: #006699;}
.league tr:nth-of-type(5) {background-color: #FF9900;}
.league tr:nth-of-type(6) {background-color: #CC0000;}
.league tr:nth-of-type(7) {background-color: #006699;}
.league tr:nth-of-type(8) {background-color: #993333;}
.league tr:nth-of-type(9) {background-color: #CC0000;}
.league tr:nth-of-type(10) {background-color: #006633;}
.league tr:nth-of-type(11) {background-color: #006699;}
.league tr:nth-of-type(12) {background-color: #CC0000;}
.league tbody { color: #CCCCCC;} 

label {float: left; display: block; 
		text-align: right; width: 120px; 
		padding-right: 10px; }
input, textarea {display: block; margin-bottom: 20px; }
input[type="submit"] {margin-left: 130px; }
input[type="radio"] {margin-left: 130px; }

#newsletter { padding: 10px; width: 300px; float: right; border: solid; border-width: 2px; border-color: #000000; border-radius: 25px;}

#tab {margin-left:40px}
#tab2 {margin-left:95px}
		   
#mobile {display: none}
#desktop {display: inline}

header, main, nav, aboutus, footer, figure, figcaption, aside, section, article {display: block;}

@media only screen and (max-width: 64em) {
 body {margin: 0; background-color: #FFFFFF;}
 #wrapper {min-width: 0; width: auto; box-shadow: none; }
 main {margin-left: 0;}
 nav {float: none; width: auto; text-align: center; padding: 0.5em;}
 nav li {display: inline; padding-top: 0.25em; padding-right: 0.75em; 
 padding-bottom: 0.25em; padding-left: 0.75em;}
 footer {text-align: center;}
 #team {margin-left: 0; margin-right: 0;}
 #states {display: none} }

@media only screen and (max-width: 37.5em) {
header {padding-top: 1em;}
main {padding-top: 0.1em; padding-right: 1em; padding-bottom: 0.1em; padding-left: 1em; font-size: 90%; }
h1 {font-size: 1.5em;}
nav {padding: 0; }
nav li {display: block; margin: 0; border: solid; border-bottom: 2px; border-color: #CCCCCC; background-color: #FFFFFF}
nav a {display: block;}
iframe {display: none}
#mobile {display: inline;}
#desktop {display: none;}
#states {display: none} 
#newsletter {display: none;} }