<style type="text/css">
body {font-family: verdana, arial, sans-serif; font-size:100%; font-style:bold; margin:0 0 40px 0; padding:40px; bgcolor=#00ffff;}
h1 {margin: 1.1em 20px .5em; color:#069;}
h2 {margin: 1.2em 20px .5em; color:#069;}
h3 {margin: 1.3em 20px .5em; color:#069;}
h4 {margin: 1.4em 10px .5em; color:#069;}
h5 {margin: 1.0em 20px .5em; color:#069;}
p {margin: 0 25px 25px 25px;font-size:120%;}
img {float:right; margin:0 4px 4px 4px;}
a {font-weight:bold; color:#8A2BE2} /* Blue Violet */
a:visited {color:#0000FF;}  /* visited link - blue*/
a:hover {color:#FF7F50;}  /* mouse over link - coral*/
a:active {color:#006400;}  /* selected link - dark green*/
a.special {font-weight:bold; color:#8B0000; font-size:3em;}      /* unvisited link - dark red*/ 
a.special:visited {color:#DC143C;}  /* visited link - Crimson*/
a.special:hover {color:#FF7F50;}  /* mouse over link - coral*/
a.special:active {color:#006400;}  /* selected link - dark green*/
p.largetext {font-size:4em; font-weight:bold; margin-top; 1em;}
.clearthefloats {clear:both;}
.positionabsolute1 {position:absolute; top:1340px; left:500px;}
.positionstatic {position:static;}
.day {font-size:1.2em; font-style:italic; font-weight: bold; color: #FF0611;}
</style>
<style>
.cruise-schedule {
  width: auto;
  max-width: 100%;
  margin: 12px auto;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.35;
}

.cruise-schedule th,
.cruise-schedule td {
  padding: 5px 9px;
  border-bottom: 1px solid #777;
  text-align: left;
  vertical-align: top;
}

.cruise-schedule th {
  font-weight: bold;
}

.cruise-schedule td:first-child {
  white-space: nowrap;
}

@media (max-width: 600px) {
  .cruise-schedule {
    width: 100%;
    font-size: 13px;
  }

  .cruise-schedule thead {
    display: none;
  }

  .cruise-schedule tbody tr {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    padding: 6px 0;
    border-bottom: 1px solid #777;
  }

  .cruise-schedule td {
    padding: 2px 5px;
    border: none;
  }

  .cruise-schedule td:nth-child(3) {
    grid-column: 1 / -1;
    padding-left: 53px;
  }
}
.cruise-schedule {
  margin-left: 20px;
  margin-right: 0;
}
</style>
