html,body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
  width: 100%;
  height: 100%;
  background-image: url(/images/background.jpg);
}

.SeaSchool
{
  width: 472px;
  color: #666666;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.SectionBox
{
  width: 422px;
  text-align: left;
  font-weight: bold;
  color: #0099cc;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

.HeadingBox
{
  width: 472px;
  color: #666666;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  border-top: 1px dotted #000000;
  border-bottom: 1px dotted #000000;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
}

.InfoBox
{
  color: #0099cc;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  width: 472px;
  text-align: left;
}


h1
{
  color: #0099cc;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  border: 0px;
}

ul
{
  margin-top: 14px;
  margin-bottom: 14px;
}

li, li a
{
  color: #0099cc;
  text-decoration: none;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

li a:hover
{
  text-decoration: underline;
}

.FinePrint
{
  width: 430px;
  color: #999999;
  font-size: 9px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
}

.BackToTop
{
  text-align: right;
}

.BackToTop a
{
  color: #0099cc;
  text-decoration: none;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.BackToTop a:hover
{
  text-decoration: underline;
}

.Islands
{
  position: relative;
  left: 180px;
  top: 20px;
}

.Islands a
{
  color: #33ccff;
  text-decoration: none;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
}

.Islands a:hover
{
  text-decoration: underline;
}