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



input[type=text] {
  border: 2px solid blue;
  border-radius: 4px;
	color:black;
	font-weight: bold;
	font-size:14px;
}

.wwsheader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: blue;
	font-weight : bold;
    font-size : 14pt;
	line-height : 120%;
}

.wwscontentsmall {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size : 8pt;
    font-weight : normal;
}

.wwscontent {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000000;  /* black */
	font-size : 10pt;
    font-weight : normal;
}

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


body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background: url(gradient.svg); background-size:100% 100%; height:100%;
}


body a:link, .navbutton a:visited {
   color: blue;
}


.nomobile {
	display:none;
}

.mobile {
	display:block;
}



/* Layout Structure */
header {
	margin: -4px;
	background-color: #3B3BFF;
	width: 100%;
	-moz-box-shadow: 0 8px 8px #888;
	-webkit-box-shadow: 0 8px 8px#888;
	box-shadow: 0 8px 11px #888;
}

#headerfarleft {
	float:left;
	width:15%;
	margin-top:10px;
	margin-left:5px;
}


#headerleft {
	float:left;
	width:20%;
}

#headerright {
	float:right;
	width:60%;
}

#topquote {
	text-align:center;
	font-size:16px;
	color:blue;
}

#mainbody {
	 width:98%;
}

#gutter {
	float:left;
	width:3%;
	padding:4px;
}

#navigator {
	display:none;
}

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

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

.imgalign {
	text-align:center;
	border: 2px solid blue;
}

.videos {
	width: 260px;
	height: 146px;
}


.bigvideos {
	width: 260px;
	height: 146px;
}

.youtube {
	width: 260px;
	height: 146px;
}

.youtubespacing {
	margin-bottom:26px;
}


.quoteindent {
	margin-left:40px;
}

.quoteauthorindent {
	margin-left:45px;
}

.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;
}

.headline {
	font-family: Times New-Roman, Times, serif;
	font-size: 22px;
	 font-weight:bold;
	 text-align: center;
}

.headlines {
	 margin-bottom: 20px;
}

.headline a {
   color: blue;
	 text-decoration: none;
}

.headline a:hover {
   color: blue;
	 text-decoration: none;
}

.headescr {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	margin-top: -16px;
}

/*  Start with hack fixes   */
/* Hides from IE-mac \*/
* html .whisperer {height: 1%;}
/* End hide from IE-mac */


#whisperer {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:left;
   width:90%;
   padding:6px;
   margin: 8px auto 0 auto;
   background-color: white;
   border:3px solid blue;         /*   was #3B3BFF */
	-moz-box-shadow: 0 5px 16px #000000;
	-webkit-box-shadow: 0 5px 16px #000000;
	box-shadow: 0 5px 16px #000000;
}


#footquote {
	text-align:left;
}


#copyright {
	text-align:center;
}

.aboutus {
	display:block;
	margin-bottom:8px;
	text-align:left;
}

.pagetitle {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:14px;
 color:blue;
}

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

.largertext {
	line-height:120%;
	font-size:14px;
	font-family: Tahoma,Verdana,Geneva,Arial,sans-serif;
}

.sidebox {
   border:2px solid #31CE84;
   -moz-border-radius: 16px;
   -webkit-border-radius: 16px;
   border-radius: 16px;
   margin-bottom: 24px;
}

.sidebox a {
   margin-left:16px;
}

.sideboxtitle {
  color: white;
  text-align:center;
  height:30px;
  padding-top:6px;
  font-weight:bold;
  font-size:16px;
   -moz-border-radius: 12px 12px 0 0;
   -webkit-border-radius: 12px 12px 0 0;
   border-radius: 12px 12px 0 0;
	background-color: #329F3F;
	background-image: linear-gradient(top,#89D668 0%,blue 100%);
	background-image: -moz-linear-gradient(top,#89D668 0%,blue 100%);
	background-image: -webkit-linear-gradient(top,#89D668 0%,blue 100%);
	background-image: -o-linear-gradient(top,#89D668 0%,blue 100%);
}




footer {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:left;
   width:75%;
   padding:12px;
   margin: 24px auto 12px auto;
   background-color: white;
   border:2px solid blue;
	-moz-box-shadow: 0 5px 10px #000000;
	-webkit-box-shadow: 0 5px 10px #000000;
	box-shadow: 0 5px 10px #000000;
}



.rsstext {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 13px;
}

.rsstext a {
   color: #228AE2;
   font-weight: bold;
}

.rssdescription {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 10pt;
   color: black;
   font-weight:normal;
}

#topmenu {
	display:none;
}


#hamburgtext {
	position:absolute;
	top: 0;
	left: 90px;
	width:120px;
	font-size:18px;
	font-weight:bold;
	padding:10px 0 0 10px;
	line-height:200%;
}

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

.hamburg-content {
    display: none;
    position: absolute;
		left:0;
		padding:2px;
    background-color: #f9f9f9;
    min-width: 160px;
    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;
    text-decoration: none;
    display: block;
}

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

.showburg {display:block;}