body {background-color: rgb(93%,94%,98%); font-size: 0.8em;   font-family: geneva, arial, verdana, sans-serif;}


.pn {color: rgb(71%,71%,91%); border-top: 1px dotted rgb(71%,71%,91%); border-bottom: 2px dotted rgb(71%,71%,91%); text-align: right; padding: 1px; margin: 1px}
.pb {page-break-before: always}
.viewframework {width: 640px}
.viewsq {padding: 8px; margin: 8px; border: 2px dotted gray}
tr {vertical-align: top}
h1 {font-size: 1.4em; padding: 2px; width: 100%; background-color: rgb(60%,85%,95%); clear: both; vertical-align: middle}
h2 {font-size: 1.3em; padding: 2px; width: 100%; background-color: rgb(60%,85%,95%); clear: both; vertical-align: middle}

hr {color: teal}

div.maintext {background-color: white; width: 95%; border: solid #ffff99 1px; padding: 4px; margins: 4px}

div.banner {padding: 2px; width: 100%; background-color: rgb(60%,85%,95%); clear: both; vertical-align: middle}
div.menu1 {width: 100%; clear: both; background-color: rgb(60%,85%,95%)}
div.menu2 {width: 100%; clear: both; background-color: rgb(60%,75%,85%)}
div.menuitem {float: left; border-right: dashed white 1px; border-top: solid white 2px; background-color: rgb(60%,75%,85%); color: teal; padding: 2px}

div.navigatebox {float: left; 
                 border-top: 1px solid teal; 
                 border-left: 1px solid teal; 
                 border-right: 1px solid teal; 
                 border-bottom: 2px solid teal; 
                 background-color: rgb(94%,97%,97%); 
                 color: teal; 
                 font-weight: bold;
                 padding: 4px;
                 margin: 3px;
                 }


a:link {color: teal; text-decoration: none}
a:visited {color: teal; text-decoration: none}
a:hover {color: teal; text-decoration: underline}
a:active {color: teal; text-decoration: none}
form {margin: 0px; padding: 0px}
.color1 {background-color: rgb(60%,75%,85%)}
.color2 {background-color: rgb(60%,85%,95%)}
.color3 {background-color: silver}

.tform {text-align: left; background-color: rgb(95%,95%,90%); color: black; padding: 5px; margin: 5px;}
.tformc {text-align: center; background-color: rgb(95%,95%,90%); color: black; padding: 5px; margin: 5px;}

fieldset {border-top: 1px solid gray;
          border-left: 1px solid teal; 
          border-bottom: 1px solid teal; 
          border-right: 1px solid gray; 
          padding: 3px; 
          margin: 3px;
          font-size: 0.9em;
          }

fieldset.level2 {float: left; width: 25%}
fieldset.level1 {border: 1px solid teal; background-color: white;}

legend span {white-space: normal; display: block; width: 520px;}

legend.level2 {color: teal; border: 1px solid gray; padding: 3px; margin: 3px;}

legend.level1 {color: black; background-color: white; border: 1px solid teal; padding: 3px; margin: 3px;}

input.button1 {border-top: 1px solid teal; border-left: 1px solid teal; background-color: rgb(90%,95%,96%); padding: 2px; margin: 1px;}

input.buttonhere {border-top: 1px solid teal; border-left: 1px solid teal; background-color: rgb(80%,85%,86%); padding: 2px; margin: 1px;}

input.button2 {border-top: 1px solid teal; border-left: 1px solid teal; background-color: rgb(90%,95%,86%); padding: 2px; margin: 1px;}


.wordlink {height: 24px; border-top: 1px solid teal; border-left: 4px solid teal; background-color: rgb(90%,95%,96%); padding: 2px; margin: 1px;}


input.button2here {border-top: 1px solid teal; border-left: 1px solid teal; background-color: rgb(80%,86%,84%); padding: 2px; margin: 1px;}