img {
    max-width: 100%;
    height: auto;
}

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

.mobileadjust {
	width:98%;
}

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

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

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

.bigtext {
	font-family: Magra,Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

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

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

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

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

.subtext {
	font-family: Magra,Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
}



.textdown {
	margin-bottom:-28px;
}

.squeeze {
	padding: 0 20px;
}

.socialimgs {
	position: absolute;
	width: 140px;
	top: 12px;
	left: 160px;
	width:120px;
}

.breaking {
	float:left;
	width:22%;
	padding:6px;
}

#topmenu {
	display:none;
}


#headermenu {
	display:none;
}

.columns {
	margin-top:24px;;
}


.loginleft {
		margin-top:2px;
}


.loginright {
		margin-top:16px;
}

.thirds {
		margin-top:24px;
}

.lesonbuttons {
		margin-top:24px;
}

.registerleft {
		margin-top:16px;
}

.registerright {
		margin-top:16px;
}

.registerpay {
		margin-top:16px;
}

.nomobile {
	display:none;
}

.mobile {
	display:block;
}


#hamburgtext {
	margin-top:8px;
}

.hamburg {
    position: relative;
    display: inline-block;
}



.hamburg-content {
    display: none;
    position: absolute;
		left:-120px;
		padding:2px;
    background-color: #f9f9f9;
    min-width: 160px;
		line-height:200%;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
		border:2px solid blue;
}

.hamburg-content a {
		color:blue;
    padding: 2px 6px;
		font-weight:bold;
    text-decoration: none;
    display: block;
}

.hamburg a:hover {background-color: #f1f1f1}

.showburg {display:block;}

.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: 18px;
	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;
} 

#mainbody {
	 width:98%;
}

#whisperer {
   text-align:left;
   width:96%;
   padding:4px;
   margin: 4px auto 0 auto;
   background-color: white;
}

.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:6px;
	margin-top:28px;

}


.youtube {
	width:280px;
	height:157px;
}