/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126   License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, 
nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;
vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1.1;} 
ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';	content: none;}
table {border-collapse: collapse;	border-spacing: 0;}
/* end reset */

body {color: #000039; background: #ccffff;
  font-family:  "Century Gothic", CenturyGothic, "Futura Light", Futura-Light, Verdana, Geneva, sans-serif;
  font-size: .75em;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ccffff), to(#336699));
  background-image: -webkit-linear-gradient(top, #ccffff, #336699);
  background-image:    -moz-linear-gradient(top, #ccffff, #336699);
  background-image:     -ms-linear-gradient(top, #ccffff, #336699);
  background-image:      -o-linear-gradient(top, #ccffff, #336699);
  background-image:         linear-gradient(top, #ccffff, #336699);}
.header {margin: 0 0 0 1%; padding: 0 0 0 5px;}
.container {margin: 3%; padding: 0 0 20px 0;}
img {border-width: 0; max-width: 90%;}
h1 {font-size: 1.3em; margin: .4em 0 0 0;}
h2 {font-size: 1.2em; margin: .3em 0 0 0;}
h3 {font-size: 1.1em; margin: .3em 0 .3em 0;}
a {color: #00F; text-decoration: none;}
p {line-height: 1.3; margin: .6em 0 .8em 0;}
.sm {font-size: .8em;}

.s {padding: 1em 1.2em 1.2em 1.2em; margin: 0 0 1em 0; background: #ccffff;}
.l {padding: 1em 1em 1.2em 1em; margin: 0 0 1em 0; background: #ccffff;
border-width: .1em 0 .1em 0; border-style: solid; border-color: #99cccc;}
.clr {clear: both; padding: 1.6% 0 1.6% 0;}
.clrdos {clear: both; padding: 0 0 1px 0;}
.clrcut {display: none;}

.bold {font-weight:bold;}
.boldit {font-style:italic; font-weight:bold;}

.ft {padding: 20px 6px 6px 20px; text-align: center;}
.c {width: 42%; float: left; margin: 1px 0 1px 0; padding: 1em 1em 1em 0; min-height: 14em;}
.center {text-align: center;}
.sup {position: relative; top: -0.5em; font-size: 80%;}

@media only screen and (max-width: 600px) {body {font-size: 1.125em;}}
@media only screen and (min-width: 601px) {body {font-size: 1.188em;}}
@media only screen and (min-width: 800px) {body {font-size: 1.25em;}}
@media only screen and (min-width: 1026px) {body {font-size: 1.313em;}}
@media only screen and (min-width: 1360px) {body {font-size: 1.375em;}}
@media only screen and (min-width: 1440px) {body {font-size: 1.438em;}}
@media screen and (min-width: 1600px) {body {font-size: 1.5em;} }
@media screen and (min-width: 1800px) {body {font-size: 1.563em;}}
@media screen and (min-width: 2000px) {body {font-size: 2em;}}
@media screen and (min-width: 2400px) {body {font-size: 2.5em;}}
@media screen and (min-width: 2800px) {body {font-size: 3em;}}
@media screen and (min-width: 3000px) {body {font-size: 3.5em;}}
@media screen and (min-width: 3400px) {body {font-size: 4em;}}