html{font-size:110%;} 
@media(min-width:60em){html{font-size:90%}}
body {font-family:Tahoma,Arial;font-size:12pt;margin:0 auto;text-align:center;}
h1 {font-weight:bold;font-size:120%;font-family:Arial,Tahoma;color:#FF8888;text-align:center;}
h2 {font-weight:bold;font-size:100%;font-family:Arial,Helvetica,sans-serif;color:#008080;text-align:center;}
p {font-family:Tahoma,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:Tahoma;font-size:100%}
td {font-family:Tahoma,Arial;font-size:90%}
ul {font-family:verdana;font-size:90%;line-height:150%}
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:90%;} 
.ad {margin:0 auto;max-width:730px;text-align:center;}    
.div23 {display:inline-block;float:left;font-weight:bold;font-size:90%;}
.col-4 {width:33.33%;}
.col-6 {width:50%;}
.half50 {width:50%;}
@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:250px;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%;}