body {
 color: #000;
 background-color: #fff;
 padding: 0;
 margin: 0 auto auto auto;
 text-align: left;
 vertical-align: top;
 font-family: "Georgia", "DejaVu Serif", "Bitstream Vera Serif", serif;
}

html {
 font-size: 90%;
 min-width: 100px;
}
div {
 text-align: left;
 padding: 6px;
 margin: 6px;
}
ul,ol {
 margin: 12px 0 12px 0;
 padding-left: 2em;
}

ul {
   list-style-image: url(graphics/bullet.png);
}

li {
 margin-left: 0;
 padding-left: 6px;
 list-style-image: url(graphics/bullet.png);
}

tr {
 vertical-align: top;
}

a {
 text-decoration: none;
 color: #046;
 background-color: transparent;
}

a: visited {
 color: #035;
 background-color: transparent;
}

a: hover {
 background-color: #def;
}

div#everything {
 padding: 0;
 margin: 12px auto 12px auto;
 max-width: 275mm;
}

div#header, div#notheader {
 width: 90%;
 padding-left: 0;
 padding-right: 0;
 margin: 0 auto;
 overflow: auto;
}

div#header {
 background-color: #eee;
 padding-bottom: 0;
 border-style: solid;
 border-width: 0 1px 0 1px;
 border-color: #fff;
}

#header : link, :visited {
 background-color: #ddd;
}

#header img {
 display: block;
 float: left;
 border-style: none;
 border-width: 0;
 margin: 0 auto 6px 6px;
}

#header p {
 text-align: right;
 font-size: small;
 font-family: Verdana, sans-serif;
 color: #fff;
 margin: 3px 12px 0 auto;
}

#header form {
 display: block;
 text-align: right;
 margin-right: 12px;
 margin-top: 27px;
}

#header form p {
 margin: 0 0 0 auto;
 padding: 0;
}

div#notheader {
 padding-top: 0;
 border-style: solid;
 border-color: #000;
 border-width: 0 1px 1px 1px;
}

div#main {
 float: right;
 text-align: left;
 padding-left: 3px;
 padding-right: 0;
 margin-top: 0;
 margin-right: 12px;
 width: 72%;
}

div.legend {
 float: right;
 padding: 5px 5px 5px 5px;
 width: 100px;
 background-color: #eee;
 font-family: Verdana, sans-serif;
 font-size: x-small;
}

span.red {
 color: #f00;
}

p {
 max-width: 50em;
}

ul#leftbar {
 display: block;
 float: left;
 width: 20%;
 padding: 6px;
 margin-left: 0px;
 overflow: visible;
 background-color: #eee;
 list-style-type: none;
 min-height: 600px;
}

#leftbar a {
 text-decoration: none;
 color: #057;
 background-color: #eee;
}

#leftbar a: hover {
 background-color: #cde;
}

#leftbar li {
 list-style-type: none;
 list-style-image: none;
 padding: 0;
}
#leftbar > li {
 font-weight: bold;
 margin: 3px 0 3px 6px;
}

#leftbar > li > ul {
 margin: 3px auto auto 12px;
 padding: 0;
}

#leftbar > li > ul > li {
 font-weight: normal;
 margin: 0;
}

p#copyright {
 color: #999;
 font-family: Verdana, sans-serif;
 font-size: small;
 text-align: center;
 width: 90%;
 margin: 0 auto;
 padding-top: 3px;
}
h1, h2, h3, h4 {
 font-family: Verdana, sans-serif;
 font-weight: bold;
 color: #777;
}

h1 {
 font-size: xx-large;
 margin: 0.7em auto 0.5em auto;
}

h2 {
 font-size: large;
 margin: 0.7em auto 0.15em auto;
}
h3 {
 font-size: medium;
 margin: 0.5em auto 0 auto;
}

h4 {
 font-size: medium;
 font-weight: normal;
 margin: 0.5em auto 0 auto;
}

input {
 font-family: Verdana, sans-serif;
 font-size: 11px;
}

textarea {
 font-family: Verdana, sans-serif;
 font-size: 11px;
}

table.simplot {
 background-color: #eee;
 padding: 5px;
 border-spacing: 5px;
}

td.simplot {
 color: #b00;
}