body{padding:0px;margin:0px;font-family:Open Sans,Arial, Helvetica, sans-serif;font-size:14px;background-image:url('../sos.png')}
/**/


.activitytitle{width:780px;padding-left:15px;padding-right:5px;background-color:#5C97BF;height:35px;padding-top:10px;font-size:20px;color:#fff;}

#menuInner{padding:20px}
.spacer15{height:10px; width:100%;}
#bar1{width:100%;background-color:red;}
#bar2{width:100%;padding-top:5px;padding-bottom:5px;background-color:#6BB9F0;}

#bannerb{width:800px;height:auto;margin:auto;}
#banners{display:none;}
#promo{margin-bottom:5px;text-align:center;}
h1 { line-height: 90%; color:#39F;font-size:24px; }

#allContent{border: 3px solid #5C97BF;width:800px;background-color:white;margin:auto;min-height:400px; margin-bottom:50px;}
#allContentInner{padding:10px;}

.samples{border: 1px solid grey;width:90%;margin:2%;padding:2%;background-color:#FFF9E1;}

.linx{padding-left:5px;padding-top:12px;padding-bottom:12px;
border:2px solid white;background-color:#f2f1ef;width:180px;float:left;
cursor:pointer;}

.linx:hover{opacity:.7;}

.menuButang{float:right;margin-right:20px;border:1px solid white; border-radius:4px;width:80px;text-align:center;cursor:pointer;}

.phrasebox{width:400px;padding:5px;background-color:#f0f0d6;margin-left:10px;}

.activitypix{float:right;padding:5px;}

.activitytext{margin-left:10px;}

@media screen  and (max-width:820px){
.activitytitle{width:96%;padding-left:2%;padding-right:2%;background-color:#6BB9F0;height:35px;padding-top:10px;font-size:20px;color:#fff;}
#bannerb{width:100%;}
#bannerb img{width:100%;}
#allContent{width:96%;padding:2%;border:0px;}
#bar1{}

}


@media screen  and (max-width:600px){
#bannerb{display:none;}
#banners{width:100%;display:inline;}
#banners img{width:100%;}
#allContent{width:96%;padding:2%;border:0px;}
#bar1{}
}

@media screen  and (max-width:450px){
.activitytitle{width:96%;}
	.phrasebox{width:90%;margin:auto;border:1px solid grey;padding:5px;}
}



@media screen  and (max-width:390px){
.activitytitle{font-size:17px;}
	.linx{width:300px;}
}

@media screen  and (max-width:350px){

	#banner img{width:100%;height:auto;}
}