body 
{
margin-top: 0px;
margin-left: 0px;
color: black;
background-color: #F5FFFA;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
}


a {color: #04B431; font-family: 'Slabo 27px', Verdana, Arial, Helvetica, sans-serif;   text-decoration: none}
a:visited {color: #04B431; text-decoration: none}
a:hover {color: #2F4F4F; text-decoration: underline}

a.tableatext {
color: #2F4F4F; font-family: 'Slabo 27px', Verdana, Arial, Helvetica, sans-serif; text-decoration: none
}

a.tableatext:visited {color: #2F4F4F; text-decoration: none }
a.tableatext:hover {color: #04B431; text-decoration: underline }


h1 
{
font-family: 'Slabo 27px', Verdana, Arial, Helvetica, sans-serif; 
font-size: 24px; 
font-style: normal; 
font-weight: bold;
text-decoration: none;
}

.whitetext {
color: white;
}

.imgaligncenter {
padding-left: 28%;
}

.tableheaderfont {
font-size: 14px;
font-weight: bold;
}

.tablebodyfont {
font-size: 13px;
}

h2 
{  
font-family: 'Slabo 27px', Verdana, Arial, Helvetica, sans-serif; 
font-size: 18px;
font-weight: bold;
text-decoration: none;

}

h3 {
font-family: 'Slabo 27px', Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

p  
{
font-family: 'Slabo 27px', Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;
font-style: normal; 
font-weight: normal; 
text-decoration: none;
margin-top: 0px;
}

#header {
position: relative;
margin: auto;
border-left: 2px solid gray;
border-right: 2px solid gray;
border-top: 2px solid gray;
width: 72%; 
height: 125px;
background-color: #008B8B;
}

#nav {
position: relative;
width: 72%; 
height: 25px;
margin: auto;
border-left: 2px solid gray;
border-right: 2px solid gray;
border-top: 2px solid gray;
background-color: #2F4F4F;
}

#nav ul {  
padding-top: 5px;
padding-left: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15%;
list-style-type: none;
}  

#nav li {  
padding-right: 5px;
display: inline;
margin-right: 13%;
}             

#nav a {color: white;  font-size: 14px; font-weight: bold; text-decoration: none}
#nav a:visited {color: white; text-decoration: none}
#nav a:hover {color: #04B431; text-decoration: none}
            
#section {
position: relative;
width: 72%; 
background-color: white; 
margin: auto;;
border: 2px solid gray;
padding-top: 3%;
padding-bottom: 3%;
}

#footer {
position: relative;
width: 72%; 
height: 40px;
background-color: #008B8B; 
margin: auto;
border-left: 2px solid gray;
border-right: 2px solid gray;
border-bottom: 2px solid gray;
} 

.bodytopmargin {
margin-top: 20px;
}

.centertext {
margin-left: 28%; }

.rightbox {
margin-right: 7%;
float: left;
}

.leftbox {
margin-left: 25%;
padding-right: 5%;
}

.imgpadding {
padding-left: 5%;
padding-right: 2% }

.floatimage {
float: left;
}

.aligntextleft {
margin-left: 75%;
}

.bodytextpadding {
padding-left: 7%;
padding-right: 7%;
}

table {
    font-family: 'Slabo 27px', Verdana, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 40%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

img {
max-width: 100%;
}

.imgbox {
width: 78%;
}

.buttonpadding {
padding-right: 4%;
}



@media screen and (max-width: 1300px) {
#nav a {
font-size: 95%; }

#header {
width: 72%; 
height: 90px; }

#footer {
font-size: 95%; }

.textppadding {
padding-right: 5%;
padding-left: 20%; 

.dontdisplay {
display: inline !important;}
}


@media screen and (max-width: 1000px) {
#nav a {
font-size: 95%; }

#header {
width: 72%; 
height: 90px; }

}

@media screen and (max-width: 1000px) {
#nav a {
font-size: 95%; }

#header {
width: 72%; 
height: 90px; }

#footer {
display: none;

.displayimage {
display: none; }