body {background: white;}

p1 {font-family: Helvetica; color: #003333; }

p2 {font-family: Helvetica; color: #009999; }

.navbar {background-color: #FFFFFF;
text-align: right;
font-family: helvetica;
font-size: 18px;
color: #009999;
vertical-align:bottom}

.class1 a {text-decoration: none; color: #009999}
.class1 a:hover {text-decoration: none; color: #003333}

.class2 a {text-decoration: none; color: #003333}
.class2 a:hover {text-decoration: none; color: #009999}

.class3 a {text-decoration: underline; color: #009999}
.class3 a:hover {text-decoration: underline; color: #003333}

#logo {position: absolute; top: 0px; z-index: 1}

.navbar2 {background-color: #FFFFFF;
text-align: center;
font-family: helvetica;
font-size: 16px;
color: #003333;
line-height: 25px}

.body {text-align: left; 
font-family: helvetica; 
font-size: 15px; 
color: black; 
overflow: scroll; 
line-height: 18px;}

.scroll {
height: 510px;
width: 530px;
overflow: auto;
padding: 8px;
font-family: helvetica;
font-size: 15px;
line-height: 21px
}

html{overflow:auto}

hr.thin {
height: 2px;
border: 0;
color: #009999;
background-color: #009999;
width: 996px;
z-index: -1;
} 

.footer {text-align: center;
font-family: helvetica;
font-size: 10px;
color: #003333;}

.list {font-family: helvetica;
font-size: 16px;
color: #009999; 
text-align: center; }

.head {font-family: helvetica;
color: #009999;
font-size: 16px; }

#logo {z-index: -1; }

hr.thin2 {
height: 2px;
border: 0;
color: #009999;
background-color: #009999;
width: 520px;
z-index: -1;
}

.scroll2 {
height: 510px;
width: 530px;
overflow: auto;
padding: 8px;
font-family: helvetica;
font-size: 18px;
line-height: 23px;
text-align: center;
}

.sup {
    font-size: 0.65em;
    vertical-align: 15%;
}