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

#bannerHolder{width:100%;background-color:#C0392B;}
#banner{width:800px;height:100px;margin:auto;margin-bottom:30px;}
#promo{margin-bottom:5px;}
h1 { line-height: 90%; }
#bannerb{width:800px;height:auto;margin:auto;}
#banners{display:none;}

#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{width:98%;height:auto;padding-left:5px;border-bottom:1px solid black;position:relative;}

.activitytitle{font-size:18px;color:#999999;}

.unittitle{font-size:24px;color:#000;position:relative;width:75%;}

.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{right:0px;cursor:pointer;top:0px;position:absolute;}
.next:hover{opacity:0.4;}
.home{right:30px;cursor:pointer;top:0px;position:absolute;}
.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;}

.link1{cursor:pointer;color:#999;}
.link2{cursor:pointer;color:#999;}

.tricolumn{width:30%;float:left;}

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

@media screen  and (max-width:700px){

 
.navbar{height:auto;} 	
.clearance{float:right;width:70px;display:inline-block;}
.clearanced{width:100%;height:1px;}

}

@media screen  and (max-width:600px){
	.grey{font-size:17px;padding-bottom:10px;height:32px;padding-top:5px;}
.white{font-size:17px;padding-bottom:10px;height:32px;padding-top:5px;}
#bannerb{display:none;}
#banners{width:100%;display:inline;}
#banners img{width:100%;}

}




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