body {
 background-color: rgb(138,211,201);
 color: black;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 margin: 0;
 padding: 0;
 }

#outside {
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 0;
 width: 768px;
 }

#surround {
 border: none;
 color: rgb( 21, 68, 72);
 display: inline;
 float: right;
 margin-left: 0;
 margin-right: 0;
 padding: 0;
 }

#header {
 background-image: url(/images/header4.jpg);
 background-position: center;
 background-repeat: no-repeat;
 border: none;
 height: 280px;
 width: 768px;
 }

#header h1{
 left: -1000px;
 position: absolute;
 }

#header h2 {
 left: -1000px;
 position: absolute;
 }

.mainnav {
 background-color: rgb(138,211,201);
 display: block;
 list-style: none;
 padding: 5px 0 5px 0;
 width: 768px;
 }

.mainnav ul{
 font: bold 12px Verdana;
 list-style-type: none;
 margin: 10px 0px 10px 0px;
 padding: 13px 5px 12px 5px;
 text-align: center;
 }

.mainnav li{
 display: inline;
 margin: 0;
 }

.mainnav li a{
 background-color: rgb(225,243,238);
 color: rgb( 21, 68, 72);
 font: bold 12px Verdana;
 margin: 0px 0px 0px 0px;
 padding: 3px 5px 2px 5px;
 text-decoration: none;
 }

.mainnav li a:visited{
 color: rgb( 21, 68, 72);
 }

.mainnav li a:hover,
.mainnav li.selected a{
 background-color: rgb( 21, 68, 72);
 color: rgb(225,243,238);
 }

.mainnav ul li a.currentpage,
.mainnav ul li a:visited.currentpage {
 background-color: rgb(138,211,201);
 }

#text {
 background-color: rgb(191,183,152);
 color: rgb( 55, 46,  6);
 display: inline;
 float: left;
 text-align: left;
 width: 768px;
 }

#text li,
#text li {
 padding-bottom: 10px;
 }

#text ol,
#text ul,
#text p {
 margin: 10px 10px;
 }

#round-top {
 background: url(/images/tr.jpg) no-repeat top right;
 }

#round-bottom {
 background: url(/images/br.jpg) no-repeat top right;
 }

a img {
 border: 0;
 }

h1 {
 font-size: 150%;
 text-align: center;
 }

h2 {
 font-size: 130%;
 text-align: center;
 }

h3 {
 font-size: 120%;
 text-align: center;
 }

h4 {
 font-size: 110%;
 text-align: center;
 }

hr {
 background-color: rgb(225,243,238);
 border: none;
 color: rgb(225,243,238);
 height: 1px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 width: 80%;
 }

hr.clrboth {
 clear: both;
 }

.list-a {
 list-style-type: lower-alpha;
 }

.list-i {
 list-style-type: lower-roman;
 }

pre {
 padding: 10px;
 }

.pad10 {
 padding: 10px;
 }

.size4 {
 font-size: 125%;
 margin: 0;
 text-align: center;
 text-indent: 0;
 }

.size5 {
 font-size: 150%;
 margin: 0;
 text-align: center;
 text-indent: 0;
 }

.centered {
 text-align: center;
 }

.justify {
 text-align: justify;
 }

.right {
 text-align: right;
 }

.left {
 text-align: left;
 }

.red {
 color: red;
 }

.hide {
 display: none;
 }

.show {
 background-color: #FFCCCC;
 font-style: italic;
 font-weight: bold;
 }

.fleft {
 float: left;
 margin: 10px;
 }

.fright {
 float: right;
 margin: 10px;
 }

form.centered,
table.centered {
 margin-left: auto;
 margin-right: auto;
 }

table.centered ul {
 margin-left: 10px;
 margin-right: 10px;
 padding-left: 10px;
 padding-right: 10px;
 }

table {
 border-collapse: separate;
 border: none;
 margin: 0 auto;
 overflow: scroll;
 padding: 0;
 table-layout: fixed;
 width: 100%;
 }

.s21 {
 padding: 3px;
 text-align: right;
 width: 50%; }

.s22 {
 padding: 3px;
 text-align: left;
 width: 50%; }

.t21 {
 padding: 3px;
 text-align: right;
 width: 50%; }

.t22 {
 padding: 3px;
 text-align: left;
 width: 50%; }

.a41 { width: 33%; }
.a42 { width: 45%; }
.a43 { width: 22%; }

.w50 {
 width: 50%;
 }

.w70 {
 width: 70%;
 }

.w80 {
 width: 80%;
 }

.f75 { font-size: 75%; }

.c21 { width: 32%; }
.c22 { width: 68%; }

.f31 {
 text-align: center;
 width: 5%;
 }

.f32 {
 width: 87%;
 }

.f33 {
 text-align: center;
 width: 8%;
 }

input,
select,
option,
checkbox,
textarea {
 background-color: rgb(138,211,201);
 border: 2px solid silver;
 color: black;
 font-family: Courier, monospace;
 font-size: 110%;
 font-weight: bold;
 }

input:focus,
textarea:focus {
 background-color: rgb(225,243,238);
 }

.note {
 font-size: 75%;
 font-style: italic;
 text-align: center;
 }

.bigger {
 border-style: double;
 color: rgb(187,  0,  0);
 font-size: 140%;
 margin: 0;
 vertical-align: top;
 }

.atop {
 padding: 10px;
 vertical-align: top;
 }

.fj {
 text-align: justify;
 }

#footer {
 background-color: rgb(138,211,201);
 display: inline;
 float: left;
 font-size: 11px;
 margin: 0 0 0 0;
 padding: 5px 0 5px 0;
 text-align: center;
 width: 768px;
 }

#footer img{
 padding: 0 5px 0 5px;
 }

.w100 {
 width: 100%;
 }

.darkbar {
 background-color: #cccccc;
 }

.litebar {
 background-color: #dddddd;
 }