* {
  margin: 0;
  padding: 0;
}

html {  
}

body {
  _width: 100%;
  background-color:white;
  font: 14px/20px Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  }
html, html a {
    -webkit-font-smoothing: antialiased !important;
}
#heading{position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:70px;
		text-align:center;
		font-weight:bold;
		color:white;
		z-index:1;
		background:url("geodark.png");
		box-shadow: 5px 5px 10px black;}
#links{margin-top:1%;
		margin-right:1%;}
#links a{position:relative;
top:-15px;
font-size:18px;
  color:white;
  padding-left:8px;
  font-family:'trebuchet ms', Helvetica, Arial, sans-serif;
  text-decoration:none;
  margin-right:1%;
  text-shadow: 1px 1px 1px black;}
#heading a:hover{color:#86c7e3;}
#heading p{margin-top:12px;
			font-size:16px;
			color:#ff6f53;
			padding-bottom:5px;
			margin-right:4.2%;
			font-size:1.68em;
			letter-spacing:-2px;
			line-height:1em;
			font-weight:lighter;}
#logo{
	padding:4px;

}

h1, h2
{font-weight:normal;}
h1
{font-size:20px;}
h2
{font-size:18px;}

#middle{width:100%;
			left:0%;
			top:130px;
			z-index:-2;
			 height:300px;
			 margin-top:2%;}

#outer
{margin-top:70px;
	margin-left:auto;
	margin-right:auto;

}

h1 {
  font: 40px/60px "Amatic SC", Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: 200;
  }

h2 {
  font: 16px/20px "Amatic SC", Helvetica, Arial, sans-serif;
  margin-bottom: 40px;
  }

#wrapper {
  padding: 20px;
  }




.footer {
  font-size: 11px;
  }

/* Callback example */

h3 {
  font: 20px/30px "Amatic SC", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #fff;
  }

.events {
  list-style: none;
  }


@media screen and (max-width: 600px) {
  h1 {
    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
  .callbacks_nav {
    top: 47%;
    }
  }
#key{text-align:center;}  
#key h2{font-size:2px;
		margin-left:auto;
		margin-right:auto;
		font-weight:bold;
		color:white;}
#key img {width:70%;
		margin-left:15%;
		margin-right:15%;
		margin-top:-60px;}
#bottom{width:100%;
		margin-left:0%;
		margin-right:0%;
		background:url("geo.png");
		margin-top:5px;
		box-shadow: 5px 5px 15px black;
		float:left;
		}
#bottomwrapper{width:90%;
		margin-left:auto;
		margin-right:auto;}
#calendar {float:left;
			margin-top:20px;
			padding:10px;
}

#calendar img{margin-top:-10px;
width:350px;}
#calendar p{font-family:'trebuchet ms', Helvetica, Arial, sans-serif;
			font-size:17px;
			width:350px;
			float:left;
			padding:30px;}

#who{background:url("kidsoftbw.jpg");
					margin-top:15px;
					text-align:left;
					padding:15px;
					float:left;}
		#whowrapper{width:92%;
					margin-left:auto;
					margin-right:auto;
					margin-top:2%;
					text-align:left;
					font-weight:bold;
					color:white;}
		#whowrapper h2{font-size:67px;
					text-align:center;
					font-weight:bold;
					margin-top:12px;
					margin-bottom:6px;
					padding:10px;
					text-shadow: 1px 1px 4px black;}
		
		#whotop{width:95%;
					background-color:#630460;
					margin-top:2%;
					padding:9px;
					border:15px solid orange;
					border-radius:25px;
					box-shadow: 0px 5px 15px black;
					opacity:0.80;
					filter:alpha(opacity=80); /* For IE8 and earlier */}
		#whowrapper p{font-size:15px;
				color:white;
				font-weight:lighter;
				padding-top:15px;
				width:95%;
				padding:10px;
				font-family:'trebuchet ms', Helvetica, Arial, sans-serif;}
		#whobottom{width:95%;
				margin-left:auto;
				margin-right:auto;
				margin-top:2%;
				background-color:#000000;
				padding:9px;
				border:15px solid #630460;
				border-radius:25px;
				box-shadow: 0px 5px 15px black;
				opacity:0.80;
				filter:alpha(opacity=80); /* For IE8 and earlier */}

		.info{list-style-type:none;
		padding:12px;}
		#whoright h2{color:#9cff00;
					text-shadow: 1px 1px 4px black;}
#events{background:url("geoy.jpg");
		width:100%;
		padding:15px;
		float:left;}
#events h3{font-family:'Amatic SC', Helvetica, Arial, sans-serif;
			font-size:88px;
			text-shadow: 1px 1px 4px black;
			padding: 1px;
			margin-left:20px;
			color:white;
			font-weight:bold;
			float:left;
			text-align:left;}
#(rev)events img{position:relative;
			top:50px;
			left:-370px;}
#specs{
margin-left:5%;
float:left;}
#events img{padding:15px;
			max-height:440px;}
#events h6{text-decoration:none;
		color:#ff5d47;
		font-weight:bold;
		font-family:'Amatic SC', Helvetica, Arial, sans-serif;
		font-size:34px;
		text-shadow: 1px 1px 1px black;
		padding:10px;}

.events{float:left;
			width:55%;
			font-family:'Trebuchet MS', Helvetica, Arial, sans-serif;
			color:black;
			font-weight:lighter;
			text-align:right;
}




#getinvolved{background:url("geo.png");
		margin-top:-10px;
		width:98%;
		margin-left:1%;
		box-shadow: 10px 10px 15px gray;
		margin-bottom:35px;
		float:left;}
#text{width:50%;
	margin:1%;
	float:left;}
#getinvolved h2{font-family:'Amatic SC', Helvetica, Arial, sans-serif;
			color:white;
			font-weight:bold;
			font-size:7em;
			padding:8px;
			text-shadow: 3px 3px 10px black;}
#getinvolved h6{font-family:'Amatic SC', Helvetica, Arial, sans-serif;			
			color:white;
			font-weight:bold;
			font-size:35px;
			padding:18px;
			margin-left:55px;
			text-shadow: 1px 2px 1px black;
			opacity:0.80;
			filter:alpha(opacity=80); /* For IE8 and earlier */}
#getinvolved p{font-family:'Trebuchet ms', Helvetica, Arial, sans-serif;			
			color:yellow;
			font-size:22px;
			letter-spacing:-2px;
			line-height:1em;
			text-align:left;
			padding-top:10px;
			padding-left:85px;
			text-shadow: 1px 1px 2px black;}
#getimg{width:35%;
				text-align:right;
				float:left;}
#getimg img{width:100%;
			margin-top:20px;
			border:10px solid #ff5d47;
			border-radius:25px;
			box-shadow: 0px 5px 15px black;
			max-height: 380px;
			max-width:380px;}
			
#sponsorswrapper{
				left:-1%;
                width:102%;
				background-color:white;
				padding:10px;}
#sponsors{width:780px;
			margin-top:-22px;
			margin-left:auto;
			margin-right:auto;}
#sponsors a{text-decoration:none;
			font-size:12px;
			font-color:black;}