HTML, BODY {
   margin:0px;
   padding:0px;
   height:100%;
   min-height:100%;
   -webkit-text-size-adjust: 100%;
}

.page-top {
   display:inline-block;
   width:100%;
   min-height:calc(100% - 22px);
   overflow:visible;
}

.header1 {
   background-image:url(/resources/images/bg-texture-black.gif);
   background-color:black;
   padding:3px;
   border-bottom:solid white 1px;
   height:50px;
}
.header1 > .glockler {
   font:bold italic 37px Arial;
   color:#A00000;
   padding-top:4px;
   text-shadow: 1px 1px 1px rgba(112,112,112,0.8),
             -1px -1px 1px rgba(112,112,112,0.8),                 
             1px 1px 1px rgba(0,0,0,0.8),
             -1px -1px 1px rgba(0,0,0,0.8);
}
.header2 {
   background:-webkit-linear-gradient(#A0A0A0,#E0E0E0);
   background:linear-gradient(#A0A0A0,#E0E0E0);
   padding-bottom:2px;
   font:normal 12px Arial;
   border-bottom:solid black 1px;
   height:50px;
   display:none; /* default to display none for RWD */
}
.pageTitle {
   color:maroon;
   font:bold 23px Times;
   padding-bottom:10px;
}
.subTitle {
   color:maroon;
   font:bold 19px Times;
   padding:10px 2px 5px;
   margin-bottom:5px;
   border-bottom:solid maroon 1px;
}
.main-content {
   margin:3px;
   font:normal 15px/23px Times;
}

.footer1 {
   background:-webkit-linear-gradient(#E0E0E0,#A0A0A0);
   background:linear-gradient(#E0E0E0,#A0A0A0);
   padding:3px;
   border-top:solid black 1px;
   font:normal 12px Arial;
   text-align:right;
}

.footer1 A {color:maroon;}

.AppImg {max-width:100%}
.AppSwitch {font-size:13px;font-weight:600;vertical-align:top;font-family:courier new;}

@media screen and (min-width: 200px) {
}

@media screen and (min-width: 480px) {
}

@media screen and (min-width: 640px) { 
}

@media screen and (min-width: 768px) { 
}

@media screen and (min-width: 1024px){ 
}

@media print {
   .header1 > .glockler {color:black;}

}