body
{
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:black;
  background:AliceBlue url("images/bknotes.gif") repeat;
  margin:1px; padding:1px 1px 1px
}

html {font-size: 16px;}
@media (min-width: 320px)
{
  html
  {
    font-size: calc(14px + 4 * (100vw - 320px) / 1046);
  }
}
@media (min-width: 1366px)
{
  html
  {
    font-size: 18px;
  }
}

div {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top:1em}
div.main
{
   font-size: 95%;
   padding: 0.1em 1em;
   margin: 0em
}

img {border:0em; padding:0.3em; vertical-align:center}

table {font-size:1em}
h1,h2,h3,h4 {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; margin-top:0.5em; margin-bottom:1px; padding-bottom:1px}
h1 {color:#CC0000; font-size:large; font-size:160%}
h2 {color:#003300; font-size:medium; font-size:140%}
h3 {color:navy; font-size:small; font-size:110%}
h4 {color:#660000; font-size:small; font-size:105%;}

p {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top:0.6em; margin-bottom:0.1em; padding-top:0.1em}
ul {margin-top:0.6em; margin-bottom:0.1em}
ol {margin-top:0.6em; margin-bottom:0.1em}
td {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif}

.subhead {color:#003300; font-size:110%; font-weight:600; margin-top:0.08em; margin-bottom:0.08em}
.center {text-align:center; clear:both}
.smaller {font-size:70%}
.credits {font-size:7pt; font-weight:normal; text-align:center; color:#CCCCCC; margin-top:0.1em}

a {color:#0000FF; font-weight:600}
a:link {color:#0033CC}
a:visited {color:#336699}
a:hover {color:Black; background:White}
a:active {color:#990000}

.topbar {font-size:130%; margin:0.08em; padding: 0px; height:1.4em; border:thin solid gray; border-bottom:outset 0.1em;}
.topleft,.topright {font-weight:bold; font-style:italic; height:1.4em; margin:0px; padding:0em 0.3em}
.topleft {padding-right:0.5em; float:left}
.topright {text-align:right; float:right}
.buttons {clear:both; font-size:90%; font-family:Tahoma, Arial, Helvetica, sans-serif; text-align:right; margin:0.1em}
.btn {height:1.6em; border:outset 0.1em}

/* New styles not compatible with old Netscape versions */
@media screen, projection
{
  .topbar {background:MidnightBlue}
  .topleft {background:MidnightBlue; color:AliceBlue}
  .topright {background:MidnightBlue; color:White}
  .btn {margin:0.1em; padding:0.1em 0.3em; background:White}

  .xtopbar {background:DimGray}
  .xtopleft {background:LightYellow; color:DimGray}
  .xtopright {background:DimGray; color:LightYellow}
  .xbtn {margin:0.1em; padding:0.1em 0.3em; background:Gainsboro}
}

@media print
{
  body {background:white}
  .topbar {background:white; color:#003366}
  .topright {color:#FF9900}
  .buttons {margin-top:0.7em}
  .btn {margin-top:0.5em; padding:0.1em 0.08em; background:#D0D0D0}
}