body {
 color: #000000;
 background: #ffffcc;
 font-size: large;
 font-family: Arial, sans-serif;
}

div.content { margin-left: 14.5em; clear: none; }
.highlight { color: #008000; }
#printing { color: #000000; font-size: small; }
img { padding: 0em; margin: 1em; border-style: none; }
img.inset { padding: 0.25em 0 0 0; margin: 0 1em 0.5em 1em; border-style: none; }
div.per { min-height: 150px; }

a:link { color: #0022dd; }
a:visited { color: #002288; }
a:hover { color: #0022dd; background-color: #bbbbbb; }
a:active { color: #ff0000; background-color: #dddddd; }

h1 { font-size: 2.25em; color: #008000; font-weight: bold; }
h2 { font-size: 1.75em; color: #008000; font-weight: bold; }
h3 { font-size: 1.25em; color: #008000; font-weight: bold; }
h4 { font-size: 1.00em; color: #008000; font-weight: bold; }

div.navbar {
 padding: 1em;
 margin: 0em 1em; /* t r b l */
 width: 12em;
 float: left;
 border-right: solid #111111 thin;
 color: #000000;
 font-size: smaller;
}

.navbar ul { margin: 0; padding: 0; border: none; }
.navbar li { padding: 0.1em 0em; list-style: none; }
.navbar li li { padding: 0.1em 0.1em 0.1em 0.3em; }


@media print {
 body {
  color: #000000;
  background: #ffffff;
  font-size: medium;
  font-family: Arial, sans-serif;
 }

 div.content { margin: 1em; }
 .navbar { display: none; }
}

/* ends */