@media screen and (min-width: 0px) and (max-width: 480px) {
   body { color: #000000; background-color: #ddffee; font-size: small; margin-left: 5%; margin-right: 5% }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
   body { color: #000000; background-color: #ddffee; font-size: medium; margin-left: 5%; margin-right: 5% }
}
@media screen and (min-width: 801px) {
   body { color: #000000; background-color: #ddffee; font-size: medium; margin-left: 5%; margin-right: 5% }
}

a:link { color: #0066ff }
a:visited { color: #cc0000 }
a:active { color: #cc6633 }
a:hover { color: #cc6633 }

div { text-align: center }
div.l { text-align: left }

span.a5 { font-size: 133% }
span.a4 { font-size: 117% }
span.a3 { font-size: 100% }
span.a2 { font-size: 85% }
span.b5 { font-size: 133%; color: #9900ff }
span.b4 { font-size: 117%; color: #9900ff }
span.b3 { font-size: 100%; color: #9900ff }
span.b2 { font-size: 85%; color: #9900ff }
span.c5 { font-size: 133%; color: #006600 }
span.c4 { font-size: 117%; color: #006600 }
span.c3 { font-size: 100%; color: #006600 }
span.c2 { font-size: 85%; color: #006600 }
span.d5 { font-size: 133%; color: #ff0066 }
span.d4 { font-size: 117%; color: #ff0066 }
span.d3 { font-size: 100%; color: #ff0066 }
span.d2 { font-size: 85%; color: #ff0066 }
span.e11 { font-size: 233%; color: #0000cc }
span.e10 { font-size: 217%; color: #0000cc }
span.e9 { font-size: 200%; color: #0000cc }
span.e8 { font-size: 183%; color: #0000cc }
span.e7 { font-size: 166%; color: #0000cc }
span.e6 { font-size: 150%; color: #0000cc }
span.e5 { font-size: 133%; color: #0000cc }
span.e4 { font-size: 117%; color: #0000cc }
span.e3 { font-size: 100%; color: #0000cc }
span.f1 { font-size: 80%; color: #ddffee }

td.w40 { text-align: center; width: 40px}

table { text-align: center }
tr.left { text-align: left }
tr.center { text-align: center }

hr { color: #009933; margin-top: 20px; margin-bottom: 20px }
hr.20 { color: #009933; margin-top: 20px; margin-bottom: 0px }
hr.02 { color: #009933; margin-top: 0px; margin-bottom: 20px }
hr.00 { color: #009933; margin-top: 0px; margin-bottom: 0px }

img { border-style: none }

@media screen and (min-width: 0px) and (max-width: 480px) {
   img.top { width: 40% }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
   img.top { width: 45% }
}
@media screen and (min-width: 801px) {
   img.top { width: 50% }
}