body{margin:0px;padding:0px;background-image:url('img/tile.png');
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}
#banner{width:800px;margin:auto;text-align:center;font-size:36px;margin-top:0px;font-family: 'Paytone One', sans-serif;color:#FFFFFF;
border-bottom: solid 2px #CC3300;

background-color:#FFFFFF;
}
#banner img{width:500px;height:auto;}

#feature{height:250px;}
#feature:hover{color:#CC3300;cursor:pointer;}
#featurehead{margin-top:20px;margin-left:10px;background-color:#FF6600;color:#FFFFFF;width:100px;padding:1px;text-align:center;}
#featuretext{margin-top:20px;margin-left:10px;width:100px;padding:1px;text-align:center;}

#spacer{height:10px;}
.spacer3{height:10px;width:100%;font-size:9px;}
#navbar{height:40px;width:800px;margin:auto;}


.smallMenu{width:240px;margin:auto;font-family:Arial, Helvetica, sans-serif;font-size:24px;cursor:pointer;padding:2px;text-align:center;height:30px;margin-top:40px;border-radius:4px;}
.blue{background-color:#66CCFF;color:white;}
.blue:hover{background-color:#66CCDD;color:white;}

.orange{background-color:#CC3300;color:white;}
.orange:hover{background-color:#CC1100;color:white;}

.green{background-color:#66CCFF;color:white;}
.green:hover{background-color:#66CCDD;color:white;}

.brown{background-color:#66CCFF;color:white;}
.brown:hover{background-color:#66CCDD;color:white;}

.navelement{
	color: #27241d;
	float: left;
	width: 19%;
	text-align: center;
	margin-top: 3px;
	height:28px;
	 font-family: 'Paytone One', sans-serif;
	margin-left: 1%;
	cursor:pointer;
}


#navbar3{color: #27241d;width:80%;margin:auto;text-align: center;margin-bottom: 3px;height:28px;font-family: 'Paytone One', sans-serif;cursor:pointer;}
#navbar3:hover{color:#993300;}

#jrbar{position:fixed;width:140px;height:440px;background-color:#FFFFFF;right:-20px;top:120px;border:solid 1px #FF9900;

border-radius: 15px;
}
#close{position:absolute;bottom:0px;height:20px;background-color:#666666;color:#FFFFFF;width:123px;text-align:center;cursor:pointer;
border-bottom-left-radius: 15px;}
#close:hover{background-color:#666643;}
#jrlink{text-align:center;padding:15px;padding-top:40px;height:90px;border-bottom:solid 1px #ff9900;width:100px;}
#jrlink:hover{color:#CC3300;}

.arrow{cursor:pointer;right:40px;position:absolute;}
#ne1{height:32px;color:#C63;}

#navContent{font-family:Open Sans,Arial, Helvetica, sans-serif;
	padding:20px;
	width:760px;margin:auto;background:white;position:relative;}
	
 

 

a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}
 

 

 

 

@media screen and (max-width:800px) {
#banner{width:100%;}
#navbar{display:none;}
#navContent{width:99%;}
#game1{width:100%;}
#spacer{height:5px;}
#quizList{width:80%;margin:auto;margin-top:30px;float:none;}
#sideBar{display:none;}
#game2{width:100%;}
.questionText{font-size:25px;padding-left:5%;padding-top:40px;width:92%;}
.option{width:90%;margin:15px;font-size:16px;padding:2px;margin-left:5%;}
.feedback1{margin-left:20px;}
.feedback2{margin-left:20px;}
.feedback3{padding-top:2px;}
.exBox2{text-align:center;width:40%;float:left;position:relative; margin-left:6%;margin-top:5px;margin-bottom:5px;padding-left:0px;padding-right:0px;height:auto;padding-top:5px;padding-bottom:5px;}
.exBox2 img{margin:auto;text-align:center;}
.exBox1{display:none;}
#aHolder{position:relative;overflow-y:scroll;height:400px;margin:auto;width:auto; text-align:center;}
#aHolder img{margin:auto;text-align:center;}
#aHolder2{position:relative;width:100%;margin:auto;}
.redbox{display:none;}
 
}
 

@media screen and (max-width:500px) {
#banner img{width:100%;}

}