body{margin:0px;padding:0px;
 background-image:url(bg.png);font-family:Verdana, Geneva, sans-serif;
 
 }

#allContent{width:900px;min-height:400px;background-color:white;padding:10px;margin:auto;margin-top:30px;}

#butang1{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;
float:left;width:110px;margin:auto;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang1:hover{opacity:.6;}

#butang2{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;
float:left;width:70px;margin:auto;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang2:hover{opacity:.6;}

#butang3{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;
float:left;width:70px;margin:auto;text-align:center;background-color:#6bb9f0;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang3:hover{opacity:.6;}

#butang4{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;
float:left;width:75px;margin:auto;margin-left:15px;text-align:center;background-color:#6bb9f0;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang4:hover{opacity:.6;}

#butang5{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;
float:left;width:70px;margin:auto;margin-left:15px;text-align:center;background-color:#6bb9f0;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang5:hover{opacity:.6;}

#butangHolder{width:280px;}

#qArea{padding:9px;background-color:#fff9de;}
 

.clearance{float:none;clear:both;width:100%;height:2px;}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  cursor:pointer;
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 4px 6px;
  min-width: 50px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;  background-color: #555; border-radius:3px;
}

.dropdown-content {cursor:pointer;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 50px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1; 
}

.dropdown-content .dd {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #557;
  color: white;
}

.dropdown-content .dd:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}



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

#spacer3{height:45px;width:100%; }





@media screen and (max-width:940px) {
 #allContent{width:94%;}
 
}


@media screen and (max-width:540px) {
h2{font-size:18px;}
 .smallgap{width:100%;height:8px;}
 #allContent{padding:5px;}
}