@media screen {
H1 { font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color: silver}
H2 { font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: silver}
H3 { font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: silver; font-style: italic}
H4 { font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: silver; font-style: italic}
H5 { font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: silver }
H6 { font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: Silver; font-style: italic }
body {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; margin: 30; color: #cc00cc; background-color:#ffddff;}
table { font-size: 0.9 em; }

div.banner {
  margin: 0;
  font-family: Geneva;
  font-style: normal;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.1;
  text-align: left;
  position: absolute;
  top: 1.0em;
  width: auto;
  right: 1.0em;
}
body>div.banner {position: fixed}
div.banner p {
  margin: 0; 
  padding: 1em 1em;
  font-family: Arial, sans-serif;
  background: #ffccff;
  border: thin silver solid;
  color: #cc00cc;
}
div.banner em { color: black }
div.banner a, div.banner em { display: block; margin: 0.5em 0em }
div.banner a:link { text-decoration: none; color: silver }
div.banner a:visited { text-decoration: none; color: silver }
div.banner a:hover {cursor: url('wand.cur'), pointer; }
div.banner a:hover { background: #ffddff; color: silver; }

div.figure {
  width: 70%;
  text-align: center;
  font-size: xx-small;
  font-style: italic;
  margin: 0.0em;
  padding: 2.5em;
  text-indent: 0;
}
div.figure p + p {
  display: table-caption;
  caption-side: top;
}

img.scaled {
  width: 90%;
}

div.logo {
	float: right 
  width: 50%;
  text-align: top;
  font-size: xx-small;
  font-style: italic;
  margin: 0.0em;
  padding: 2.5em;
  text-indent: 0;
}
img.logo {
  width: 10%;
}

div.rhs_img {
  float: right;
  width: 7%;
  text-align: left;
  padding: 0.3em 0.3em;
}
div.lhs_img {
  float: left;
  width: 7%;
  text-align: right;
  padding: 0.3em 0.3em;
}
img.minature {
  width: 300%;
}
img.small {
  width: 400%;
}

}

@media print {
div.figure {display: none;}
}
