@charset "UTF-8";

@-ms-viewport{
 width: device-width;
 }
@media screen and (min-width: 641px) {
  span.adapt {
    font-size: 28px;
    text-shadow: 1px 1px 1px #443;
  }
}
@media screen and (max-width: 640px) {
  span.adapt {
    font-size: 4.2vw;
    text-shadow: 1px 1px 1px #443;
  }
}

A:link {color: #04B;}
A:visited {color: #AAAAAA;}
A:hover {color: #A06; text-decoration: none;}

a.span:link {color:#ffffff;text-decoration:none;}
a.span:visited {color:#ffffff;text-decoration:none;}
a.span:hover {text-decoration:underline;}

body {
 font-family:"Lucidia Sans", Arial, sans-serif;
 color: #116;
 background-color: #ffffde;
 /remove first TD and all of the BODY esp background image
 } 

div.framed {
 display: table;
 margin: 20px;
 border: 2px solid #444488;
 font-weight: bold;
 background-color: white;
 padding: 10px; 
 text-align: left;
 line-height: 120%;
 }

hr {
 border: 2px solid #399;
 color: #FFC;
 background-color: #FFC;
 height: 3px;
 margin: 20px 5px 20px 0px;
 }

hr.clear {
 border: 0px solid #FFC;
 color: #000;
 background-color: #000;
 height: 1px;
 margin: 0;
 }

hr.policy {
 border: 2px solid #f00;
 color: #FFC;
 background-color: #FFC;
 height: 2px;
 margin: 5px 105px 25px 0px;
 }

hr.red {
 border: 2px solid #f00;
 color: #FFC;
 background-color: #FFC;
 height: 2px;
 margin: 5px 5px 25px 0px;
 }

img {
 border-color: #444444;
 }

p { 
 margin: 15px 0px 0px 0px;
 }

span.policy {
 display: inline-block;
 background-color: #F00;
 border: 1px solid #E00;
 border-radius: 3px;
 float: right;
 font-size: 12px;
 font-weight: bold;
 margin: -31px 10px 0 5px;
 padding: 0px 3px;
 }

span.red {
 margin: 45px 0px 0px 0px;
 padding: 2px 10px;
 background-color: #B22;
 border-radius: 8px;
 color: #ffffff;
 }

span.shadow {
 text-shadow: 1px 2px 2px #776;
 }

span.x {
 padding: 1px 4px;
 background-color: #222;
 border-radius: 4px;
 color: #ffffff;
 }

span.zdapt {
 text-shadow: 1px 1px 1px #443;
 }

table.box {
 color: #222255;
 border: 2px solid #444488;
 background-color: white;
 border-collapse: collapse;
 }
table.box td {
 border-width: 0px;
 padding: 10px;
 text-align: left;
 line-height: 125%;
 font-weight: bold;
 }

table.grid {
 color: #222255;
 border: 2px solid #444488;
 background-color: white;
 border-collapse: collapse;
 }
table.grid th {
 border: 2px solid #666666;
 padding-top: 2px;
 padding-right: 8px;
 padding-bottom: 2px;
 padding-left: 8px;
 text-align: center;
 font-weight: bold;
 background-color: #dedede;
 }
table.grid td {
 border: 2px solid #666666;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 rem text-align: center;
 line-height: 150%;
 font-weight: bold;
 }

ul.blue li {
 color: #028;
 margin: 12px 0px 10px 0px;
 }

ul.x li {
 margin: 12px 0px 10px 0px;
 list-style-type: square;
 }