*{
	margin:0px;
	padding:0px;
	box-sizing: border-box;
}

html, body {
	color: #fff;
	background-color: rgba(92,164,244,1) 100%;
	background: -webkit-linear-gradient(rgba(0,0,50,1) 0%,rgba(92,164,244,1) 100%); /*Safari 5.1-6*/
	background: -o-linear-gradient(rgba(0,0,50,1) 0%,rgba(92,164,244,1) 100%); /*Opera 11.1-12*/
	background: -moz-linear-gradient(rgba(0,0,50,1) 0%,rgba(92,164,244,1) 100%); /*Fx 3.6-15*/
	background: linear-gradient(rgba(0,0,50,1) 0%, rgba(92,164,244,1) 100%); /*Standard*/
	font-family: verdana,Proxima Nova, Gibson, avenir;
	font-size: 100%;	
	height: 100%;
	min-height:100%;
	line-height:1.5em;
}

a{
text-decoration: none;
color: inherit;
}

img{
max-width: 100%;
}

table{
margin-top:1em;
width:90%;
text-align:center;
color: #002255;       
}

h2{
text-align: center;   
}

hr{
background-color: rgba(0,255,0,255);
}

.mobileContentArea{
display:none;
visibility:hidden;	
}

textarea{
width:70%;
margin:0px auto;
background:#e0e2e5	;
}

.studentLockerButton{
float:right; 
width:240px; 
margin-top:-60px; 
margin-right:30px;	
}

.studentLessonLogoutButton{
float:right; 
width:140px; 
height:40px;
font-size:1.25em;
margin-top:50px; 
margin-right:30px;
background:rgba(0, 255, 0, 255);
border-radius:15px;
}

.loginInputs{
width: 85%;
padding: 10px;
margin: 4px 48px;
display: inline-block;
border: 1px solid #ccc;
background:#e0e2e5;
font-size:16px;
}

/* The Modal (background) */
.modal {
display:none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
}

/* Modal Content Box */
.modal-content {
background-color: #fefefe;
margin: 4% auto 15% auto;
border: 1px solid #888;
width: 40%; 
padding-bottom: 30px;
}
	
.smallScreen input[type="radio"]{
display:block;
float:left !important;
margin-left:4px !important;

}

.inputHolder{
width:100%;
height:24px;
margin-top:-50px;

}

.loginHolder1{
float:right;
width:500px;
clear:both;
margin-right:2em;
}

.leftSide{
float:left;
}

.rightSide{
float:right;
}

.buttonHolder{
float:right;
}

.slText{
	text-align:center;	
}
.padding20px{
	padding:20px;
}

.topPadding60px{
	padding-top:60px;	
}

.topPadding120px{
	padding-top:120px;
}

/************Contact Page CSS***********/
.contactPageContentArea{
	display:flex;
	height:100%;
	min-height:100%;
	color:#002255;
	padding:1.5em;
	background-color:#DBE2E3;
	margin-top: 0;
}

.contactInputWrapper{
	width:98%;
	margin:0px auto;
	text-align:center;
	border:2px solid green;
	padding:6px;	
}

[class*="contactCol-"] {
	float: left;
	display:block;
	padding:1.0em;
	margin-left:1em;
	margin-top: 0;	
	border-top: .175em solid #002255;
	background-color: white;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
	min-height:100%;
	height:100%;
}

.contactCol-1{
	display:none;
}

.contactCol-2{
	width: 48%; 
	max-height:	1050px;
}

.contactCol-3{
    width: 48%;
	margin:0px auto;
	max-height:	1050px;	
}

.contactCol-4{
	display:none;
}

.contactInput{
	padding:3px;	
}

.contactButton{
	padding:3px;
	margin:1.5em 2em 0;
	float:right;
}

.contactInputs{
width: 85%;
padding: 10px;
margin: 4px 48px;
border: 1px solid #ccc;
font-size:16px;
background:#e0e2e5;
}

.centerMessage{
width:100%;
display:block;
margin:0px auto;
text-align:center;
}

.contactMessageArea{
width: 85%;
padding: 10px;
margin: 4px 48px;
border: 1px solid #ccc;
font-size:16px;
background:#e0e2e5;
}

.mainQuestionBoxes{
	width:98%;
	padding:4px;
	border:1px solid blue;
	margin:0px auto;	
	display:flex;
}

.questionBox1{
	padding:6px;
	width:48%;
	text-align:left;
	border:1px solid blue;
	flex: 0 0 50%;
}
.firstAnswers{
	margin-left:10px;
	padding:1px;
	width:96%;
	text-align:left;
	display: block;
	
}

.block{
	display:block;
	text-align:left;
}

.questionBox2{	
	padding:6px;
	width:48%;
	text-align:left;
	border:1px solid blue;
	flex:1;
}

.secondAnswers{
	margin-left:10px;
	padding:1px;
	width:96%;
	text-align:left;
	display: block;
	
}

.contactPagePic{
	clear:float;
	display:block;
	min-height:100%;
    margin:0px auto;
    box-shadow:6px 4px 6px #C3C7C5;
    -moz-box-shadow:6px 4px 6px #C3C7C5;
    -webkit-box-shadow:6px 4px 6px #C3C7C5;
	}

.logoutHolder{

	width:100%;
	padding:3px;
}

.logout form{
	margin-top:-30px;
	margin-right:10px;
	padding:3px;
	float:right;
}

.changepwForm{
	
	display:none;
}

 .loginLine{
     float:left;
     padding-bottom: 4px;
 }
 
 .mainInput{
     float:right;
     padding-bottom: 4px;
     margin-top:-20px;
 }
 
 .userName{
     width:100%;
     clear:both;
    
 }
 
 .formInput{
     width: 100%;
    
 }
 
 .passWord{
      width:100%;
  
 }
 
 .formPW{
      width: 14em;
      
 }
 
 #loginSmall{
     display:none;
 }

 .whiteFont{
     color:#fff;
 }
 
 .buttonDown{
     vertical-align: bottom;
 }

#Wrapper{
    width: 100%;
    margin:5em auto -1.5em;
    position: relative;	
}

#wrapper:after{
	content:"";
	display:block;
	height:1.5em;
}

#footer{	
	margin-bottom: 0;
    position:absolute;
	width:100%;
	height:1.5em;
	background-color: #002255;
	border-top:.175em solid rgba(0,255,0,255);
	padding:.25em;
	float: left;
}

.leftFooterText{
	text-align:left;
	font-family: arial;
	font-size: .75em;
}

.centerFooterText{
	text-align:center;
	font-family: arial;
	font-size: .75em;
	margin-top: -1.0em;
}

.rightFooterText{
	text-align:right;
	font-family: arial;
	font-size: .75em;
	margin-top: -1.25em;
}

nav ul{	
	background-color: #002255;
	width: 100%;
	border-top: 1px solid rgba(0,255,0,255);
	border-bottom: .25em solid rgba(0,255,0,255);
	overflow: hidden;
	color: white;
	padding-left: 6em;
	padding-top: 1em;
	padding-bottom:.5em;
	font-size:1.1em;
	font-family: Titillium Web, Tahoma, Arial;
	-webkit-transition: max-height .4s;
		-ms-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-o-transition: max-height .4s;
		transition: max-height .4s;
}

nav ul li{
	display: inline-block;
	padding-right: .75em;
	padding-left: .75em;
}

nav ul li:hover{
	background-color: rgba(0,255,0,255);
	color:rgba(0,0,50,1);
}

.rightNavHighlight{
	border-right: .035em solid rgba(0,255,0,255);
}

.handle{
	width: 100%;
	text-align: right;
	box-sizing: border-box;
	padding-bottom: .25em;
	cursor: pointer;
	font-size: 1.25em;
	font-family: Titillium Web, Tahoma, Arial;
	display: none;
	background-color:#000050;
	
}

#Header{
	width: 100%;
	max-height:384px;
	background-color: #002255;	
	display:block;
}

.mainPic{
		
}

.contentArea{
    height:100%;
	min-height:100%;
	color:#002255;
	padding:1.5em;
	background-color:#DBE2E3;
	margin-top: 0;
}

.paymentContentArea{
	height:100%;
	min-height:100%;
	color:#002255;
	padding:1.5em;
	background-color:#DBE2E3;
	margin-top: 0;
}

.ratesContentArea{
	height:100%;
	min-height:90%;
	color:#002255;
	padding:1.5em;
	background-color:#DBE2E3;
	margin-top: 1.5EM;
}

.testimonialsContentArea{
	height:100%;
	min-height:100%;
	color:#002255;
	padding:1.5em;
	background-color:#DBE2E3;
	margin-top: 0;
}

.mobile_col-1{
	display:none;
	visibility:hidden;
}
/*
[class*="col-"] {
    float: left;
	padding:1.0em;
	margin-left:1em;	
    border-top: .175em solid #002255;
	background-color: white;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
	min-height: 790px;	
}
*/
.col-1{
	width:48.0%;
	float: left;
	padding:1.0em;
	margin-left:1em;	
    border-top: .175em solid #002255;
	background-color: white;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
	/*min-height: 790px;*/
	height:900px;
	
}

.col-2{
	width: 48.0%;
	float: left;
	padding:1.0em;
	margin-left:1em;	
    border-top: .175em solid #002255;
	background-color: white;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
	/*min-height: 790px;*/
	height:900px;
	
}

.col-3{
	width: 31.5%;
	float: left;
	padding:1.0em;
	margin-left:1em;	
    border-top: .175em solid #002255;
	background-color: white;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
	/*min-height: 790px;*/
	height:900px;
	
}

.pushDown{
	margin-top:1.5em;
}
/*
[class*="ratesCol-"] {
    
}
*/

.ratesCol-1{
	display:none;
}

.ratesCol-2{
	/*float: left;*/
	width: 90%;
	padding:1.0em;
	margin: 0 .5em 0 .5em;
	/*margin-left:1em;
	margin-top:1.5em;	*/
    border-top: .175em solid #002255;
	background-color: white;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
    min-height: 770px;
	
}

.ratesCol-3{
	display:none
}

.ratesCol-4{
    display:none;
}
 /**********************************
.lessonsCol-1{
	width:40%;
	float: left;
	padding:1.0em;
	margin-left:1em;	
    border-top: .175em solid #002255;
	background-color: white;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
    min-height: 790px;
}
***********************************/
.lessonsCol-2{
	width:80%;
	/*float: left;*/
	color:#fff;
	/*margin-left:1em;	*/
	margin: 1em auto;
    border-top: .175em solid #002255;
	background-color: #002255;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
   /* min-height: 790px;*/
}
 
 .vidHolder{
	width:100%;
	height:650px;
	margin:0 auto;
	position:relative;

}

#clips{
	width:90%;
	height:644px;
	color:#fff;
	border:1px solid blue;
	background-color:rgba(0, 255, 0, 255);
	margin:8px auto;
	border-radius: 0 15px 0 15px;
}

.lessonVidPoster{
	float:none;
	display:block;
	width:98%;
	height:630px;
	margin:7px auto;
	text-align:center;
	padding:7px;
	border:1px solid #fff;
	color:#fff;
	background-color:#002255;
	border-radius: 0 15px 0 15px;
}
 
 .dateHolder{
	float:left;
	width:100%;

 }
 
 .dateHolderText{
	 
	 margin-top:20px;
 }
 
 ul.lessonDates{
	width:100%;
	background-color:#002255;
	list-style-type:none;
	margin-top:4em;
	
 }
 
 .html5lightbox{
	float:left;
	width: 110px;
	padding:6px;
	text-align:center;

 }

 .html5lightbox:hover{
	text-decoration:none;
	color:#002255;
	display:block;
	background-color:#fff;
	-webkit-transition: max-height .4s;
		-ms-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-o-transition: max-height .4s;
		transition: max-height .4s;
}

.scheduleCol-1{
	float: none;
    padding:0;
    margin: 0;	
    border-top: .175em solid #002255;
    background-color: white;
    font-size: .75m;
    font-family: "Open Sans", Tahoma, Arial;
    color:#002255;
    display:none;
}

.scheduleCol-2{
	clear:both;
    width:100%;  
    margin:0;
	border-top: .175em solid #002255;
    background-color: white;
    font-size: .75m;
    color:#002255;
	/*font-size:.75em;*/
   /* overflow-y: scroll;*/
}

.scheduleCol-3{ 
	float: none;
    padding:0;
    margin: 0;	
    border-top: .175em solid #002255;
    background-color: white;
    font-size: .75m;
    color:#002255;
    display: none;    
}

.scheduleCol-4{
	float: none;
    padding:0;
    margin: 0;	
    border-top: .175em solid #002255;
    background-color: white;
    font-size: .75m;
    color:#002255;
    display:none;
}

.scheduleContentArea{
	height:100%;
	min-height:100%;
	color:#002255;
	padding:1.5em;
	margin-top: 0;
	text-align:center;
	box-sizing:content-box;
}

.scheduleTextLessons{
	margin:100px auto;
	width:90%;
	text-align:center;
	padding-top:10px; 
	font-size:2.5em;
	min-height:600px;

	}

.scheduler{
	max-height:100%;
}

[class*="paymentCol-"] {
        float: left;
	padding:1.0em;
	margin-left:1em;	
        border-top: .175em solid #002255;
	background-color: white;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
        min-height: 790px;
}

.paymentCol-1{
    display:none;
}

.paymentCol-2{
    width:90%;
}

.paymentCol-3{
    display:none;
}

.paymentCol-4{
    display:none;
}

.payTable{
    text-align:left;
    margin:1em auto;
    padding:.5em;
    border-collapse: separate;
    border-spacing:10px 50px;
}

.testCol-1{
    float: left;
	padding:1.0em;
	margin-left:1em;	
	border-top: .175em solid #002255;
	background-color: white;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
	width:100%;
}

.testCol-2{
	padding:1.0em;
	margin-left:1em;	
	border-top: .175em solid #002255;
	background-color: white;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
	min-height: 790px; 
}

.testCol-3{
    display:none;
}

.testCol-4{
    display:none;
}

.bottomBorder{
    border-bottom: 2px solid #002255;  
}

.av{
    vertical-align: bottom;
}

.contentArea::after {
    content: "";
    clear: both;
    display: block;	
}

.tableBottomSpace{
    padding:2px 0;
}

.leftButton{
	display: none;
	float: left;
	margin: 0 2em 1em 0;
	width:45%;
	min-width: 180px;
	box-shadow:3px 2px 3px #C3C7C5;
	-moz-box-shadow:3px 2px 3px #C3C7C5;
	-webkit-box-shadow:3px 2px 3px #C3C7C5;
}

.inlineRight{
	float: right;
	margin: 0 0 1em 2em;
	width:20%;
	min-width: 180px;
	box-shadow:6px 4px 6px #C3C7C5;
	-moz-box-shadow:6px 4px 6px #C3C7C5;
	-webkit-box-shadow:6px 4px 6px #C3C7C5;
}

.inlineCenterPic{
	float: none;
	display: block;
	margin: 0 auto 2em;
	width: 240px;
	min-width: 240px;
	box-shadow:6px 4px 6px #C3C7C5;
	-moz-box-shadow:6px 4px 6px #C3C7C5;
	-webkit-box-shadow:6px 4px 6px #C3C7C5;
}

.blogHolder{
		max-height: 870px;
		max-width: 99%;
		overflow-y : scroll;	
}

.inlineCenter{
	float: none;
	display: block;
	margin: 0 auto 4em;
	width: 300px;
	min-width: 240px;
	box-shadow:6px 4px 6px #C3C7C5;
	-moz-box-shadow:6px 4px 6px #C3C7C5;
	-webkit-box-shadow:6px 4px 6px #C3C7C5;
}

.inlineCenterBottom{
	float: none;
	display: block;
	margin: 2em auto 0;
	width: 500px;
	min-width: 240px;
	box-shadow:6px 4px 6px #C3C7C5;
	-moz-box-shadow:6px 4px 6px #C3C7C5;
	-webkit-box-shadow:6px 4px 6px #C3C7C5;
}

.inlineCenterBottom2{
	float: none;
	text-align:center;
	display: block;
	margin: 4em auto 0;
	width: 300px;
	min-width: 240px;
	box-shadow:6px 4px 6px #C3C7C5;
	-moz-box-shadow:6px 4px 6px #C3C7C5;
	-webkit-box-shadow:6px 4px 6px #C3C7C5;
}
.inlineLeft{
	float: left;
	margin: 0 2em 1em 0;
	width:45%;
	min-width: 180px;
	box-shadow:6px 4px 6px #C3C7C5;
	-moz-box-shadow:6px 4px 6px #C3C7C5;
	-webkit-box-shadow:6px 4px 6px #C3C7C5;
	
}


.vidPlayer{
	display:block;
	min-width:80%;
	float: none;
	margin: 0 auto;
	
	/*
        box-shadow:6px 4px 6px #C3C7C5;
	-moz-box-shadow:6px 4px 6px #C3C7C5;
	-webkit-box-shadow:6px 4px 6px #C3C7C5;
	*/
}

.vidPlayerMainPage{
	display:block;
	min-width:80%;
	float: none;
	margin: .5em auto;
}

.spacer{
	margin:2em;
}

.pushDown{
    margin-top:2em;
	
}

.pushDown2{
	margin-top:2.5em;
	color:lime;
	font-size:12px;
	font-weight:bold;
}
.pushDownPic{
    margin-top:2em;
}
.left{
    text-align: left;
}

.right{
    text-align: right;
}
  

.boldText{
	font-weight:bold;
}  
.centerText{
    text-align: center;
}

.centerTextLoud{
	text-align:center;
	color: red;
	font-size:14px;
	font-weight:bold, blink;
	
}

.makeItalic{
    color:darkred;
    font-style:italic;
    }
.centerPic{
    width:100%;
    margin:0 auto;
    box-shadow:6px 4px 6px #C3C7C5;
    -moz-box-shadow:6px 4px 6px #C3C7C5;
    -webkit-box-shadow:6px 4px 6px #C3C7C5;
    }
    
.studentLoginText{
width:70%;
padding:1.0em;
margin:1em auto;	
border-top: .175em solid #002255;
background-color: white;
font-size: 1.75em;
font-family: "Open Sans", Tahoma, Arial;
text-align: center;
min-height: 400px;
height:746px;
}
	

.loginButton{
	background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 26px;
    border: none;
    cursor: pointer;
    width: 90%;
	font-size:20px;
}

/* Set a style for all buttons */
button {
    background-color: #4CAF50;
    color: white;
    padding: 4px 10px;
    margin: 8px 26px;
    border: 1px solid white;
    cursor: pointer;
    width: 90%;
	font-size:14px;
}
button:hover {
    opacity: 0.8;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}
.avatar {
    width: 180px;
	height:180px;
    border-radius: 50%;
}


/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}
.close:hover,.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    animation: zoom 0.6s
}
@keyframes zoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

.antiSpam {
	display:none;
}
/********EO mainWebSite CSS********************/
/**********************************************/

/************Start MediaScreen 1450px***********/
/***********************************************/
@media only screen and (max-width: 1450px){
	.lessonVidPoster{
	float:left;
	font-size:.85em !important;
	width:96% !important;
	}
 
 .html5lightbox{
	 font-size:.85em !important;
	 width:30%;
	
	 }
}
/***********EO MS 1450px***********************/
/**********************************************/

/******Start MediaScreen 1100px****************/
/**********************************************/
@media only screen and (max-width: 900px){

	[class*="col-"] {
		float:none;
		margin-left: 0px !important; 
		min-width:100%;
		padding:.5em;
        }
	
	nav ul{	
		max-height:0;
		font-size:1.0em;
		border-bottom: .175em solid rgba(0,255,0,255);
	}
	
	nav ul li {
		box-sizing: border-box;
		width:100%;
		padding: .5em;
		padding-right: 2em;
		text-align: right;
	}
	nav ul.showing{
		max-height:24em;
	}
	
	.handle{
		display: block;		
	}
	
	.menuButton{
		width:3.0em;
		min-width:40px;
		padding: .75em;
		vertical-align: middle; 		
	}

	.inlineRight{
			float: none !important;
			display: block !important;
			margin: 0 auto 2em !important;
			max-width:20% !important;
			box-shadow:3px 2px 3px #C3C7C5;
			-moz-box-shadow:3px 2px 3px #C3C7C5;
			-webkit-box-shadow:3px 2px 3px #C3C7C5;
	}
	
	.contentArea{
		height:100%;
	}
	
	.contactPageContentArea{
	display:block;
	height:100%;
	color:#002255;
	padding:.75em;
	background-color:#DBE2E3;
	margin-top: 0;
	}
	
	.contactInput{
		width: 100%;
		max-width: 320px;
		box-sizing: border-box;	
	}
	
	.contactCol-2{
		float:none;
		margin-left: 0px !important; 
		min-width:100% !important;
		padding:.5em;  
		font-size: .75em !important;
		overflow:scroll;
		/*max-height: 320px !important;*/
	} 
	
	.contactCol-3{
		float:none;
		margin-left: 0px !important; 
		min-width:100% !important;
		padding:.5em;         
	}
	
	.ratesCol-2{
		float:none;
		margin-left: 0px !important; 
		min-width:100%;
		font-size: .75em !important;
		padding:.5em; 
		min-height: 340px !important;
	}
	
	.ratesCol-3{
		float:none;
		margin-left: 0px !important; 
		min-width:100%;
		font-size: .75em !important;
		padding:.5em;
		min-height: 300px !important;
	}

	.scheduleCol-2{
	  width:100% !important;
	  max-height: 480px;  
	  overflow-y: scroll;
	}
	
	.paymentCol-2{
	float:none !important;
	display:block !important;
	width:100% !important;
	height:100% !important;
	margin:0 auto !important;
}
	
	.payTable{
		font-size: .75em !important; 
	}
	
	.PP_buttonResize{
		width:100% !important;
		height:100% !important;
		vertical-align:bottom !important;
		max-height: 26px !important;
		max-width: 80px !important;
		min-height: 18px !important;
		min-width: 72px !important;
	}
	
	.testCol-2{
		width:100% !important;
		margin-left:0 !important;
		overflow-y: scroll;
		max-height:400px !important;
		font-size: .75em !important;
		
	}
	
	.studentLoginText{
		width:100% !important;
		font-size: 1em !important;
		
	}
	.lessonsCol-1{
		width:100% !important;
		float:none !important;
		display:block !important;
		margin:0 auto !important;
	}
	
	.lessonsCol-2{
		width:100% !important;
		background-color:#fff;
		float:none !important;
		display:block !important;
		margin:0 auto !important;
	}	

}
/******EO MediaScreen 1100px*******************/
/**********************************************/



/*******START MediaScreen 740 width*****/
/***************************************/

@media screen and (max-width: 740px)  {
	.loginHolder1{
	width:400px;
	font-size:.75em;
	padding-right:65px;
	}
	
	.inputHolder{
	float:left;
	width:100%;
	}
	
	.buttonHolder{
	margin-right:-65px;
	margin-top:-24px;
	width:60px;
	float:right;
	height:24px;
	}
	
	.leftSide{
	float:right;
	}
		
	.rightSide{
	float:right;
	margin-top:4px;
	}
	
	.button input{
	font-size:10px;
	width:40px;
	}

	.contactInputWrapper{
	width:98%;
	min-width:280px;
	margin:0px auto;
	border:2px solid green;
	padding:2px;
	display:block;	
	}
	
	.mainQuestionBoxes{
	width:98%;
	min-width:280px;
	padding:4px;
	border:1px solid blue;
	display:block;
	}

	.questionBox1{
	width:100%;
	text-align:left;
	border:1px solid blue;
	}

	.firstAnswers{
	text-align:left;
	}
	
		
	.block{
	text-align:left;
	}

	.questionBox2{
	width:100%;
	text-align:left;
	border:1px solid blue;
	}

	.secondAnswers{

	}

	.contactButton{
	display:block;
	clear:both;
	margin:10px 10px 10px 0px;
	padding:3px;
	}
	
	.contactInput{
		width: 100%;
		box-sizing: border-box;	
	}
	
	.contactPagePic{
	clear:float;
	display:block;
	width:55%;
    margin:0px auto;
    box-shadow:6px 4px 6px #C3C7C5;
    -moz-box-shadow:6px 4px 6px #C3C7C5;
    -webkit-box-shadow:6px 4px 6px #C3C7C5;
	}

}
/*******EO MediaScreen 740 width********/
/****************************************/

/**********MediaScreen Width 480****************/
/***********************************************/

@media screen and (max-width: 480px){
	
	.contentArea{
	display:none;
	visibility:hidden;	
	}
	
	.studentLockerButton{
	clear:both;
	float:none;
	display:block;
	margin:-60px auto 20px auto;
	width:240px; 
	padding:10px; 	
	}
	
	.container{
		padding:10px;
	}
	
	.loginInputs{
	width: 85%;
	padding: 10px;
	margin: 4px auto 18px auto;
	display: block;
	border: 1px solid #ccc;
	background:#e0e2e5;
	font-size:12px;
	}
	
	.loginButton{
	background-color: #4CAF50;
	display:block;
    color: white;
    padding: 10px;
    margin: 8px auto 16px auto;
    border: none;
    cursor: pointer;
    width: 90%;
	font-size:20px;
}

	#Header{
	display:none;
	visibility:hidden;		
	}
	
	

	[class*="col-"] {
	width:100%;
 	border-top: .175em solid #002255;
	background-color: white;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
	clear:float;
	min-height:400px;
	}

	.col-1 {
	display:none;
	visibility:hidden;
	min-height:400px;
	padding:0;
	}
		
	.col-2{
	display:none;
	visibility:hidden;	
	}

	.col-3{
	display:none;
	visibility:hidden;	
	}
	
	.mobileContentArea{
	display:block;
	visibility:visible;
	width:100%;
	background:#002255;
	}
	
	
	.mobile_col-1{
	box-sizing:border-box;
	margin:0px;
	display:block;
	visibility:visible;
	width:100%;
	background:#002255;
	min-height:100%;
	font-size: 1.0em;
	font-family: "Open Sans", Tahoma, Arial;
	clear:float;
	
	}
	
	.mobile_col-1_Content{
	width:98%;
	background:#002255;
	margin-top:-150px;
	}
	
	.MobilePic{
		/*
	 -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgb(0, 34, 85)), to(rgba(0,0,0,0)));
      mask-image: linear-gradient(to bottom, rgb(0, 34, 85), rgba(0,0,0,0));
	  */
	}
	
	.mobileNameIntro{
	width:100%;
	text-align:left;
	padding-left:8px;
	font-size:18px;
	font-family:verdana;
	color:#fff;
	}
	
	.moveTextDown10{
	margin-top:10px;
	}
	
	.mobileIntroDescr{
	width:100%;
	text-align:left;
	padding-left:8px;
	font-size:14px;
	font-family:verdana;
	color:#fff;
	}
	
	.palmerQuote{
	width:80%;
	margin:12px auto;
	text-align:left;
	font-size:14px;
	}
	
	.palmerName{
	width:100%;
	text-align:right;
	margin-top:-8px;
	padding-right:30px;
	font-size:12px;	
	}
	
	.mobileSalesPitch{
	width:100%;
	margin:-18px auto;
	text-align:center;
	font-size:20px;
	font-family:verdana;
	}
	
	.mobileSalesPitch2{
	box-sizing:content-box;
	width:90%;
	margin:40px auto;
	text-align:justify;
	font-size:16px;	
	line-height:1.5em;	
	}
	
	.callMeButtonHolder{
	width:100%;
	display:block;
	box-sizing:content-box;
	margin:0px auto;
	padding:4px;
	text-align:right;
	}
	
	.callMeButton{
	width:180px;
	padding-right:20px;
	padding-bottom:30px;
	}
	
	.inlineRight{
	float:right !important;
	margin-right:2px;
	width:100px;
	min-width:65px;
	padding:3px;
	box-shadow:3px 2px 3px #C3C7C5;
	-moz-box-shadow:3px 2px 3px #C3C7C5;
	-webkit-box-shadow:3px 2px 3px #C3C7C5;	
	}

	.inlineCenterBottom2{
	display:none;
	}	
	
	#login{
        display:none
    }
        
	#loginSmall{
		margin-top:-58px !important;
		width:100% !important;
		display:block !important; 
		font-size:8px;
	}
	
	.button{
		font-size:8px;
	}
	
	.nameInput{
		float:right;
		width:20px !important;
		font-size:.8px !important;
	}
	
	.pw{
		width:20px !important;
		padding-bottom: .5em !important;
	}
	.smallPageButton{
		margin-top:-3em;
		margin-right:2em;
	}
	
	.studentLoginForm{
		font-size: .25em !important;
	}
        
	.inline{
		float:none;
		display:block;
		margin: 0 auto 2em;
		width: 100%;
		min-width:100%;
		
	}
	
	.slText{
		text-align:center !important!;
	}

	#footer{
		font-size:16px;
		background-color: #002255;
		height:18px;
	}
	
	.leftFooterText{
	text-align:left;
	font-family: arial;
	font-size: .55em;
	}
	
	.rightFooterText{
	font-size:.55em;	
	}
	
	.centerFooterText{
		display:none;
	}
        
	.studentLoginText{
		font-size: .75 !important;
	}
	
	.lessonsCol-2{
		float:none !important;
		display:block !important;
		width:100% !important;
		height:100% !important;
		margin:0 auto !important;

	}
	
	.vidHolder{
		min-width:100% !important;
		max-height:700px !important;
		background-color:yellow !important;
	}
	
	#clips{
		width:98%;
		margin:0 auto;
		border-radius: 0 15px 0 15px;
		}
	
	.lessonVidPoster{
	width:96% !important;
	display:block !important;
	margin:5px auto !important;
	color:#fff !important;
	text-align:center !important;
	padding:7px !important;
	border:1px solid #fff;
	background-color:#002255;
	border-radius: 0 15px 0 15px;
	}
	
	.contactCol-2{
	float:none;
	margin-left: 0px !important; 
	min-width:100% !important;
	padding:.5em;  
	font-size: .75em !important;
	/*max-height: 320px !important;*/
	} 
	
	.contactCol-3{
	display:none !important;
	visibility:hidden!important;	
	}

	.contactInputs{
	/*width: 90%;*/
	padding: 5px;
	margin-left:4px;
	border: 1px solid #ccc;
	font-size:12px;
	background:#e0e2e5;
	}
	
	.centerMessage{
	width:100%;
	display:block;
	margin-left:0px;
	text-align:left;
	}

	.contactMessageArea{
	width: 90%;
	padding: 10px;
	margin-left:4px;
	border: 1px solid #ccc;
	font-size:16px;
	background:#e0e2e5;
	}
	
	.contactInputWrapper{
	width:98%;
	min-width:280px;
	margin:0px auto;
	border:2px solid green;
	padding:2px;
	display:block;	
	}
	
	.mainQuestionBoxes{
	width:98%;
	min-width:280px;
	padding:4px;
	border:1px solid blue;
	display:block;
	}

	.questionBox1{
	width:100%;
	text-align:left;
	border:1px solid blue;
	}

	.firstAnswers{
	text-align:left;
	margin-left:0px;
	}
		
	.block{
	text-align:left;
	}

	.questionBox2{
	width:100%;
	text-align:left;
	border:1px solid blue;
	}

	.secondAnswers{
	text-align:left;
	margin-left:0px;
	width:100%;	
	}

	.contactButton{
	display:block;
	clear:both;
	margin:10px 10px 10px 0px;
	padding:3px;
	}
	
	.contactInput{
	width: 100%;
	box-sizing: border-box;	
	}
	
	.contactPagePic{
	display:none;
	}

	
	.modal-content {
	background-color: #fefefe;
	margin: 4% auto 15% auto;
	border: 5px solid #888;
	width: 100% !important; 
	padding-bottom: 30px;
	}

	.modal-content img{
	display:none;
	}
	
	.testCol-1{
	display:none;
	visibility:hidden;	
	}
	
	.testCol-2{
	margin:0px auto;
	font-size: .5em;
	width:100%;
	}
	
	.testimonialComments{
	width:90%;
	font-size:12px;	
	}
	
	.scheduleCol-2{
    width:100% !important;
    max-height: 100%;  
    overflow-y: scroll;
	text-align:center;
	display:none;
	visibility:hidden;
	}
	
	.scheduleTextLessons{	
	margin:0px auto;
	width:90%;
	text-align:center !important; 
	font-size:1em;
	display:none;
	visibility:hidden;
	}
	
.rightFooterText{
	text-align:right;
	font-family: arial;
	font-size: .75em;
	margin-top: -20px
}

}
/***************EO MS 480px***********************/
/**************************************************/