body {
  margin: 0;
  padding: 0;
  min-width: 800px;
  background-image: url('images/ocean-night.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  font: small Arial, Helvetica, Verdana, sans-serif;
}
#wrapper {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  color: #01407a;
  padding: 0;
}
#menubg {
  background-image: url(images/menu.gif);
  background-repeat: repeat-y;
  background-position: top left;
  border-left: 3px solid #3333ff;
  border-bottom: 3px solid #3333ff;
  clear: both;
}

/* wrapper margins will move everything */

#tagline {
  text-align: center;
  background-color: #ccffdd;
  font-weight: bold;
  font-family: Verdana, Helvetica, sans-serif;
  color: navy;
  font-style: italic;
  padding: 0;
  font-size: 165%;
  width: 795px;
  line-height: 1.6em;
  border: 3px solid #3333ff;
  margin: 0;
}

#search {
  background-color: #ccffdd;
  width: 795px;
  font-size: x-small;
  font-weight: bold;
  color: #000066;
  margin: .5em 0 .5em 0;
  padding: 5px 0 0 0;
  text-align: center;
  border: 3px solid #3333ff;
}

#content {
  background-color: #ccffdd;
  border-top: 3px solid #3333ff;
  border-left: 3px solid #3333ff;
  border-right: 3px solid #3333ff;
  padding: 0;
  display: inline-block;
}
#content .inner {
  margin:.5em 0em 0 0;
}
/* above controls the margins of the text in the main text window */

#content h1, h2, h3, h4 {
  font-family: Verdana, Helvetica, sans-serif;
}

#content h1 {
  font-size: 120%;
  color: #01407a;
  padding: 0.3em 0 0.3em 30px;
  background-repeat: no-repeat;
  background-position: left center;
  border-top: 1px solid #c5d6e2;

}
#content h2 {
  font-size: 260%;
  font-weight: normal;
  color: #032469;
  border-bottom: 1px solid #c5d6e2;
  margin: 1em 0 0 0;
}
#content p {
  line-height: 1.6em;
  margin-right: .5em;
}

#content ul {
  background-color: #ccffdd;
  font-weight: bold;
  margin-left: 20px;

}

#content ol {
  background-color: #ccffdd;
  font-weight: bold;
  margin-left: 35px;
  line-height: 1.4em;
}
#content li {
  background-color: #ccffdd;
  font-weight: normal;
  margin-left: 5px;
  margin-right: 10px;

}
#dateline {
  font-size: 160%;
  font-weight: normal;
  font-family: Georgia, Times, "Times New Roman", serif;
  color: #032469;
  margin: 0.3em 0 0 0;
}
.intro {
  font-weight: bold;
  font-family: Verdana, Helvetica, sans-serif;
  padding: 10px;
  text-indent: 1em;
}

.introfirst {
  font-weight: bold;
  font-family: Verdana, Helvetica, sans-serif;
  padding: 10px;
}

.intro1 {
  font-weight: bold;
  font-size: 90%;
  background-color: #009988;
  color: navy;
  padding: 10px;
}

.intro2 {
  font-weight: bold;
  padding: 5px;
  width: 50%;
}

.intro3 {
  font-weight: bold;
  font-size: 130%;
  padding-left: 15px;
  background-color: #ccffdd;
  color: navy;
}

.intro4 {
  font-weight: bold;
  padding-left: 35px;
  width: 80%;
  color: navy;
}

.intro5 {
  font-weight: bold;
  padding-left: 335px;
  padding-top: 20px;
}

.intro6 {
  font-weight: bold;
  margin-left: 17em;
  width: 50%;
}
.intro7 {
  font-weight: bold;
  font-size: 90%;
  background-color: #009988;
  color: yellow;
  padding: 10px;
}


#content-wrapper {
  margin: 0 0 0 210px;
}

.mapheader {
text-align: center;
}
.stateheader {
  text-align: left;
  margin-left:25px;
  background-color: navy;
  color: white;
  word-spacing: 130px;
  font-weight: bold;
}
.stateheader a{
  color: white;
  font-weight: bold;
  text-decoration: none;
}
.states {
  text-align: left;
  margin-left: 60px;
  color: navy;
  font-family: Helvetica,Arial;
  font-size: smaller;
  font-weight: lighter;
  table-layout: fixed;
}
.states a {
  text-decoration: none;
}
.states p {
  margin-left: 15px; 
}
.sailloft {
  text-align: left;
  margin-left: 60px;
  color: navy;
  font-family: Helvetica,Arial;
  font-size: small;
  font-weight: lighter;
  table-layout: fixed;
}
.sailloft a {
  text-decoration: none;
}
.sailloft p {
  margin-left: 15px; 
}
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: #009988 url(/glossyback.gif) repeat-x bottom left;
font: 11px Verdana, Helvetica, sans-serif;
font-weight: bold;
color: yellow;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 220px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
list-style-type: none;
}

.glossymenu li ul li{
float: left;
display:inline;
list-style-type: none;
}

.glossymenu li ul a{
width: 200px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
list-style-type: none;
}

.glossymenu .arrowdiv{
position: absolute;
right: 5px;
background: transparent url(/right.gif) no-repeat center right;   /* original was arrow.gif */
}

.glossymenu li a:visited  {
  color: yellow;
}

.glossymenu li a:active{
color: yellow;
}

.glossymenu li a:hover{
background-image: url(/glossyback2.gif);
color: lime;
font-weight: bold;
}
<!--[if lte IE 7]>
/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a {height: 1%; }
  display: inline;
/* End */
 <![endif]-->
 
#menu {
  position: relative;
}

#extras {
  width: 190px;
  font-weight: bold;
  font-family: Georgia, Times, "Times New Roman", serif;
  background-color: #009988;
  float: left;
  padding-left: 5px;
  font-size: 110%;
  color: navy;
  margin: 0 0 0 0;
  text-decoration: none;
  line-height: .5em;
  border-top: 3px solid #3333ff;
}

#extras h3 {
  background-color: #ccffdd;
  width: 180px;
  text-align: center;
  line-height: 1.6em;
  color: navy;
  font-size: 110%;
  border: none;
}

.img1 {
  background-color: #ccffdd;
}
input.txt {
  color: #00008B;
  background-color: #E3F2F7;
  width: 180px;
}
textarea {
  color: #00008B;
  background-color: #E3F2F7;
}
select {
  color: #00008B;
  background-color: #E3F2F7;
  font-weight: bold;
}
.inner {
  margin: 0 0 0 0;
  text-align: justify;
}

.inner h3 {
   background-color: #009988;
   text-align: center;
   font-size: 160%;
   color: white;
   width: 100%;
}

.inner1 h3 {
   background-color: #FF0000;
   text-align: center;
   font-size: 160%;
   color: white;
   width: 100%;
}

.inner h4 {
   background-color: #009988;
   text-align: center;
   font-size: 130%;
   color: white;
   width: 100%;
}

.inner h5 {
   background-color: #ccffdd;
   text-align: center;
   font-size: 130%;
   color: navy;
   width: 100%;
}

.inner h6 {
   background-color: #009988;
   text-align: left;
   font-size: 130%;
   color: white;
   width: 100%;
   word-spacing: 7em;
   padding-left: 2em;
}
.inner li {
  margin-right: .5em;
}

.finish {
  text-align: center;
  font-weight: bold;
  color: navy;
}
.member {
   background-color: #009988;
   color: white;
   font-weight: bold;
   padding-left: 10px;
   padding-right: 10px;
   border: 10px solid #009988;
}

#address {
  font-family:medium Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  background-color: #ccffdd;
}

.one {
  table-layout: fixed;
  text-align: center;
  background-color: #ccffdd;
  color: navy;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: small;
}

.two {
  table-layout: fixed;
  text-align: center;
  background-color: #ccffdd;
  color: navy;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: 85%;
}

.three {
  table-layout: fixed;
  text-align: left;
  background-color: #ccffdd;
  color: navy;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: small;
  width: 100%;

}

.four {
  table-layout: fixed;
  text-align: left;
  background-color: #ccffdd;
  color: #000000;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: 85%;
  width: 100%;
}


.intro .x {
  position:absolute;
  left:525px;
  top: 80px;
}

.intro .x1 {
  position:absolute;
  left:520px;
  top: 310px;
}

/* phpuploader css below */

button {font-family:Arial,Verdana;}
.uploads { 
text-align: center; 
border:solid 5px #CBCAC6;
background-color:#ccffdd; /*#f9f9f9;*/
padding: 10px 0 20px 0; 
font-family:Segoe UI, Arial,Verdana,Helvetica,sans-serif;
/* font-size: 80%; */
margin: 0 auto; 
} 
table.Grid
{
        text-align: center;
	border-width: 5px;
	border-style: none;
	background-color: White;
	border-color: gray;
	font-family:Segoe UI, Arial,Verdana,Helvetica,sans-serif;
	/*font-size: 90%; */
}

table.Grid TD, table.Grid TH
{
	padding: 4px 6px 4px 6px;
	border: solid 1px #E1E1E1;
	vertical-align: top;
        text-align: center;
}

table.Grid TH
{
	background-color: #E1E1E1;
	font-weight: normal;
	color: #505050;
        text-align: center;
}