body {
  padding: 0;
  margin: 0;
  background: #AFACA2;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #4A4A4A;
  text-align: center;
}

h1 {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 3.5em;
  color: #A49219;
  margin: 0;
  padding: 0;
}

h2 {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.8em;
  line-height: 110%;
  color: #A49219;
  margin: .5em 0 .5em 0;
  padding: 0;
}

h3 {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  color: #4A4A4A;
}

a {
  color: #999900;
  text-decoration: underline;
}

img {
  border: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  line-height: 140%;
}

td, th {
  padding: 0;
  color: #4A4A4A;
  font-size: 100%;
  text-align: left;
}

br {
  line-height: 90%;
}

/* ---------- FORMS ---------- */

  form {
    margin: 0;
    padding: 0;
  }

  fieldset {
    margin: 0;
    padding: 0;
    border: 1px solid #4A4A4A;
  }

  .fieldsetContent {
    padding: 0 1em 0 1em;;
  }

  legend {
    margin: 0 0 0 1em;
    padding: 0 0.2em 0 0.2em;
    color: #4A4A4A;
  }

  label {
    cursor: pointer;
  }

  form label {
    float: left;
  }

  form input,
  form textarea,
  form select {
    background: #FFFFFF;
    border: 1px solid #5B5B5A;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
  }

/* ---------- /FORMS ---------- */

.cb {
  clear: both;
}

.highlight {
  color: #000000;
  font-weight: bold;
}

  #header {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .centerWidth {
    width: 61.25em; /*980px*/
    margin: 0 auto 0 auto;
    text-align: left;
  }

  #header .left {
    float: left;
    width: 10%;
  }

  #header .right {
    float: right;
    width: 87%;
  }

  #header .left img#logo {
    margin-left: 1.56em; /*25px*/
    width: 5.56em; /*89px*/
    height: 5.875em; /*94px*/
  }

/* ---------- FORM: HEADER SEARCH ---------- */

  #header .right form {
    height: 2.5em; /*40px*/
    padding: .625em 1.56em 0 0; /*10px 25px*/
    text-align: right;
  }

  #header .right form input {
    font-size: .8em;
    color: #5B5B5A;
  }

  #header .right form input#q {
    width: 10em;
  }

  #header .right form input#submitSearch {
    background: transparent;
    border: 0;
    padding: 0;
  }

/* ---------- /FORM: HEADER SEARCH ---------- */

/* ---------- FORM: REGISTRATION ---------- */

  .wrapper .content .middle form#formWebuser fieldset {
    padding: .5em .5em .5em .5em;
    margin: 0;
  }

  .wrapper .content .middle form#formWebuser p {
    padding: .5em .5em .5em .5em;
    margin: 0;
  }

  .wrapper .content .middle form#formWebuser p label {
    width: 8em;
  }

  .wrapper .content .middle form#formWebuser input {
    width: 15em;
  }

  .wrapper .content .middle form#formWebuser input#webuser_Birthday_Day,
  .wrapper .content .middle form#formWebuser input#webuser_Birthday_Month,
  .wrapper .content .middle form#formWebuser input#webuser_Birthday_Year {
    width: 4.3em;
  }

  .wrapper .content .middle form#formWebuser input#submitWebuser {
    width: auto;
  }

/* ---------- /FORM: REGISTRATION ---------- */


/* ---------- FORM: CONTACT ---------- */

  .wrapper .content .middle form#formContact fieldset {
    padding: .5em .5em .5em .5em;
    margin: 0;
  }

  .wrapper .content .middle form#formContact p {
    padding: .5em .5em .5em .5em;
    margin: 0;
  }

  .wrapper .content .middle form#formContact p label {
    width: 8em;
  }

  .wrapper .content .middle form#formContact input {
    width: 15em;
  }

  .wrapper .content .middle form#formContact textarea {
    width: 46em;
  }

  .wrapper .content .middle form#formContact input#submitContact {
    width: auto;
  }

/* ---------- /FORM: CONTACT ---------- */


/* ---------- MENU ---------- */

  #header .right ul.menu {
    padding: 0;
    margin: 0 1.56em 0 0; /*25px*/
    text-align: right;
  }

  #header .right ul.menu  li {
    padding: 0;
    margin: 0;
    display: inline;
    list-style: none;
    /*background: url(/images/layout/menuCutter.gif) no-repeat right center;*/
  }

  #header .right ul.menu li.currentMenuLevel_1 a {
    color: #999900;
  }

  #header .right ul.menu li.last {
    background: none;
  }

  #header .right ul.menu li a {
    font-size: .8em;
    font-weight: bold;
    color: #5B5B5A;
    color: #333333;
    margin: 0 .6em 0 .6em;
  }

  #header .right ul.menu li a:hover {
    text-decoration: underline;
    color: #999900;
  }

  #header .right ul.menu li.last a {
    margin-right: 0;
  }

/* ---------- /MENU ---------- */


/* ---------- SUB MENU ---------- */

  .wrapper .content .subMenu ul {
    margin: 0 0 .5em 0;
    padding: 0 0 .5em 0;
    border-bottom: 1px solid #4A4A4A;
  }

  .wrapper .content .subMenu ul li {
    margin: 0 1em 0 0;
    padding: 0;
    display: inline;
    list-style: none;
  }

  .wrapper .content .subMenu ul li.currentMenuLevel_2 a {
    color: #999900;
  }

  .wrapper .content .subMenu ul li a {
    font-size: .9em;
    font-weight: bold;
    color: #5B5B5A;
  }

  .wrapper .content .subMenu ul li a:hover {
    text-decoration: underline;
    color: #999900;
  }

  .wrapper .content .subMenu ul li.last a {
    margin-right: 0;
  }

/* ---------- /SUB MENU ---------- */


  #header #introductionHome {
    margin: 17em auto 0 auto;
    text-align: left;
  }

  #header #introductionHome .introductionText {
    width: 39.125em; /*626px*/
    float: left;
  }

  #header #introductionHome .introductionText h1 {
    padding-left: 25px;
  }

  #header #introductionHome .introductionText p {
    margin: 0;
    padding: 0 4.69em 0 4.69em; /*75px*/
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
    line-height: 140%;
  }

  #header #introductionHome .introductionForm {
    width: 22.06em; /*353px*/
    float: right;
  }

  #header #introductionHome .introductionForm form {
    background: #FFFFFF;
    color: #000000;
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
    height: 7.375em; /*118px*/
    margin: 0 1.56em 0 1.56em; /*25px*/
    padding: .625em 0 0 .625em; /*10px*/
    -moz-border-radius: 0.5em;
  }

  #header #introductionHome .introductionForm form p {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    font-size: .8em;
    padding: .5em .5em .5em .5em;
    margin: 0;
  }

  #header #introductionHome .introductionForm form p label {
    width: 7.5em;
    margin-top: 0.1em;
  }

  #header #introductionHome .introductionForm form input {
    color: #000000;
    border: 1px solid #000000;
    width: 11em;
  }

  #header #introductionHome .introductionForm form input#submitLogin {
    background: transparent;
    border: 0;
    padding: 0;
    margin-right: 1em;
    width: auto;
    font-weight: bold;
  }

  #header #introduction {
    margin: 3.125em 1.56em 0 3.125em; /*50px 25px 0 50px*/
    text-align: left;
  }

  #header #introduction .introductionText {
  }

  #header #introduction .introductionText h1 {
    font-size: 3em;
  }

  #header #introduction .introductionText p {
    margin: 0;
    padding: 0 4.69em 0 3.125em; /*0 75px 0 50px*/
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
    line-height: 140%;
  }

  .wrapper {
    position: relative;
    width: 61.25em; /*980px*/
    margin: 0 auto 0 auto;
    background: #D4EBDB;
    text-align: left;
  }

  .wrapper img#background1 {
    width: 61.25em; /*980px*/
    height: 32.875em; /*526px*/
  }

  .wrapper img#background2 {
    width: 61.25em; /*980px*/
    height: 16.813em; /*269px*/
  }

  .wrapper .content {
    padding: 1em 1.56em .625em 1.56em; /*1em 25px 10px 25px*/
    line-height: 140%;
    background: url(/images/layout/background3.jpg);
  }

  .wrapper .content .left {
    font-size: .9em;
    float: left;
    width: 39.86em;
  }

  .wrapper .content .right {
    font-size: .9em;
    float: right;
    width: 21.05em;
  }

  .wrapper .content .middle {
    font-size: .9em;
  }

  .wrapper .content .middle ul.sharkInformationsList {
    padding:0;
    margin: 0;
  }

  .wrapper .content .middle ul.sharkInformationsList li {
    padding: 0 0 1em 0;
    margin: 0;
    list-style: none;
  }

  .wrapper .content .middle ul.sharkInformationsList li ul {
    padding: 0;
    margin: 0;
  }

  .wrapper .content .middle ul.sharkInformationsList li ul li {
    padding: 0;
    margin: 0 0 0 2em;
    list-style: circle;
  }

  .wrapper .content .middle .sharkInformationsListLeft {
    float: left;
    width: 21.05em;
  }

  .wrapper .content .middle .sharkInformationsListRight {
    float: right;
    width: 39.86em;
  }

  .wrapper .content .middle table.sharkInformations th {
    vertical-align: top;
    padding-right: 20px;
  }

  .image {
    padding: 2px;
    background: #FFFFFF;
    border-right: 1px solid #AFACA2;
    border-bottom: 1px solid #AFACA2;
  }

  .imageCaption {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 1.1em;
    margin-bottom: 1em;
  }

/* ---------- IMAGE GALLERY ---------- */

  ul.image_gallery {
    margin: 0;
    padding: 0;
  }

  ul.image_gallery li {
    list-style: none;
    float: left;
    margin: 0 5px 5px 0;
    width: 227px;
    height: 227px;
    background-color: #FFFFFF;
  }

  ul.image_gallery li div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 227px;
    height: 227px;
    font-size: 181px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
  }

  ul.image_gallery li div img {
    vertical-align: middle;
  }

/* ---------- IMAGE GALLERY ---------- */

/* ---------- LIST HEADER & FOOTER ---------- */

  .listHeader {
    padding-bottom: 0.2em;
  }

  .listHeader hr {
    padding: 0;
    margin: 0;
    height: 1px;
    color: #4A4A4A;
    background-color: #4A4A4A;
    border: 1px none;
  }

  .listHeaderLeft {
    float: left;
    width: 40%;
  }

  .listHeaderRight {
    float: right;
    text-align: right;
    width: 40%;
  }

  .listHeaderCleaner {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
  }

  .listFooter {
    padding-top: 0.2em;
  }

  .listFooter hr {
    padding: 0;
    margin: 0;
    height: 1px;
    color: #4A4A4A;
    background-color: #4A4A4A;
    border: 1px none;
  }

  .listFooterLeft {
    float: left;
    width: 40%;
  }

  .listFooterRight {
    float: right;
    text-align: right;
    width: 40%;
  }

  .listFooterCleaner {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
  }

/* ---------- /LIST HEADER & FOOTER ---------- */

/* ---------- BLOG ---------- */

  table.tableMonthOverview {
    font-size: 1.0em;
    width: 21.05em;
    border: thin solid;
    margin: 0.5em 0 0.5em 0;
    border-collapse: collapse;
    border-spacing: 0;
  }

  table.tableMonthOverview th,
  table.tableMonthOverview td {
    text-align: center;
    border: thin solid;
    padding: 0.1em;
  }

/* ---------- /BLOG ---------- */

/* ---------- FOOTER ---------- */

  #footer {
    padding: .5em 0 .5em 0;
    font-size: .8em;
    line-height: 140%;
    background: #AFACA2;
  }

  #footer p.copyright {
    width: 60%;
    float: left;
  }

  #footer p.supported {
    width: 20%;
    float: right;
    text-align: right;
  }

  #footer p.sponsored {
    width: 20%;
    float: right;
    text-align: right;
  }

  #footer p.sponsored img {
    width: 12.58em;
    heigth: 2.11em;
  }

  #footer p a {
    color: #4A4A4A;
  }

/* ---------- /FOOTER ---------- */