@charset "utf-8";

body  { /*-- these colors are only for outer area */
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #003399;
	color: #ffffff;
	margin: 0;	
	padding: 0;
	text-align: center;
}
.photoCollage {
	background-image: url(images/photoCollage.jpg);
	background-repeat: repeat-x;
	background-position: left;
}
#prthead { /* not currently used for compatibility with IE 6 */
	visibility: hidden;
	height: 0px;
}
a:link {
	color: Blue;
}
a:visited {
	color: #006699;
}
a:active {
	color: #000066;
}
a:hover, a:focus {
	color: #CC0000;
}


#container0 { /* header, all images */
	text-align: left;
	margin: 0;
	padding: 6px 0 0 0;
}  
#container0 table {
	border-bottom: 1px solid #003399;
}
#container0 td.plyc {
	background-image: url(images/marina-plyc-top.gif);
	background-repeat: no-repeat;
	width: 700px;
}
#container0 td.marina {
	background-image: url(images/marina-plyc-bottom.jpg);
	background-repeat: no-repeat;
	width: 700px;
}
#colorbar0 {
	background: #6ca6cd url(images/rightShadow.gif) repeat-y right;
}
#container1 { /* most of body of page */
	width: 98%;
	min-width: 1100px;
	background: #fff url(images/rightShadow.gif) repeat-y right; 
	color: #000;
	margin: 0 auto; padding: 0;
	text-align: left;
	border-left: 1px solid Black;
}  
#pgtitle0 {
}

#bottomShadow { /* this doesn't appear until the bottom of the page but it's the bottom shadow on container1 so I've put the code here as a reminder that the margins etc need to be the same on both these divisions */
	width: 98%;
	min-width: 1100px;
	height: 11px;
	margin: 0 auto; padding: 0;
	background-image: url(images/bottomShadow.gif);
	background-repeat: repeat-x;
}
#botShaLeft {
	background-image: url(images/leftBottomCornerShadow.gif);
	float: left;
	width: 20px;
	height: 11px;
	margin: 0; padding: 0;
	background-repeat: no-repeat;
}
#botShaMid {
	margin-right: 40px;
	margin-left: 20px;
	padding: 0;
	background-image: url(images/bottomShadow.gif);
	background-repeat: repeat-x;
	height: 11px;
}
#botShaR {
	background-image: url(images/bottomCornerShadow.gif);
	float: right;
	width: 40px;
	height: 11px;
	margin: 0; padding: 0;
	background-repeat: no-repeat;
}

/* left side navigation */

#sidebar1 {
	float: left; 
	width: 13.5em;
	background: #6ca6cd;
	padding: 0; margin: 0;
}
#leftnav {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: .9em;
	padding: 0; margin: 0;
	background-color: #336699;
	color: #fff;
}
#leftnav ul {
	list-style: none;
	margin: 0; 	padding: 0;
}
#leftnav ul li {
	margin: 0;
}
#leftnav ul li a {
	display: block;
	padding: 6px 2px 6px 2px;
	border-top: 1px solid #336699;
	border-left: 1px solid #003333;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #000;
	background: #000066;
	color: #fff;
	text-decoration: none;
}
#leftnav ul li.l2 a {
	display: block;
	padding: 6px 2px 6px 2px;
	border-top: 1px solid #336699;
	border-bottom: 1px solid #000;
	background-color: #003366;
}
#leftnav ul li.l3 a {
	display: block;
	padding: 6px 2px 6px 2px;
	border-top: 1px solid #4682b4;
	border-bottom: 1px solid #003333;
	background-color: #336699;
	font-size: .9em;
}
html>body #container1 #sidebar1 #leftnav ul li a {
	width: auto;
}
#leftnav ul li a:hover {
	border-top: 1px solid White;
	border-left: 1px solid #CCCC33;
	border-right: 1px solid #999900;
	border-bottom: 1px solid #666600;
	background-color: #ffff66;
	color: #000;
}
#leftnav ul li #navCurr {
	background-color: #CC0000;
	border-left: 1px solid #990000;
	border-top: 1px solid #FF6347;
	border-bottom: 1px solid #660000;
	color: #FFF;
}

.burgee1 {
	margin-left: 3px;
	margin-right: 3px;
}
.burgee2 {
	margin-left: 3px;
	margin-right: 0px;
}

/* photo area on right */

#sidebar2 {
	float: right; 
	width: 220px;
    margin: 0 22px 0 0;
	padding: 0;
	text-align: center;
	color: Black;
	font-size: .85em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}
#sidebar2 h3 {
	font-family: Verdana, Geneva, sans-serif;
	line-height: 120%;
	font-size: 1.2em;
}
#sidebar2 p {
	margin: 0;
}

#sidebar2 a:link, #sidebar2 a:visited {
	color: #006;
}
#sidebar2 a:hover, #sidebar2 a:focus {
	color: #CC0000;
}


/* main body with all the text etc. */

#mainContent1 {
 	margin: 0 254px 0 14em;
	padding: 0 1em 0 1em;
}
#mainContent2 {
 	margin: 0 254px 0 20px;
	padding: 0 1em 0 1em;
} 

.pageBody0 {
	line-height: 130%;
}
.pageBody1 {
	line-height: 100%;
}

/* bottom of page */

#bottomNav {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: .95em;
}
#bottomNav ul li {
	list-style: none;
	margin: 0;
	display: inline;
}
#bottomNav ul li a {
	padding-left: 0.5em;
	padding: 3px 1em 3px 1em;
	text-decoration: underline;
	color: #fff;
}
#bottomNav ul li a:link:hover, #bottomNav ul li a:visited:hover {
	color: #ffff00;
}
#footer { 
	text-align: left;
	margin: 6px auto 6px 2.5%; padding: 0;
	width: 95%;
	color: #CCCCCC;
	font-size: .8em;
	font-style: italic;
	line-height: 150%;
} 
#footer a {
	text-decoration: none;
	color: #ccc;
	font-size: .9em;
}
#footer .ds {
	font-size: .85em;
}
#footer a:link:hover, #footer a:visited:hover {
	color: #ffff00;
	text-decoration: underline;
}
#webmaster {
	display: inline;
	float: right;
	padding: 0 20px 0 20px;
	margin-left: 20px;
	text-align: center;
	border-left-color: #000066;
	border-left-style: solid;
	border-left-width: 1px;
}

/* redefinitions of standard tags */

h1 {
	font-size: 1.5em;
	color: #000066;
 	margin: 0;
 	padding: 12px 0 10px 0;
	text-align: left;
	border-bottom: 1px dotted #CC0000;
}
h2 {
	font-size: 1.3em;
	color: #336699;
 	margin: 0;
 	padding: 12px 0 10px 0;
}

/* Miscellaneous classes for reuse */

.fltrt { /* float an item to the right side of the page */
	float: right;
	margin-left: 8px;
}
.fltlft { /* float an item to the left side of the page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* clear any pesky floated items */
	clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}
.clearfloatleft { /* clear nav menu on left side */
	clear:left;
   height:0;
   font-size: 1px;
   line-height: 0px;
}

.sm8 { /* make the text small */
	font-size: .8em;
}
.xsmCap { /* mostly used to designate document type for downloads on left nav bar */
	font-size: .8em;
	font-variant: small-caps;
	vertical-align: baseline;
	font-weight: 400;
}
.photoCredit {
	color: #003366;
	font-size: .8em;
	line-height: 200%;
}
.spreadLines { /* make line spacing 1 and 1/3 */
	line-height: 130%;
}
.no-spreadLines { /* single line spacing */
	line-height: 100%;
}
.freeReader {
	font-size: .8em;
}
.freeReader a {
	color: Black;
	text-decoration: underline;
	display: block;
	padding: 8px 0px 8px 0px;
}
.freeReader a:hover {
	color: #000;
	background-color: #ffff66;
	text-decoration: none;
}

.listBurgee {
	list-style: none;
	margin: 0;
	padding: 0 0 0 3em;
}
.listBurgee li {
	padding: 0 0 1em 0;
	margin: 0;
	text-indent: -42px;
}
.listBurgee li a {
	padding: 0 3px 0 3px;
}
.dblspclst li {
	margin: 0 0 0 2em;
	padding: 0 0 6pt 0;
	vertical-align: top;
	line-height: 1em;
}
/* use this for lists like the jib sheet, where there is only one line of text */
ul.listbullet {
	margin: 0;
	padding: 0 0 0 2em;
	list-style-image: url(images/button1.gif);
}
ul.listbullet li {
	vertical-align: top;
}
/* use this for lists like on the property page, where some items have multiple lines of text, and insert the bullet manually - yes this is a pain, but it is to avoid IE bugs in the way the list is displayed */
ul.listbullet2 {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.listbullet2 li {
	text-indent: -21px;
	margin: 0 0 1em 2em;
}

/* for data tables such as cruise schedules */
.schInfo TD {
	vertical-align: top;
	font-size: .95em;
}
.schInfo TR.schH TH {
	background-color: #6ca6cd;
	color: #fff;
	border-top: 2px solid #87ceff;
	padding: 3px 5px 3px 5px;
	font-variant: small-caps;
}
.cruInfo TH {
	font-variant: small-caps;
	color: #003366;
}
.wreckRoomHours {
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 25px;
}
.wreckRoomHouse h4 {
	font-size: 1.1em;
}
table.wreckRoomHours {
	align: center;
	margin-bottom: 6px;
}
.wreckRoomHours TD {
	text-align: left;
	font-style:normal;
}

/* these styles are for creating the lines separating menu items */
.l66ccff {
	background: #66CCFF;
	height: 1px;
	margin: 0; padding: 0;
}
.lcccccc {
	background: #CCCCCC;
	height: 1px;
	margin: 0; padding: 0;
}
.l336699 {
	background: #336699;
	height: 1px;
	margin: 0; padding: 0;
}
.l6699cc {
	background: #6699CC;
	height: 1px;
	margin: 0; padding: 0;
}
.l6ca6cd {
	background: #6ca6cd;
	height: 1px;
	margin: 0; padding: 0;
}

/* defaults for the images on the right photo sidebar, images are set by style codes embedded into each page, and if the dimensions of the photo are different, those are set on the individual page also */ 
#sidePhoto1, #sidePhoto2, #sidePhoto3, #sidePhoto4, #sidePhoto5, #sidePhoto6, #sidePhoto7, #sidePhoto8, #sidePhoto9, #sidePhoto10 {
	height: 144px;
	width: 216px;
	border: 1px solid #336699;
}
.sidePhoto {
	border: 1px solid #336699;
}
.rightJustified {
	text-align:right
}