body{font-family:Open Sans,Arial, Helvetica, sans-serif;font-size:14px;background-image:url(img/bg.png);padding:0px;margin:0px;}
/**/

@font-face {
    font-family: Franchise;
    src: url('img/Franchise.ttf'); 
	 
    }
#bannerHolder{width:100%;background-color:#C0392B;;}
#banner{width:800px;height:100px;margin:auto;margin-bottom:30px;
font-size:90px;color:#fff;font-family:Franchise,Arial;}
#promo{margin-bottom:5px;}
#banner img{float:left;}

#bannerRight{float:right;font-size:25px;margin-top:20px;color:#fff !important;margin-right:5px;}
h1 { line-height: 90%; }

#allContent{width:800px;background-color:white;margin:auto;min-height:400px; }


.indextitle{font-size:20px;padding:5px;font-family:Arial, Helvetica, sans-serif;}

.grey{background-color:#F4F4F4;}

.grey:hover{background-color:#F4F4FF;cursor:pointer;}
.white:hover{background-color:#F4F4FF;cursor:pointer;}

.navbar{background-color:#E0ECFE;width:98%;height:auto;padding-left:5px;}

.activitytitle{font-size:18px;color:#999999;}
.unittitle{font-size:24px;color:#666666;}
.subtitle{font-size:17px;}

.sidepix{float:right;margin-top:5px;}
.peeppix{float:left;margin-right:5px;width:150px;height:auto;}

.quarterpix{float:left;width:200px;height:auto;}

.spacer1{height:100px;}
.separator{float:none;clear:both;height:18px;width:100%; }
.clearfloats{float:none;clear:both;}

#scrbut{padding:2px;border:1px solid grey;border-radius:4px;width:60px;text-align:center;cursor:pointer;}
#scrbut:hover{background-color:#F6F6F6;}
.shscr{display:none;}

#scrbut2{padding:2px;margin-top:2px;border:1px solid grey;border-radius:4px;width:60px;text-align:center;cursor:pointer;}
#scrbut2:hover{background-color:#F6F6F6float:left;padding-right:3px;}
.shscr2{display:none;}

.exampleSentence{padding-left:20px;background-color:#F4F4F4;}

.doc{width:600px;margin:8px;padding:2px;background-color:#ecf0f1;}

.next{float:right;cursor:pointer;}
.next:hover{opacity:0.4;}
.home{float:right;cursor:pointer;}
.home:hover{opacity:0.4;}

.optionBox400{width:400px;margin-left:20px;background-color:#66CCFF;border: 1px solid #6699FF;display:inline-block;}
.optionBox200{width:194px;float:left;height:auto;padding:3px;color:#333333}

.article{width:90%;margin:auto;padding:9px;background-color:#c5eff7;border:1px solid #52b3d9;}
.forum1{width:90%;padding:9px;background-color:#FFEEE1;border:1px solid #ff6633;}
.forum2{width:90%;padding:9px;background-color:#FEE0C0;border:1px solid #ff6633;}
.peeppixsmall{float:left;margin-right:5px;width:50px;height:auto;}
.clearanced{height:0px;width:0px;float:left;}
.clearance{float:right;width:70px;display:inline-block;}

.vocabWord{width:150px;float:left;margin-left:5px;}
.clearM{float:none;clear:both;}

.answers{}
.answerb1{}

@media screen  and (max-width:800px){
.act{width:96%;margin:auto;}	
.bigOnly{display:none;}	
#banner{width:100%;height:auto;}

#allContent{width:100%;}
.sidepix{width:50%;height:auto;}	
.indextitle{font-size:15px;padding:5px;}
}

@media screen  and (max-width:700px){
.grey{font-size:15px;padding-bottom:10px;}
.white{font-size:15px;padding-bottom:10px;}
.unittitle{width:100%;}
.navbar{height:auto;} 	
.clearance{float:right;width:70px;display:inline-block;}
.clearanced{width:100%;height:1px;}
#bannerRight{display:none;}
}

@media screen  and (max-width:400px){
	.sidepix{width:100%;}
	#banner{font-size:50px;}

#banner img{width:50px;height:50px;}

}