body {
   font-size: 75%;
   line-height:1.2em; 
   font-family:Verdana,sans-serif;
   background-color: #fff;
   padding:0;
}
p {
   line-height: 1.5em;
   font-size: 1em; /* @ 62.5% = 12px */
   padding: 0;
   margin: 0;
   margin-bottom: 10px;
   text-align: justify;
}
em {
   font-style: normal;
   font-weight: bold;
   color: #333;
}
table {
   border-collapse: collapse; 
   empty-cells: show;
   border: 1px solid #ccc;
   margin: 5px;
}
th, td {
   padding: 2px;
}
div {
   padding: 0;
}
div#content {
   position:absolute;
   top:0px;
   left:180px;
   right:130px;
   margin:5px;
   padding:10px;
   padding-left:20px;
   padding-right:20px;
   border-color: #ccc;
   border-style: solid;
   border-width: 1px;
   border-left-width: 3px;
   border-right-width: 3px;
   background-color: white;
   background-image:url('images/sea_backdrop.jpg');
   background-repeat: repeat-y;
   background-position: top right;
   min-height: 500px;
   z-index: 1;
}
div#nologo {
   margin:5px;
   padding:10px;
   border-color: #ccc;
   border-style: solid;
   border-width: 1px;
   border-left-width: 3px;
   border-right-width: 3px;
   background-color: white;
   background-image:url('images/sea_backdrop.jpg');
   background-repeat: repeat-y;
   background-position: top right;
   margin-bottom:5px;
}
div.content {
   padding: 5px;
   border: 0;
   border-top: 1px solid;
   border-color: #ccc;
   clear:both;
}
div.banner {
   position:absolute;
   top:0;
   right:0;
   margin:5px;
   width:120px;
   border: 1px solid #ccc;
   padding-bottom:10px;
}
div#logodiv {
   position:absolute;
   top:0;
   left:0;
}
div#logoliner {
   margin:5px; 
   padding: 5px; 
   padding-left:25px;
   padding-right:23px;
   border: 1px solid #ccc; 
   width: 120px; 
}
div.heading {
   border-top: 1px solid;
   border-color: #ccc;
   /*background-color:white;*/
   padding:5px;
   margin:0;
   margin-bottom: 10px;
}
div#loading {
   position: absolute; 
   margin-top: 30px;
   top: 35px;
   left: 5px;
   padding: 5px;
   border: 1px solid #ccc;
   background-color: white;
}
div.liner {
   padding: 5px; 
}
div.navsection {
   position: relative;
   margin: 5px; 
   width: 170px;
   z-index: 0;
}
div#navcurrent {
   width: 170px;
   z-index: 0;
}
div.searchsection {
   height: 350px;
   overflow: auto;
   padding: 5px;
   border: none;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}
a img {
   border: none;
}
img {
   margin: 5px;
}
img#logoimage, img#logotext {
   margin:0; 
   padding:0; 
   width:110px;
   border: none;
}
img.bannerpic {
   margin: 10px;
   margin-bottom: 0;
}
img.intext {
   margin: 10px;
   margin-top: 5px;
   padding:5px;
   background-color:white;
   border: 1px solid #ccc;
}
p.requireslogin {
   margin:0;
   padding:0;
   margin-left:5px;
   font-size:smaller;
   color: #600;
}
p.pagebreak {
   clear:both;
}
li span.requireslogin {
   color: #600;
}

a,span.nav {
   line-height: 1.3em;
   vertical-align: middle;
}

a:link {
   text-decoration:none;
   color: #333;
}
a:visited {
   text-decoration:none;
   color: #333;
}
a:hover {
   text-decoration:underline;
   color: #000;
}
a:active {
   text-decoration:underline;
   color: #000;
}
img.traffic:hover {
   background-color: #fc6;
}
img.pan:hover {
   background-color: #fc6;   
}
h1 {
   font-family: Palatino Linotype, Book Antiqua, serif;
   font-size: 1.4em; /* @ 62.5% = 15px */
   line-height:1.5em;
   color: #333; 
   margin:1px;
   padding:0;
}
h2 {
   font-family: Palatino Linotype, Book Antiqua, serif;
   font-size: 1.3em; /* @ 62.5% = 14px */
   line-height:1.5em;
   color: #ccc; 
   margin:1px;
   padding:0;
}
h3 {
   font-family: Palatino Linotype, Book Antiqua, serif;
   font-size: 1.2em; /* @ 62.5% = 13px */
   line-height:1.5em;
   color: #333; 
   margin:1px;
   padding:0;
}
h4 {
   font-family:Verdana,sans-serif;
   font-weight: bold;
   font-size: 1em; /* @ 62.5% = 11px */
   line-height: 1.3em;
   padding: 0;
   margin-top: 4px;
   margin-bottom: 4px;
}
h4.subsection {
   font-family: Palatino Linotype, Book Antiqua, serif;
   font-weight: normal;
   text-transform: uppercase;
}
h4.nav {
   font-family:Verdana,sans-serif;
   font-weight: normal;
   cursor: pointer;
   font-size: 1em;
   line-height: 1.3em;
   margin: 0;
   margin-top: 0;
   margin-bottom: 0;
   padding: 0;
}
h4.nav:hover {
   text-decoration: underline;
}
ul {
   margin: 0;
   padding: 2px;
   padding-left: 1.5em;
   color: inherit;
}
ul.submenu {
   margin-top: 5px;
   margin-left: 1em;
}
li {
   color: inherit;
   font-size:1em; /* @ 62.5% = 11px */
   line-height: 1.3em;
   list-style-type: circle;
   margin-bottom: 5px;
}
li.submenu {
   list-style-type: none;
   margin-left: -1.5em;
}
li h4.nav { 
   color: black;
   font-size: 1em;
   line-height: 1.3em;
   margin: 2px;
   padding: 0;
}
li span, span.nav {
   color: #999;
   font-size: 1em;
   line-height: 1.3em;
   margin: 2px;
   padding: 0;
}
li a {
   color: inherit;
   font-size: 1em;
   line-height: 1.3em;
   margin: 2px;
   padding: 0;
}
th {
   text-align:left;
}
th.top {
   padding: 3px;
   border: 1px dotted #ccc;
   font-weight: bold;
   text-align: center;
}
th.left {
   padding: 3px;
   border: 1px dotted #ccc;
   font-weight: bold;
   text-align: left;
}
td.lined {
   padding: 3px;
   border: 1px dotted #ccc;
}
input.text, textarea {
   border: 1px solid #ccc;
   padding: 5px;
   margin: 3px;
   font-family: Arial;
   font-size: 1em;
   line-height: 1.5em;
   letter-spacing: 2px;
   color: #333;
   width: 400px;
}
select.text {
   border: 1px solid #ccc;
   padding: 2px;
   margin: 2px;
   font-family: Arial;
   font-size: 1em;
   line-height: 1.5em;
   letter-spacing: 2px;
   color: #333;
   width: auto;
}
option.text {
   padding: 2px;
   font-family: Arial;
   font-size: 1em;
   line-height: 1.5em;
   letter-spacing: 2px;
   color: #333;
}
td.lined input.text {
   border: none;
   padding: 0;
}
input.button, button, p.pseudoButton {
   font-family: Verdana;
   font-weight: bold;
   text-transform: uppercase;
   border: 1px solid #666;
   background-color: #fff;
   color: #666;
   margin: 2px;
   vertical-align: middle;
   width: 120px;
}
table#calendar button {
   border: none;
   font-size: 1.7em;
   text-align: center;
}
input.button:hover, button:hover, p.pseudoButton:hover {
   background-color: #ccc;
   color: #fff;
}
textarea {
   height: 100px;
}
div#calendar button {
   width: auto;
   font-size: 1.4em;
}
table#calendar {
   border-collapse: separate;
}
table#calendar th {
   text-align: center;
}
table.options td {
   width: 50px;
   font-size: 1.2em;
   font-weight: bold;
   text-align: center;
   border: 1px solid #ccc;
   padding: 5px;
}
table.options th.day {
   border: 1px solid #ccc;
}
table.options td.today {
   background-color: #666;
   color: white;
}
table.options td.select {
   background-color: #999;
   color: white;
}
table.options td.event {
   border-color: #f00 !important;
}
div#eventlist {
   overflow:auto;
}
button.menu {
   width: 12px;
   height: auto;
   padding: 0;
   margin: 0;
   margin-right: 5px;
   text-align: center;
   vertical-align: middle;
   border: 0;
   background-color: transparent;
   font-size: 0.8em;
   color: black;
   cursor: pointer;
}

div.gmap {
   width: auto; 
   height: 350px;
}
a.gmap {
   margin: 1px;
   padding: 1px;
   border-width: 1px;
   border-style: solid;
}
a.gmap:link, a.gmap:visited {
   border-color: #ccc;
}
a.gmap:hover, a.gmap:active {
   border-color: #003;
}
div#tools {
   clear:left;
   float:left;
   margin: 10px;
   width:150px;
}
div#tools button {
   width:auto;
   height:auto;
   font-size:1em;
}
div#legendDiv {
   float:left;
   margin:10px;
   width: 150px;
}