html{font-size:100%;} 
@media(min-width:60em){html{font-size:12pt}}
body {font-family:Arial;font-size:12pt;margin:0 auto;text-align:center;}
h1 {font-weight:bold;font-size:110%;font-family:Arial;color:#FF0080;text-align:center;line-height:25px;}
h2 {font-weight:bold;font-size:100%;font-family:Arial;color:#008080;text-align:center;line-height:25px;}
p {font-family:Arial;font-size:100%;line-height:1.4;}
p.link {text-align:center;font-weight:bold;font-size:100%}
a, hm{text-decoration:underline;color:blue}  
a:hover{color:#FF7F00;text-decoration:underline;}
a img {border:none;}
table {font-family:Arial;font-size:100%}
td {font-family:Arial;font-size:90%}
ul {font-family:Arial;font-size:90%;line-height:120%}
div.wpr {max-width:728px;margin:0 auto;padding:1px;border:0px;border-color:red;text-align:left;clear:both}
div.bx {display:inline-block;width:340px;vertical-align:text-top;text-align:left;margin:5px;padding:2px;border-style:solid;}
div.bx {border-color:#3366DD #FFFFFF #FFFFFF #FFFFFF}
p.ln {font-size:12px;padding-left:3px;font-weight:bold;}
.page {margin:0 auto;max-width:740px;padding:1px;text-align:left;font-size:95%;} 
  
.div23 {display:inline-block;float:left;font-weight:bold;font-size:95%;}
.col-4 {width:33.33%;}
.col-6 {width:50%;}
.half50 {width:50%;}
.goleft,.floatleft {float:left;padding-right: 5px;} 
@media only screen and (max-width:480px) {.col-4,.col-6,.half50{width:100%;}}
@media only screen  and (min-width:768px) {.col-4,.col-6{width:33.33%;}}   
.qtr25 {width:50%;}
@media only screen and (max-width:360px) {.qtr25{width:100%;}}
@media only screen  and (min-width:768px) {.qtr25{width:25%;}} 

.ad {min-height:280px;min-width:300px;margin:16px auto;text-align:center;max-width:100%;} 
.ad1 {min-height:100px;min-width:300px;margin:16px auto;text-align:center;max-width:100%;} 
.ad3 {min-height:320px;min-width:300px;margin:16px auto;text-align:center;max-width:100%;}