body {background-color:#3579ba;text-align:center;font-family:arial;font-size:12px;}
#container {width:1028px;height:1087px;background-image:url(../images/bgfull2.jpg);background-repeat:no-repeat;margin-left:auto;margin-right:auto;text-align:left;}
#menu {height:33px;font-size:16px;}
#top {height:100px;margin-left:2px;}
#top img {margin-top:3px;}
#flash {height:200px; margin-left: 3px;}
#leftflash {width:165px;height:794px;float:left;}
#contentbox {width:850px;height:780px;float:right;overflow:auto;margin-right:2px;}
#contentbox p {display:block;margin:0 20px;}
p {}
.clear {height:10px;visibility:hidden;overflow:hidden;clear:both;font-size: 1px;}
.imgleft {float:left;margin-right:5px;margin-bottom:10px;margin-top:10px;}
.imglefta {float:left;margin-right:5px;margin-bottom:10px;margin-top:10px;margin-left:20px;}
.imgleftb {float:left;margin-right:5px;margin-bottom:0px;margin-top:10px;border:2px solid white;}
.imgcenter {margin-left:auto;margin-right:auto;border:2px solid white;}
.imgright {float:right;margin-left:5px;margin-bottom:10px;margin-top:10px;}
.imgrighta {float:right;margin-left:5px;margin-bottom:10px;margin-top:10px;margin-right:20px;}
.imgfront {width:170px;float:right;height:300px;display:block;margin-right:15px;}
.imgblockleft {width:170px;float:left;height:210px;display:block;margin-left:15px;}
strong {font-weight:bold;}
h1 {color:#1f38a0;font-size:20px;font-weight:bold;text-align:center;}
h2 {color:#1f38a0;font-size:14px;font-weight:bold;padding:6px;text-align:center;}
h2.front {color:#1f38a0;font-size:14px;font-weight:bold;padding-left:50px;text-align:center;}
h3 {color:#1f38a0;font-size:20px;font-weight:bold;text-align:center;}
#contentbox ul li {margin-left:50px;list-style-type:circle;}
#contentbox ul.dot {margin-left:200px;}
.centering {text-align:center;}
.question {background-color:white;border:1px solid black;border-bottom:0;display:block;padding:5px;margin-top:5px;margin-right:5px;}
.answer {border:1px solid black;font-weight:bold;margin-bottom:5px;display:block;padding:5px;margin-right:5px;}
table {width:600px;margin-left:auto;margin-right:auto;}
tr {}
td {background-color:white;border: 1px solid black;padding: 5px;}
th {background-color:black;border:1px solid black;padding:5px;color:white;}
.indent {padding-left:20px;}
.formleft {float:left;width:200px;text-align:right;padding-right:10px;}
.formright {float:left;}
.selectitem {width:150px;}
.selectitem2 {width:450px;}
.inputitem {width:450px;}
#homepagebox 
table {width:auto; height:auto;margin-left:auto;margin-right:auto;}
tr {}
td {background-color:white;border:1px solid black;padding:5px;align:center;}
th {background-color:black;border:1px solid black;padding:5px;color:white;}
/* Drop Down Menu */
#nav, #nav ul { /* all lists */padding: 0;margin: 0;list-style: none;line-height: 1;}
#nav {margin-left:130px;}
#nav a {display: block;color:black;text-decoration:none;font-size:12px;font-weight:bold;padding:9px;margin-top:2px;padding-bottom:10px;border-left:1px solid black;}
#nav a:hover {text-decoration:underline;background-color:#0799c2;color:white;}
#nav li { /* all list items */float: left;width: 5em; /* width needed or else Opera goes nuts */}
#nav li.home {width:50px;}
#nav li.boatinfo {width:75px;}
#nav li.local {width:76px;}
#nav li.media {width:50px;}
#nav li.interact {width:65px;}
#nav li.promos {width:85px;}
#nav li.promos a {color:red;}
#nav li.cancel {width:100px;}
#nav li.cancel a {padding-bottom:4px;padding-top:3px;}
#nav li.contact {width:65px;}
#nav li.links {width:48px;}
#nav li.book {width:90px;}
#nav li.charter {width:65px;}
#nav li.charter a {color:white;}
#nav li.charter a:hover {color:white;}
#nav li.dolphin {width:115px;}
#nav li.dolphin a {color:white;}
#nav li.dolphin a:hover {color:white;}
#nav li.attraction {width:125px;}
#nav li.attraction a {color:white;}
#nav li.attraction a:hover {color:white;}
#nav li ul { /* second-level lists */position: absolute;background: #0799c2;border:2px solid black; /*border around whole box*/width: 128px;left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/*border and width for nested lists*/
#nav li ul li {border:1px solid #0084b6;width:126px;font-size:12px;}
#nav li ul li a {display:block;background-color:#0799c2;padding:2px;width:122px;font-size:12px;color:white;border-left:0;}
#nav li ul li a:hover {background-color:#0084b6;}
#content {clear: left;color: #ccc;}
/* Corners */
.dialog {position:relative;margin:0px auto;min-width:8em;max-width:860px; /* based on image dimensions - not quite consistent with drip styles yet */z-index:1;margin-left:12px; /* default, width of left corner */margin-bottom:0.5em; /* spacing under dialog */}
.dialog .contentbox, .dialog .t, .dialog .b, .dialog .b div {background:transparent url(../images/test.gif) no-repeat top right;_background-image:url(../images/test.gif);}
.dialog .contentbox {position:relative;zoom:1;_overflow-y:hidden;padding:0px 12px 0px 0px;}
.dialog .t {/* top+left vertical slice */position:absolute;left:0px;top:0px;width:12px; /* top slice width */margin-left:-12px;height:100%;_height:1600px; /* arbitrary long height, IE 6 */background-position:top left;}
.dialog .b {/* bottom */position:relative;width:100%;}
.dialog .b, .dialog .b div {height:30px; /* height of bottom cap/shade */font-size:1px;}
.dialog .b {background-position:bottom right;}
.dialog .b div {position:relative;width:12px; /* bottom corner width */margin-left:-12px;background-position:bottom left;}
.dialog .hd, .dialog .bd, .dialog .ft {position:relative;}
.dialog .wrapper {/* extra content protector - preventing vertical overflow (past background) */position:static;max-height:1000px;overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dialog h1,.dialog p {margin:0px; /* margins will blow out backgrounds, leaving whitespace. */padding:0.5em 0px 0.5em 0px;}
.dialog h1 {padding-bottom:0px;}

label { font-weight: bold; }
small { font-style: italic; font-weight: normal; }

table { border-collapse: collapse; width: 100%; padding:0px; empty-cells: show; border: 0px;}
table.table tr td { border: 1px solid gray; }

div.head { background-color: #AAA; overflow: auto; border-top: 1px dashed black;}
div.head h3 { float: left; padding: 3px; margin: 5px;}
div.head span { float: right; font-style: italic}

#contentbox ul.trips {list-style: none; border: 1px solid gray; overflow: auto; width: 500px; padding: 10px;}
#contentbox  ul.trips li {margin-bottom: 10px; margin-left: 0px;}
#contentbox  ul.trips li p {font-style: italic;}
#contentbox  ul.trips li p>span{font-weight: bold; font-style: normal;}
#contentbox  div.trip_actions { text-align: right; }
#contentbox  div.trip_actions a { padding-left: 10px; }

.errorbox { border: 1px dashed red; color: red; width: 500px; text-align: center; padding: 5px; margin: 5px;}
.infobox { border: 1px dashed green; color: green; width: 500px; text-align: center; padding: 5px; margin: 5px; }

#tripconfig { width: 750px; overflow: auto;}
.config form>fieldset>p.wide>input, .config form>fieldset>p.wide>textarea { width: 100%; }
.config form p.buttons { text-align: right; display: block; clear: both; }
.config form>fieldset>p.wide>label { display: block; width: 100%}
.config form>fieldset>p>label { width: 150px; display: block; float: left;}
.config form>fieldset>p>small { display: block; }
.config fieldset { float: left; margin: 0px; border: none;}
.config fieldset>h4{ border-bottom: 1px solid gray; background-color: #EEE; text-align: center; }
.config fieldset.w50 { width: 325px; }

.f2b2h_content { padding: 30px; overflow: hidden;}
.f2b2h_content h3 { text-align: left; padding-bottom: 10px; }

.topnav { margin: 10px;}

.field { width: 200px; }

#contentbox .purchaseinfo { display: inline; font-size: 12px; font-weight: normal; font-style: italic; white-space: nowrap;}
#contentbox  .purchaseinfo ul { list-style: none inside none; display: inline;}
#contentbox  .purchaseinfo ul li { display: inline; padding-left: 3px; margin-left: 3px; }
#emailbox {width: 200px; height: 150px;}