body {
   margin: 0px;
   background-color: #C63;
   color: #000;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 1em;}

h1 {
   padding: 0;
   margin_top: 25px;
   margin_bottom: 25px;
   line-height: 1em;
   text-align: center;
   font-size: 1.5em;}

h2 {
   padding: 0;
   text-align: center;
   margin-bottom: 10px;
   line-height: 0.5em;
   font-size: 1.1em;}

hr {
   height: 4px;
   color: #C63;
   padding: 0;
   margin-top: 10px;
   margin-bottom: 10px;}

p  {
   margin: 0;
   padding: 0;
   font-size: 0.8em;
   text-align: justify;}

/* Begin Table Format */

table {
   font-size: 0.6em;
   text-align: center;
   background-color: #FC9;
   border: 5px solid #606;
   padding-bottom: 25px;}

td {
   border-right: 3px solid #606;
   border-bottom: 1px dashed #606;}

th.thead {
   font-size: 1em;
   font-weight: bold;
   background-color: #69F;
   border-top: 3px solid #606;
   border-bottom: 3px solid #606;}

th.tabletitle {
   background-color: #FFC;
   height: 25px;
   width: 590px;
   border-bottom: 3px solid #606;}

th.tabletitle span {
   font-size: 1.5em;
   font-weight: bold;}

td.tdate {
   width: 75px;}

#topcells th {
   border-bottom: 3px solid #606;}

td.depart {
   border-right: 0;}

/* End Table Format */

/* Begin Sectional Format */

p.firstword {
   letter-spacing: 2px;
   font-size: 1.1em;
   font-weight: bold;}

div.furtherlinks {
   background-color: #FC9;
   margin-top: 3px;
   padding: 3px;
   border: 2px solid #606;}

#monaconote {
   font-size: 0.6em;
   color: #999;}

div.center {
   text-align: center;}

div.main-text {
   padding: 15px;
   width: 590px;
   background-color: #FFF;
   border-left: 5px #606 solid;
   border-right: 5px #606 solid;
   position: absolute;
   left: 200px;
   z-index: 1;}

p.footnote {
   margin-top: 25px;
   text-align: center;}

p.footnote a:link, p.footnote a:visited {
   text-decoration: none;
   background-color: #FFF;
   font-size: 0.7em;
   color: #999;}

p.footnote a:hover {
   color: #000;}

#outer-topbar {
   height: 160px;
   border-bottom: 5px #606 solid;
   background-color: #CCF;
   background-image: url(../images/top-ports-bg.jpg);}

#inner-topbar {
   width: 600px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
   height: 155px;
   position: absolute;
   border-right: 5px #606 solid;
   border-left: 5px #606 solid;
   left: 200px;
   background-image: url(../images/top-ports-img.jpg);
   background-repeat: no-repeat;}

#theat-logo {
   position: absolute;
   left: 85px;}

#content {
   position: absolute;
   width: 800px;}

#theatreatsea {
   position: absolute;
   left: -5px;
   bottom: 15px;}

#nav-bar {
   position: absolute;}

#nav-bar ul {
   margin: 0;
   padding: 0;}

#nav-bar ul li {
   margin: 0;
   padding: 0;
   list-style-type: none;}

#nav-bar ul li a:link, #nav-bar ul li a:visited {
   width: 200px;
   display: block;
   text-decoration: none;
   font-size: 1.25em;
   letter-spacing: 3px;
   font-weight: bold;
   border-bottom: 2px #606 solid;
   color: #009;
   background-color: #CCC;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 5px;}

#nav-bar ul li a:hover {
   background-color: #FC6;}

#nav-bar ul li a:active {
   background-color: #F93;}

.rightpic {
   float: right;
   margin-left: 10px;
   margin-top: 5px;
   margin-right: 10px;
   margin-bottom: 5px;
   vertical-align: text-top;}

.leftpic {
   float: left;
   margin-right: 10px;
   margin-top: 5px;
   margin-left: 0;
   vertical-align: text-top;}