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


}
#dummy{
	display:none;
	}
	#lbinner{
		border:4px solid orange;
	width:280px;
	height:200px;
	padding-top:50px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;font-size:16px;
	}

#contbutton{cursor:pointer;}

#semibutton{cursor:pointer;background-color:#eceded;border-radius:4px;padding:4px;width:250px;margin:auto;}


#drop{height:0px;}

#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:0px;}
.spacer3{height:10px;width:100%;font-size:9px;}
#navbar{height:80px;float:right; }
#navbarinner { height:22px;   margin-top:5px;}
#navbarinner1 { height:30px;   }

.navelement{
	color: #efefef;
	 
	width: auto;
	text-align: center;
	margin-top: 0px;
	height:18px;
	 font-family: sans-serif;
	 font-size:17px;
	margin-left: 25px;
	cursor:pointer;
	border:1px  solid #e67e22;
	border-width: 0 1px 1px 1px;
	border-radius:5px;
	padding:5px;
	float:left;	background-color:#eb9951;
}

.navSelected{border:2px solid white;}
 


.navelement:hover{background-color:#F5AB35;color:#fff!important;}





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

.orange{background-color:#e67e22;color:white;}
.orange:hover{background-color:#f39c12;color:white;}

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

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





.navelement1{
	float: none;
}

.navelementsmall{
	color: #27241d;
	 
	width: 4%;
	text-align: center;
	margin-top: 3px;
	height:28px;
	 font-family: 'Paytone One', sans-serif;
	margin-left: 1%;
	cursor:pointer;
}
#navbar3{width:80px;position:absolute;top:5px;right:5px;background-color:#e67e22!important;cursor:pointer;}
#navbar3 img{width:70px;}
#navbar3:hover{opacity:0.4;}

#jrbar{position:fixed;width:140px;height:440px;background-color:#FFFFFF;right:-20px;top:120px;border:solid 1px #FF9900;font-family:Arial, Helvetica, sans-serif;

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


#navContent{
	border: solid 1px #CC3300;overflow:hidden;
	width:800px;height:450px;margin:auto;background:white;position:relative;margin-top:5px;}
	

#infoBar{position:absolute;width:100%;height:0px;float:left; z-index:50;}
#qtitle{font-size:26px; padding-left:150px;font-family:Arial, Helvetica, sans-serif;position:absolute;top:5px;color:#FFF;}

.text4{font-family:Arial, Helvetica, sans-serif;position:absolute;
font-size:26px; padding-left:40px;top:5px;
color:#FFF; }



#game1{
margin:auto;
width:800px;
height:400px;
right:0px;
position:absolute;
z-index:1;
}

#game2{

margin:auto;	
width:800px;
height:400px;
right:-800px;
position:absolute;
z-index:2;
} 


 .qq{text-align:center;width:50px;padding:1px;background-color:#FFFBEA;height:100%;float:right;margin-left:5px;border-right:1px solid #CC3300;}
 .pp{text-align:center;width:50px;padding:1px;background-color:#FFFBEA;height:100%;float:right;margin-left:5px;border-right:1px solid #CC3300;}
 .rr{text-align:center;width:50px;padding:1px;background-color:#FFFBEA;height:100%;float:right;margin-left:5px;border-right:1px solid #CC3300;}
 .ss{text-align:center;width:50px;padding:1px;background-color:#FFFBEA;height:100%;float:right;margin-left:5px;border-right:1px solid #CC3300;}
 

#innerBox{position:absolute;}
	
#quizList{ margin:40px;margin-right:0px;width:90%;height:345px;overflow-y:scroll;border:1px grey solid;overflow-x:hidden;}	

#quizListH{ height:0px;}	
#page1Message{ width:100%;height:40px;text-align:center; font-family: arial;font-size:24px;color:#333;}	


.spacer2{height:2px;width:800px;;background-color:#EECC62;clear:both;float:none;}

.box1{cursor: pointer; height:23px;width:100%;font-family: arial;opacity:.6;overflow:hidden;}
.contactLine{margin-left:80px;width:500px;height:80px;font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#333; }
.contactLine:hover{background-color:#F5F5F5;}
.contactLine img{float:left;margin-right:10px;padding-bottom:26px;}
.contactLine2{ font-size:15px;color:#4D8989; }

a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}
#pageno{position:absolute;text-align:center;bottom:15px; width:80px;font-family: sans-serif;font-size:10px;right:46%;}
.gameBox{padding-left:45px;padding-right:50px;width:300px;height:70px;padding-top:15px;padding-bottom:15px;float:left;}
.gameBox img:hover{background-color:#FFC;}
.gameBoxa{padding-left:45px;padding-right:50px;width:300px;height:70px;padding-top:10px;padding-bottom:10px;float:left;}
.gameBoxa img:hover{background-color:#FFC;}

.exBox1{padding-left:40px;padding-right:40px;width:718px;height:35px;padding-top:15px;float:left;
border: 1px solid #f5d77f;text-align:center;font-family: arial, sans-serif;z-index:1;}
.exBox2{position:absolute; padding-left:45px;padding-right:50px;width:300px;height:70px;padding-top:15px;padding-bottom:15px;}

.exBox2 img:hover{background-color:#F8D67C;}
.exBox4{position:absolute;bottom:10px;text-align:right;padding-left:45px;padding-right:50px;width:300px;height:25px;padding-top:15px;padding-bottom:10px;float:left;}
.exBox4 img:hover{cursor:pointer;background-color:#F7F7F5;}
.exBox5{position:absolute;bottom:10px;right:8px;padding-left:45px;padding-right:50px;width:300px;height:25px;padding-top:15px;padding-bottom:10px;float:left;}
.exBox5 img:hover{cursor:pointer;background-color:#F7F7F5;;}

.redbox{background-color:#990000;padding:4px;margin:12px;color:#FFFFCC;font-size:20px;font-family:Arial, Helvetica, sans-serif;cursor:pointer;}
 
.questionText{
font-family:Arial, Helvetica, sans-serif;
font-size:27px;
color:#993300;
padding-left:40px;
padding-top:80px;
padding-bottom:10px;
width:710px;
}

.qpix{width:200px;height:200px;padding-left:40px;float:left;}
.qpix img{width:100%;height:100%;}

.questionText2{
font-family:Arial, Helvetica, sans-serif;
font-size:27px;
color:#993300;
padding-left:40px;
padding-top:80px;
padding-bottom:10px;
width:710px;
}

.text1{font-family:Arial, Helvetica, sans-serif;
font-size:23px;margin-left:40px;
color:#009900;}
.text2{font-family:Arial, Helvetica, sans-serif;
font-size:22px;margin-left:40px;
color:#CC3300;}

.text3{font-family:Arial, Helvetica, sans-serif;
font-size:22px;margin-left:40px;
color:#993300;}

.text3x{font-family:Arial, Helvetica, sans-serif;
font-size:22px;margin-left:40px;
color:#993300;}


.option{
font-family:Arial, Helvetica, sans-serif;
width:500px;
 
margin:15px;
font-size:18px;
color:#993300; 
padding:5px;
margin-left:40px;
border: 2px solid white;
border-radius: 5px;
cursor:pointer;
background-color:#FFBF80;

}

.option:hover{
border:#FC0 solid 2px;
color:#FFF;
}


.optionxtra{margin-left:250px;}


#newNextButang{margin-left:40px;width:90px;border-radius:2px;border:1px solid grey;cursor:pointer;text-align:center;padding:3px;font-family:Arial;clear:both;float:none;}
#newNextButang:hover{opacity:.6;}


.feedback1{
width:150px;
padding:5px;
font-size:30px;
color:#FFFFCC;
background-color:#009900;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin-left:40px;
height:40px;margin-right:12px;
float:left;
}

.feedback1pix{
width:150px;
padding:5px;
font-size:30px;
color:#FFFFCC;
background-color:#009900;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin-left:15px;
height:40px;margin-right:12px;
float:left;
}

.feedback2{
width:150px;
padding:5px;
font-size:30px;
color:#FFFFCC;
background-color:#CC3300;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
float:left;
margin-left:40px;
margin-right:12px;height:40px;
}

.feedback2pix{
width:150px;
padding:5px;
font-size:30px;
color:#FFFFCC;
background-color:#CC3300;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
float:left;
margin-left:15px;
margin-right:12px;height:40px;
}

.feedback3{
color:#CC3300;
font-family:Arial, Helvetica, sans-serif;
padding-top:13px;
padding-left:40px;
margin-left:10px;height:38px;
}

.feedback4{
color:#CC3300;
font-family:Arial, Helvetica, sans-serif;
padding-left:40px;
margin-left:10px;height:38px;
}

.feedback5{
color:#333;
font-family:Arial, Helvetica, sans-serif;
padding-left:40px;
margin-left:10px;height:38px;

}

.dadfei{padding:1px;background-color:#dadfe1;}

#fbimg{float:right;margin-top:-16px;margin-right:-20px;}



.active{height:32px;color:#C63;background-color:#006600;}

.flatBlueButton{
width:150px;
padding:5px;
font-size:20px;
color:#FFFFCC;
background-color:#66CCFF;
font-family:Arial, Helvetica, sans-serif;
text-align:center;margin-left:40px;
border-radius:5px;
}

.flatBlueButton:hover{background-color:#9EE7FE;cursor:pointer;}

.myletter{

background-color:#FFCC00;
padding:2px;padding-right:6px;padding-left:6px;width:120px;color:#FFFFFF;margin-right:10px;
}


.mynotes{position:absolute;right:20px;top:70px;z-index:100;}
.dloads{position:absolute;right:20px;top:170px;z-index:101;}
#mymenu{position:absolute;right:20px;top:10px;padding:1px;width:50px;text-align:center;color:#FFF;border:solid white 1px;border-radius:3px;cursor:pointer;font-family:Arial, Helvetica, sans-serif;cursor:pointer;z-index:101;}

#mynotes{position:absolute;right:80px;top:10px;padding:1px;width:50px;text-align:center;color:#FFF;border:solid white 1px;border-radius:3px;cursor:pointer;font-family:Arial, Helvetica, sans-serif;cursor:pointer;z-index:101;}

.mynotes:hover{border: 3px solid #FEF2D8;cursor:pointer;}
.dloads:hover{border: 3px solid #FEF2D8;cursor:pointer;}
#mymenu:hover{background-color:#FF9966;cursor:pointer;}
#mynotes:hover{background-color:#FF9966;cursor:pointer;}

#sideBar{ position:absolute; right:0px;top:0px;width:90px;height:0px;background-color:#FEF2D8;z-index:99;}

#socmediabar{text-align:center;width:160px;margin:auto;margin-top:10px;}
#socmediabar img{width:40px;}
#socmediabar img:hover{opacity:.7;}

.twitpic{text-align:center;width:100px;float:left;}
.fb1{text-align:center;width:180px;float:left;padding-top:8px;}

.bottomlink{ padding:5px;margin:5px;padding-top:1px;padding-bottom:1px; 
background-color:#CC3300;color:#FFFFCC;}




.fstext1{font-family:Arial, Helvetica, sans-serif;
font-size:23px;margin-left:40px;padding:5px;
color:#333;float:left;margin-bottom:3px;}
.fstext1a{font-family:Arial, Helvetica, sans-serif;
font-size:23px;margin-left:160px;
color:#fff;background-color:#009900;padding:3px;width:35px;text-align:center;margin-bottom:3px;}


.fstext2{font-family:Arial, Helvetica, sans-serif;
font-size:23px;margin-left:40px;padding:5px;
color:#333;float:left;}
.fstext2a{font-family:Arial, Helvetica, sans-serif;
font-size:23px;margin-left:160px;
color:#fff;background-color:#CC3300;padding:3px;width:35px;text-align:center;}

#extremefooter{text-align:center;position:absolute;bottom:0px;width:100%;background-color:#666666;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;}

#promo{margin-bottom:5px;text-align:center;}


.clearme{float:none;clear:both;}



.h1005 img{margin-top:-5px;width:36px;}






@media screen and (min-width:803px) {
#navbar3{display:none;}
}

 

@media screen and (max-width:802px) {
	
#banner{width:100%;}
#navbar{display:none;}
#navContent{width:99%;min-height:400px;}
#game1{width:100%;}
#spacer{height:5px;}
#quizList{width:80%;margin:auto;margin-top:30px;float:none;height:280px;}
#sideBar{display:none;}
#game2{width:100%;}
.questionText{font-size:25px;padding-left:5%;padding-top:60px;width:92%;}
.questionText2{font-size:25px;padding-left:40px;padding-top:60px;width:92%;}
.option{width:90%;margin:15px;font-size:18px;padding:5px;margin-left:5%;}
#fbarea{width:90%;margin-left:5%;}
.feedback1{margin-left:0px;}
.feedback2{margin-left:0px;}
#newNextButang{margin-left:0px;}
.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;}
 #qtitle{display:none;}
 .gameBoxa{padding-left:0px;padding-right:0px;width:50%;height:50px;padding-top:15px;padding-bottom:15px;float:left;text-align:center;}
 

 .gameBoxaa{float:none;padding:0px;text-align:center;width:200px;margin:auto;height:70px;padding-top:15px;padding-bottom:15px; }
 .gameBox{display:none; }
 .optionxtra{margin-left:220px;width:45%;}
 .qpix{width:170px;height:170px;padding-left:40px;float:left;}
}


@media screen and (max-width:720px) {
.qq{display:none;}
.pp{display:none;}
.rr{display:none;}
.ss{display:none;}
}

@media screen and (max-width:680px) {
.exBox2{width:100%;margin:auto;margin-top:5px;margin-bottom:5px;text-align:center;top:0px;left:0px;}

}


@media screen and (max-width:605px) {
 .gameBoxa img{width:90%;height:auto;}
.gameBoxa{height:50px;}
}

@media screen and (max-width:525px) {
.contactLine{ margin:auto;width:90%;height:80px;}
.questionText{font-size:20px;padding-bottom:0px;padding-top:45px;}
#fbimg{float:right;margin-top:-16px;margin-right:-15px;}
.feedback4{}
.smallhide{visibility:hidden;}
.feedback5{visibility:hidden;}
.option{font-size:16px;}
.qpix{width:140px;height:140px;padding-left:15px;float:none;}
.optionxtra{margin:auto;margin-left:10px;width:80%;margin-bottom:3px;}
.feedback1pix{clear:both;margin-left:0px;float:left;}
.fbarea2{margin-left:10px!important;}
#shortspacer{clear:both;float:none;width:100%;height:5px;}
}


@media screen and (max-width:500px) {
#banner img{width:100%;}
#page1Message{font-size:18px;}
.questionText2{padding-left:0px;width:92%;margin:auto;}

.text3x{width:92%;margin:auto;}
}


@media screen and (max-height:770px) {
#extremefooter{display:none;}
}



@media screen and (max-width:450px) {
   .gameBoxa img{width:300px;height:auto;margin:auto;}
.gameBoxa{height:70px;padding-top:5px;padding-bottom:5px;width:100%;}
#gameBoxHolder{height:400px;overflow-y:scroll;overflow-x:hidden;}
}