article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
  display:block
}



html,body
{
margin:0;
padding:0;
}

.socialimgs {
	position: fixed;
	margin-top: 100px;
	width: 50px;
	z-index: 10;
}


#topmenu {
width:100%;
height:200px;
padding:10px;
background-image:    url(earthpic.jpg);
background-size:     cover;
background-repeat:   no-repeat;
background-position: center center;
}

#headermenu {
width:100%;
height:75px;
margin:12px 0;
}


#hamburgtext {
	display:none;
}

.pagewidth {
	margin: 0 auto;width:70%;
}

.columns {
	float:left;width:42%;
}


.loginleft {
		float:left;width:40%;
}


.loginright {
		float:left;width:55%;
}

.thirds {
		float:left;width:33%;
}

.lesonbuttons {
	float:left;
	width:23%;
}

.registerleft {
		float:left;width:55%;
}

.registerright {
		float:left;width:42%;
}

.registerpay {
		float:left;width:45%;
}

.nomobile {
	display:block;
}

.mobile {
	display:none;
}

.menulinks {
	font-family: Magra,Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.menulinks a:link {
  color:navy;
  text-decoration: none;
} 

.menulinks a:visited {
  color:navy;
  text-decoration: none;
} 

.menulinks a:hover {
  color: red;
  text-decoration: underline;
} 



.menulinkswhite {
	font-family: Magra,Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.menulinkswhite a:link {
  color:white;
  text-decoration: none;
} 

.menulinkswhite a:visited {
  color:white;
  text-decoration: none;
} 

.menulinkswhite a:hover {
  color: red;
  text-decoration: underline;
} 


.linkslist {
	font-family: Magra,Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}

.linkslist a:link {
  color:navy;
  text-decoration: none;
} 

.linkslist a:visited {
  color:navy;
  text-decoration: none;
} 

.linkslist a:hover {
  color: red;
  text-decoration: underline;
} 

#whisperer {
   text-align:left;
   width:94%;
	 margin: 0 auto 0 auto;
}

.compact {
   width:80%;
	 margin: 0 auto 0 auto;
}


.bighead {
	font-family: Magra,Helvetica, sans-serif;
	font-size: 44px;
	font-weight: bold;
  line-height: 50px;
	margin-bottom: -16px;
	color:navy;
}

.pagehead {
	font-family: Magra,Helvetica, sans-serif;
	font-size: 44px;
	font-weight: bold;
  line-height: 50px;
	color:navy;
}

.subhead {
	font-family: Magra,Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	color:navy;
}

.textdown {
	margin-top:6px;
}


.bigtext {
	font-family: "Red Hat Display",Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}

.maintext {
	font-family: "Red Hat Display",Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: normal;
	text-align: justify;
}

.articletext {
	font-family: Magra,Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	text-align: justify;
}

.subtext {
	font-family: "Red Hat Display",Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: normal;
}

.heading {
	font-family: Magra,Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	text-align:center;
	color: navy;
}

.squeezehead {
	width:60%;
	margin:0 auto;
}

.separator {
	margin-top:32px;
}

.whitetext {
	color:white;
}

.greenbkgnd {
		background-color:green;
}

.goldbackground {
		background-color:#D96800;
}

.blueborder {
	border:2px solid blue;
}

.lightgreenborder {
	border:2px solid #4CFF00;
}

.greybkgnd {
	background-color:#CCCCCC;
}

.yellowbkgnd {
	background-color:yellow;
}

.skyblue {
	background-color:#8FA1D5;
}

.nightblue {
	background-color:#031320;
}


.box {
	padding:16px;
}

.smallbox {
	padding:6px;
}


#footer {
	padding:20px;
	margin-top:64px;

}

.halfside {
	float:left;
	width:48%;
}

.youtube {
	width:560px;
	height:315px;
}


.wwsbuttonlink {
  display: inline-block;
  *display: inline;
  padding: 6px 12px;
  margin: 0;
	font-weight:bold;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;

  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-color: #269CE9;
  border-color: #269CE9;
}


.wwsbuttonlink:hover{
  background-color: #ABEAAB;
	color: green;
}

.wwsbuttonlink:active{
  background: #269CE9;
}