@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: 'Cooper';
	src: url('Cooper-Heavy.eot');
	src: url('Cooper-Heavy.eot?#iefix') format('embedded-opentype'),
		url('Cooper-Heavy.woff2') format('woff2'),
		url('Cooper-Heavy.woff') format('woff'),
		url('Cooper-Heavy.ttf') format('truetype'),
		url('Cooper-Heavy.svg#Cooper-Heavy') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Prognostic';
	src: url('fonts/prognostic/Prognostic.eot');
	src: url('fonts/prognostic/Prognostic.eot?#iefix') format('embedded-opentype'),
		url('fonts/prognostic/Prognostic.woff2') format('woff2'),
		url('fonts/prognostic/Prognostic.woff') format('woff'),
		url('fonts/prognostic/Prognostic.ttf') format('truetype'),
		url('fonts/prognostic/Prognostic.svg#Prognostic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'My Girl Is Retro';
		src:url('fonts/mygirlisretro/MyGirlIsRetro.eot');
		src:url('fonts/mygirlisretro/MyGirlIsRetro.eot?#iefix') format('embedded-opentype'),
		 	url('fonts/mygirlisretro/MyGirlIsRetro.woff2') format('woff2'),
		 	url('fonts/mygirlisretro/MyGirlIsRetro.woff') format('woff'),
		 	url('fonts/mygirlisretro/MyGirlIsRetro.ttf') format('truetype'),
		 	url('fonts/mygirlisretro/MyGirlIsRetro.svg#MyGirlIsRetro') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'lazer84';
		src: url('fonts/lazer84/lazer84.eot');
		src: url('fonts/lazer84/lazer84.ttf') format('truetype'),
	url('fonts/lazer84/lazer84.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lazer84/lazer84.woff') format('woff'); /* Pretty Modern Browsers */
}
@font-face {
	font-family: 'Orbitron';
	src: url('fonts/orb/Orbitron-Medium.eot');
	src: url('fonts/orb/Orbitron-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/orb/Orbitron-Medium.woff2') format('woff2'),
		url('fonts/orb/Orbitron-Medium.woff') format('woff'),
		url('fonts/orb/Orbitron-Medium.ttf') format('truetype'),
		url('fonts/orb/Orbitron-Medium.svg#Orbitron-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

.splashfont {
		font-family: 'My Girl Is Retro', Arial, Helvetica, sans-serif;
		color: orange; font-size: 2.5em;
}

.retrofont {
		font-family: 'lazer84', Arial, Helvetica, sans-serif;
		color: red;  font-size: 1em;
}

.orby {
		font-family: 'Orbitron', Arial, Helvetica, sans-serif;
		color: white;  font-size: 2em;
}

.prog {
		font-family: 'Prognostic', Arial, Helvetica, sans-serif;
		color: white;  font-size: 2.5em; padding-top: 20px;
}
.cooper-font {
		font-family: 'Cooper', Arial, Helvetica, sans-serif;
		color: white;  font-size: 2.5em; padding-top: 20px;
}

body {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	background-color: GhostWhite;
	/*background: FloralWhite;*/
}

#wrapper {
	width: 96%;
	margin-right: auto;
    margin-left: auto;
}

header {
	/*position: absolute;*/
	
	width: 97.9166667%;
	margin-left: 1.0416667%; /* 10 ÷ 960 */
	margin-right: 1.0416667%; /* 10 ÷ 960 */
	text-align: center;
	background-color: orange;
	/*background-size: 9%;*/
}

/*#header img  {
	max-width: 100%; width: 100%; opacity: 1; margin: 0%; padding-top: 0px; padding-left: 10%; padding-right: 0%; padding-bottom: 0%;
	}*/
	/*position: relative;*/

nav {
	/*height: 30px;*/
	/*color: white;
	width: 900px;*/
	position: relative; z-index: 2;
	margin: 0px auto;
	margin: 10px 0px 10px 0px;
	/*padding: 10px;*/
}
nav ul {
	text-decoration: none;
	list-style: none;
	text-align: center;
}

nav ul li {
	display: inline-block;
	margin-right: 2em;/* this spaces a gap between menu links */
	padding: 6px; /* this is for padding all 4 sides and pushes the nav bar out top and bottom */
}

nav a {
	/*color: white;*/
	color: GhostWhite;
	text-decoration: none;
	font-size: 1.1em;
}

#sidebar {
	width: 22.9166666%;
	margin-left: 1.0416667%; /* 10 ÷ 960 */
	margin-right: 1.0416667%;
	margin-bottom: 20px;
	float: left;
	background: LightGrey;
}

#content {
	width: 72.7083333%;
	margin-right: 1.0416667%;			 /* 10 ÷ 960 */
	margin-left: 1.0416667%;		 /* 10 ÷ 960 */
	float: right;
	background: LightGrey;
}

#content h3 {
	color:#818181;
}

/*#cooper-font-color {
	color:black;
}*/

#maps {
	width: 72.7083333%;
	max-width: 100%;
}

footer {
	float: none;
	width: 97.9166667%;
	margin-left: 1.0416667%; /* 10 ÷ 960 */
	clear: both;
	background-color: LightGrey;	
}



/* Code for the svg graphic */
/* End of code for the svg graphic */


   @media screen and (max-width: 959px) {
	   
	   header img {
	display: none;
	}
/*	   #wrapper {
			width: 100%;
	   }
		#sidebar {
			width: 30%;
			background: blue;			
		}
		#content {
			width: 70%;
			background: orange;			
		}
*/}
   @media screen and (max-width: 640px) {
	   
	   .prog {
		font-family: 'Prognostic', Arial, Helvetica, sans-serif;
		color: white;  font-size: 2.3em; padding-top: 17px;
		}
		nav a {
		font-size: 1.3em;
		}
		#sidebar {
			width: 97.9166667%;
			margin-left: 1.0416667%; /* 10 ÷ 960 */
			margin-right: 1.0416667%; /* 10 ÷ 960 */
			background: blue;			
		}
		#content {
			width: 97.9166667%;
			margin-left: 1.0416667%; /* 10 ÷ 960 */
			margin-right: 1.0416667%; /* 10 ÷ 960 */
			margin-bottom: 20px;
			background: orange;			
		}
		footer {
			width: 97.9166667%;
			margin-left: 1.0416667%; /* 10 ÷ 960 */
			margin-right: 1.0416667%; /* 10 ÷ 960 */
		}
}

   @media screen and (max-width: 320px) {
     #wrapper {
			width: 96%;
			margin-right: auto;
    		margin-left: auto;

	   }
		.prog {
				font-family: 'Prognostic', Arial, Helvetica, sans-serif;
				color: white;  font-size: 2.0em; padding-top: 14px;
		}
		nav a {
		font-size: 1.5em;
		}
}
/*potential colors:
Azure
*/
form label {
  display: inline-block;
  width: 225px;
  font-weight: bold;
}