h1 {text-align:center; font-weight:bold; font-size:x-large}
h2 {text-align:center; font-weight:bold; font-size:large}
tr {text-align:center;}
.skipnav { text-align: left; }
.skipnav a { position: absolute; left:-200em; padding:0em; overflow: hidden; }
.skipnav a:focus, .skipnav a:active { position: static; left:0; width: auto; height: auto; overflow: visible; text-decoration: underline; }
body {font-family:"Arial", sans-serif;}
.lf {clear:both;}
.center {text-align:center;}
.bor {border:1px outset gray;}
.borR {border-right:1px outset gray;}
.borT {border-top:1px outset gray;}
.bgc {background-color:#FFFFCC;}
.nov {color:#800000; font-size:x-large; text-align:center;}
.blk {color:black;}
.l50 {float:left; width:50%;}
.right {float:right;}
@media print {#header {display:none;}}
@media screen {
#header {background-color:#000080; width:100%; margin:0px; text-align:center;}
#header ul { padding:0; margin:0 auto; list-style:none; display:inline-block;} 
#header li { float:left; position:relative; display:block; margin-top:0px; margin-bottom:0px; margin-left:5px; margin-right:5px; background-color:#000080; color:#FFFFFF; cursor: pointer; text-align:left;}
#header li:hover {background-color:#004000; color:#FFFFFF;}
#header li ul { display:none; position:absolute; }
#header li:hover ul.alignleft{ display:block; height:auto}
#header li:hover ul.alignright{ display:block; height:auto; right:0px; background-color:#004000}
#header li ul li{ clear:both; white-space: nowrap; border:0px; background-color:#004000; width:100%; padding-top:1em; padding-bottom:0.5em}
#header li a:link{color:#FFFFFF; text-decoration: none;}
#header li a:visited{color:#FFFFFF; text-decoration: none;}
#header li a:hover{background-color:#004000; color:#FFFFFF; text-decoration: none;}
#header li a:active{background-color:#004000; color:#FFFFFF; text-decoration: none;}
#header li ul li a:link{background-color:#004000; color:#FFFFFF; display:block; width:100%;}
#header li ul li a:visited{background-color:#004000;color:#FFFFFF; display:block; width:100%;}
#header li ul li a:hover{background-color:#FFFFFF; color:#004000; display:block; width:100%;}
#header li ul li a:active{background-color:#FFFFFF; color:#004000; display:block; width:100%;}
}
@media screen and (max-width: 400px) { #header { font-size:0.7em;}}
@media screen and (min-width: 400px) { #header { font-size:1em;}}
h2, h3 {color:red;}