@charset "utf-8";
/* CSS Document */
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }

 @media print {
h1 {
	page-break-before: avoid
}
h1, h2, h3,  h4, h5, h6 {
	page-break-after: avoid
}
ul, ol, dl {
	page-break-before: avoid
}
}
html {
	overflow-y: scroll;
}

body {
	text-align: center;
	margin:0px 0px 0px 0px;
	padding:0px;
	font:9.5pt Georgia, arial, helvetica, sanserif;
	color:#000;
	height:100%;
	background:url(../images/waterbackgroundaa1.jpg) top center repeat-x;
	background-color:#c2c9dc;
}
a:link, a:active, a:visited{
	color:#039;
}
a:hover{
	color:#F00;
}
 img {
	 display:inline;
} 

ul{
	list-style-type:square;
}


.content{
	width:980px;
	text-align:center;
}
.contentinner{
 min-height:650px;
 width:790px;
	font-family:Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	line-height:1.65em;
	text-align:left;
}
#wow{
	font-size:3.5em;
	line-height:.75em;
	font-family: "Copperplate Gothic Light", "Goudy Old Style", "New York", Garamond, Georgia, "Times New Roman", Times, serif;
	margin:0.5em 0em 0em 0em;
	padding:0px;

}
h1 {
	font-size:2em;
	line-height:1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:0.75em 0em 0.75em 0em;
	padding:0px;
}
h2 {
	font-size:1.5em;
	line-height:1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top:0em;
	margin-bottom:.5em;
}
h3 {
	font-size:1em;
	line-height:1.3em;
	margin-top:0em;
	margin-bottom:.2em;
}
h4, h5, h6 {
	font-size:1.1em;
	line-height:1.3em;
	margin-top:0em;
	margin-bottom:1.398em;
}

#singleeventbox{
	width:780px;	
}

#singleeventbox #eventinfo{
	float:left;
	width:400px;
}
#singleeventbox #eventinfomap{
	float:left;
	margin-left:10px;
	width:200px;
	border:#CCC 1px solid;
}


#infobox{
float:right;
width:412px;
margin-left:20px;
margin-top:10px;
text-align:left;
}
 #scheduleinfo{
float:left;
margin:0px 4px; 
padding:4px; 
width:250px; 
border:1px #ccc solid; 
height:490px; 
overflow:auto;
background-color: rgba(255, 255, 255, 0.5); 
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#55FFFFFF', EndColorStr='#55FFFFFF'); 
 }
#imgcontainer{
	text-align:center;
	border:#039 5px solid;
	background-color: #039;
}
#gallerybuttons{
	background-color:#FF0;
	height:23px;
	background:url(../images/gallerybutbg.gif) repeat-x;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	text-align:center;
	padding:0px;
	margin:0px;
}
#galleryleftbut{
	margin:0px;
	padding:0px;
}

#galleryrightbut{
	margin:0px;
	padding:0px;
}

#gallerycaption{
	padding:2px;
	margin:0px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:smaller;
	text-align:left;
	background-color:#039;
}
#schedule{
	border:#039 1px solid;
	padding:0px;
	margin:15px 0px 20px 10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.25em;
	font-size:9pt;
	padding:4px 4px 4px 4px;
}

.schedulelabel{
	float:left;
	padding:4px 4px 4px 2px;
	margin:0px;
	font-weight:bold;
}
.scheduledescript{
	float:right;
	width:255px;
	padding:4px 4px 4px 0px;
	margin:0px;
}
.topmenu{
	text-align:center;
	margin:0px 0px 10px 10px;
}

.menuon{
	height:30px;
	background:url(../images/bollardsmallaa.png) no-repeat;
	padding:4px 0px 8px 25px;
	color:#039;
font-size:12pt;
font-family:Verdana, Geneva, sans-serif;
font-style:italic;
margin:0px 12px 15px 0px;
line-height:1.75em;
	text-decoration:none;
	font-weight:bold;
}
.menuoff{
	height:26px;
	background:url(../images/bollardsmalloff.png) no-repeat;
	padding:4px 0px 8px 25px;
	color:#039;
font-size:12pt;
font-family:Verdana, Geneva, sans-serif;
font-style:italic;
margin:0px 15px 15px 0px;
	line-height:1.75em;
	text-decoration: underline;
	font-weight: normal;
}
.menuoff:hover{
	height:26px;
	background:url(../images/bollardsmallaa.png) no-repeat;
	padding:4px 0px 8px 25px;
	color:#F00;
font-size:12pt;
font-family:Verdana, Geneva, sans-serif;
font-style:italic;
margin:0px 15px 15px 0px;
	line-height:1.75em;
	text-decoration: underline;
	font-weight: normal;
}
/* schedule menu */
.schedulemenu{
}
.schedulemenu a.schedulemenuon{
	background:none;
	padding:0px;
	color:#039;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	margin:0px 0px 0px 10px;
	text-decoration:none;
	font-weight:bold;
}
.schedulemenu a.schedulemenuoff{
	background:none;
	padding:0px;
	color:#039;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	margin:0px 0px 0px 10px;
	text-decoration: underline;
	font-weight: normal;
}
.schedulemenu a.schedulemenuoff:hover{
	background:none;
	padding:0px;
	color:#F00;
font-size:14px;
font-family:Verdana, Geneva, sans-serif;
font-style:italic;
margin:0px 0px 0px 10px;
	text-decoration: underline;
	font-weight: normal;
}

.schedule-prev, .schedule-next, .schedule-cur{
font-size:10px;
}
/* Schedule menu */

#vessellist p{
	line-height:1.5em;
	margin: .25em 0em .25em 0em;
}
#vessellist div img{
	border: #999 1px solid;
}
#vessellist a:link, #vessellist a:visited{
	color:#039;
}
#vessellist a:hover{
	color:#f00;
}
#callisttab {
background:url(../images/calonmenubg.gif) repeat-x;
background-color:#666666;
border-top:1px #666666 solid;
border-right:1px #666666 solid;
border-left:1px #666666 solid;
text-align:center;
font:9pt arial, helvetica, sanserif;
color:#666666;
}

a:link#callisttab, a:visited#callisttab{
display:block;
background:url(../images/calmenubg.gif) repeat-x;
background-color:#666666;
border-right:1px #b0bec7 solid;
border-top:1px #b0bec7 solid;
border-bottom:1px #666666 solid;
border-left:1px #b0bec7 solid;
text-align:center;
font:9pt arial, helvetica, sanserif;
color:#666666;
text-decoration:none;
}

 a:hover#callisttab{
color:#ff0000;
}


#calcaltab {
background:url(../images/calonmenubg.gif) repeat-x;
background-color:#666666;
border-top:1px #666666 solid;
border-right:1px #666666 solid;
border-left:1px #666666 solid;
text-align:center;
font:9pt arial, helvetica, sanserif;
color:#666666;
}

a:link#calcaltab, a:visited#calcaltab{
display:block;
background:url(../images/calmenubg.gif) repeat-x;
background-color:#666666;
border-top:1px #b0bec7 solid;
border-bottom:1px #666666 solid;
border-right:none;
border-left:none;
text-align:center;
font:9pt arial, helvetica, sanserif;
color:#666666;
text-decoration:none;
}

a:hover#calcaltab{
color:#ff0000;
}

#caldaytab {
background:url(../images/calonmenubg.gif) repeat-x;
background-color:#666666;
border-right:1px #666666 solid;
border-top:1px #666666 solid;
border-left:1px #666666 solid;
text-align:center;
font:9pt arial, helvetica, sanserif;
color:#666666;
}

a:link#caldaytab, a:visited#caldaytab{
display:block;
background:url(../images/calmenubg.gif) repeat-x;
background-color:#666666;
border-right:1px #b0bec7 solid;
border-top:1px #b0bec7 solid;
border-left:1px #b0bec7 solid;
border-bottom:1px #666666 solid;
text-align:center;
font:9pt arial, helvetica, sanserif;
color:#666666;
text-decoration:none;

}

a:hover#caldaytab{
color:#ff0000;
}
.calendarsmall {
border-top:1px #666666 solid;
border-bottom:1px #666666 solid;
border-left:1px #666666 solid;
text-align:left;
font:9pt arial, helvetica, sanserif;
background-color:#ffffff;
}

.calendar-month{
font:10pt arial, helvetica, sanserif;
font-weight:bold;
background-color:#ffffff;
border-top:1px #666666 solid;
border-left:1px #666666 solid;
border-right:1px #666666 solid;
padding-bottom:5px;
}

.calendar-prev, .calendar-next{
font:15pt arial, helvetica, sanserif;
background-color:#ffffff;
font-weight:bold
}

#calheader1, #calheader2, #calheader3, #calheader4, #calheader5, #calheader6{
border-right:1px #ffffff solid;
background-color:#666666;
color:#FFFFFF;
text-align:center;
font:9pt arial, helvetica, sanserif;
padding:3px 0px 3px 0px;
}

#calheader7{
border-right:1px #666666 solid;
background-color:#666666;
color:#FFFFFF;
text-align:center;
font:9pt arial, helvetica, sanserif;
padding:3px 0px 3px 0px;
}

.calendarsmall td{
border-top:1px #666666 solid;
border-right:1px #666666 solid;
padding:2px 2px 2px 2px;

}

.linked-day{
font:9pt arial, helvetica, sanserif;
vertical-align:top;
}

.biglinked-day{
height:75px;
font:9pt arial, helvetica, sanserif;
vertical-align:top;
}
.textual a:link, .textual a:visited{
font:8pt arial, helvetica, sanserif;
vertical-align:top;
}

.calendaremptyday{
background-color:#ededed;
}

.calendar td{
vertical-align:top;
font:10pt arial, helvetica, sanserif;
}

.numberedday p{
font:8pt arial, helvetica, sanserif;
}

.caltoday{
font:8pt arial, helvetica, sanserif;
}


#scheduledrop{
margin: 5px 0px 5px 0px;
padding:0px;
}

#scheduledrop select{
font:8pt arial, helvetica, sanserif;
}
.sldescript{
	float: left;
	width:680px;
}
.schedulelist{
	padding:0px;
margin: 0px 0px 5px 16px;
}

.schedulelist li{
padding: 0px 0px 10px 0px;
list-style:square;
}
#scheduleinfo{
	font-size:.85em;
}
	
#scheduleinfo .schedulelist{
	padding:0px;
	margin: 0px 0px 3px 16px;
}
#scheduleinfo .schedulelist li{
padding: 0px 0px 5px 0px;
line-height:1.3em;

}
#scheduleinfo #sheduleevents{
	float: left;
	width:170px;
}


.scheduledatehead{
	font-size:1.5em;
	line-height:1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top:0em;
	margin-bottom:.5em;
}

.scheduledate{
float:left; 
width:50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #666666;
}
#scheduleinfo .scheduledate{
float:left; 
width:40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #666666;
}
.mapborder{
	border: 1px #996633 solid;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */