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

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

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

#header {
 background-image: url(/images/header4.jpg);
 border: none;
 width: 678px;
 height: 280px;
 }

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

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

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

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

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

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

.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 {
 width: 678px;
 background-color: rgb(191,183,152);
 color: rgb( 55, 46,  6);
 float: left;
 text-align: left;
 display: inline;
 }

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

#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;
 }

img.corner {
 width: 10px;
 height: 10px;
 border: 0;
 display: block !important;
 }

a img {
 border: 0;
 }

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

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

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

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;
 }

pre {
 padding: 10;
 }

.pad10 {
 padding: 10px;
 }

.centered {
 text-align: center;
 }

.justify {
 text-align: justify;
 }

.right {
 text-align: right;
 }

.left {
 text-align: left;
 }

.red {
 color: red;
 }

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

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

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

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

table {
 background-color: auto;
 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%;
 }

.f75 { font-size: 75%; }

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

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

.f32 {
 width: 87%;
 }

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

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

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

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

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

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

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

.fj {
 text-align: justify;
 }

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

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