/* CSS Document */
#hidefromscreen01{
display:none;}

#hidefromscreen02{
display:none;}

#hidefromscreen03{
display:none;}

#hidefromprint01{
display:block;}

#hidefromprint02{
display:block;}

#hidefromprint03{
display:block;}

	
	body {
		margin:0px;
		padding:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#001c5b;
		background-image:url(../graphics/generic/slither_rhsbackground.gif);
		background-repeat:repeat-y;
		background-position:right;
		background-color:#53897b;
		
		}
		
	
	
	#leftcontent {
		position: absolute;
		left:0px;
		top:83px;
		width:170px;
		
		
		}
		
	#leftcontentHome {
		left:0px;
		width:170px;
		float:left;
		

		
		}
		
		#slidingpictures{
	height:191px;
	background-image:url(../graphics/home/sliding_photos.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;

	margin-right:199px;
	
	voice-family: "\"}\"";
		voice-family: inherit;
   		margin-right:199px;	
		
			
}	

	html>body #slidingpictures {
	
   		margin-right:201px;
	
		}
		
		.slidingpictext{
		font-size:11px;
		font-weight:normal;
		padding-top:171px;
		padding-left:10px;
		}
		

	#centercontent {
	
	background-image:url(../graphics/generic/slither_middle.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
			border-left:1px solid #ffffff;
   		margin-left: 169px;
   		margin-right:199px;
		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 170px;
   		margin-right:201px;
	
		}
		
		
	html>body #centercontent {
   		margin-left: 170px;
   		margin-right:201px;
		
		}

		
	
	
	#middlecontentpadding{
	padding-left:16px;
	padding-right:16px;
	line-height:15px;
	padding-top:1px;
	background-image:url(../graphics/generic/corner_right.gif);
	background-repeat:no-repeat;
	background-position:top right;

	}
	
	#rightcontent {
		position: absolute;
		right:0px;
		top:83px;
		width:200px;
		background-image:url(../graphics/generic/slither_rhs.gif);
		background-repeat:repeat-x;
		background-position:top;
		background-color:#CCBEAC;
		font-size:10px;
		border-left:1px solid #ffffff;

		}
				
	
	
	#banner {
		height:83px;
		background-image:url(../graphics/generic/slither_topbar.gif);
		background-repeat:repeat-x;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:83px;
		}
	html>body #banner {
		height:83px;
		}
		
		
		
	#logo{
	width:239px;
	height:83px;
	float:left;}
	

	
	.searchpadding{
	padding-top:15px;
	padding-left:6px;
	}
	
	.searchinput{
	width:140px;
	font-size:11px;
	}
	
.submitBtn {
	border-left: 1px solid #A2A2A2;
	border-top: 1px solid #A2A2A2;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #c0c0c0;
	padding-left:2px;
	padding-right:2px;
}

form{
margin:0px;
}


.toptextpadding{
line-height:52px;}


.padding{
line-height:13px;}

.toptextpaddingSmall{
line-height:48px;}


#bannertext {
		font-weight:bold;
	color:#001c5b;
	font-size:16px;
	
		}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

	#bannertext #search {
		height:47px;
	width:200px;
	background-color:#e3e2e0;
	border-bottom:2px solid #ffffff;
	float:right;
		}
		
		
#bannertextsmall {
position:absolute;
top:58px;
left:260px;
		font-weight:normal;
	color:#001c5b;
	font-size:11px;
	
		}


.NavBtnOff{
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
background-color:#53897b;
border-bottom:1px solid #ffffff;
color:#ffffff;
}

.NavBtnOn{
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
background-color:#83b4a7;
border-bottom:1px solid #ffffff;
font-weight:bold;
color:#ffffff;
}

.NavSub{
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
color:#ffffff;
}

a.navlink:link, a.navlink:visited, a.navlink:active  {
text-decoration: none; 
color:#ffffff;

} 


a.navlink:hover {
color:#F6950A;
} 


h1{
font-size:13px;
line-height:16px;
font-weight:bold;
display:inline;
}



h2{
font-size:13px;
line-height:16px;
font-weight:normal;
display:inline;
}

.picleft {
	padding: 0px;
	margin: 0px 15px 10px 0px;
	border: 0px none;
	float: left;

}

.picright {
	padding: 0px;
	margin: 0px 0px 10px 15px;
	border: 0px none;
	float: right;

}

.piccenter {
	margin-bottom: 10px;
	display: block;
    margin-left: auto;
    margin-right: auto

}
.pictureleft {
	padding: 0px;
	margin: 0px 15px 10px 0px;
	border: 0px none;
	float: left;

}

.pictureright {
	padding: 0px;
	margin: 0px 0px 10px 15px;
	border: 0px none;
	float: right;

}

.picturecenter {
	margin-bottom: 10px;
	display: block;
    margin-left: auto;
    margin-right: auto

}

#RHStop{
background-image:url(../graphics/rhs/slither_toprhs.gif);
background-repeat:repeat-x;
color:#ffffff;
font-weight:bold;
font-size:11px;
padding-left:16px;
padding-right:16px;
background-color:#24376c;
padding-bottom:6px;
line-height:15px;
}

.RHScontainer{
padding-left:16px;
padding-right:16px;
padding-top:8px;
}

.RHSTitles{
font-weight:bold;
line-height:16px;
}

.AMPM{
width:37px;
border-bottom:1px solid #EEEDEC;
background-color:#D7D5D2;
padding-top:1px;
padding-bottom:1px;
float:left;
text-align:center;

}

.AMPMtime{
width:70px;
border-bottom:1px solid #EEEDEC;
background-color:#D7D5D2;
padding-top:1px;
padding-bottom:1px;
float:left;
text-align:center;
}

.AMPMmetres{
width:60px;
border-bottom:1px solid #EEEDEC;
background-color:#D7D5D2;
padding-top:1px;
padding-bottom:1px;
float:left;
}

.RHSGreenBtn{
border-top:1px solid #EEEDEC;
border-bottom:1px solid #EEEDEC;
background-color:#548B7C;
padding-top:4px;
padding-bottom:4px;
text-align:center;


}

.RHStitlebar{
background-image:url(../graphics/rhs/slither_rhs.gif);
background-repeat:repeat-x;
background-position:top;
color:#ffffff;
font-weight:bold;
font-size:11px;
padding-left:16px;
padding-right:16px;
background-color:#24376c;
padding-bottom:6px;
padding-top:4px;
line-height:15px;
}

.VesselType{
width:40px;
border-bottom:1px solid #EEEDEC;
background-color:#D7D5D2;
padding-top:1px;
padding-bottom:1px;
float:left;
text-align:left;
padding-left:10px;
}

.VesselDetails{
width:117px;
border-bottom:1px solid #EEEDEC;
background-color:#D7D5D2;
padding-top:1px;
padding-bottom:1px;
float:left;
}

.LatestNews{
width:155px;
border-top:1px solid #EEEDEC;
border-bottom:1px solid #EEEDEC;
background-color:#D7D5D2;
padding-top:3px;
padding-bottom:5px;
padding-left:6px;
padding-right:6px;

}

a.RHSlink:link, a.RHSlink:visited, a.RHSlink:active  {
text-decoration: none; 
color:#ffffff;
font-size:11px

} 


a.RHSlink:hover {
color:#F6950A;
} 


a.RHSBLUElink:link, a.RHSBLUElink:visited, a.RHSBLUElink:active  {
text-decoration:underline; 
color:#001c5b;
font-size:10px

} 


a.RHSBLUElink:hover {
color:#F6950A;
}

#address{
padding-top:20px;
border-top:1px solid #a29f9e;
font-size:10px;
text-align:center;
}

a:link, a:visited, a:active  {
text-decoration: underline; 
color:#001c5b;
} 

a:hover {
color:#F6950A;
} 

label{
font-size:11px;
font-weight:normal;}

.imagenoborder{
border:0px;}

.clear{
clear:both;}

#Pageheader{
background-color:#ffffff;
	padding-left:16px;
	padding-right:16px;
	line-height:18px;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	
}

.calendaron{
width:16%;
text-align:center;
padding:5px;
color:#ffffff;
font-weight:bold;
border:1px solid #548B7C;
background-color:#83B4A7;
}

.calendaroff{
width:16%;
text-align:center;
padding:5px;
border:1px solid #83B4A7;
background-color:#ffffff;


}

.calcell{
font-size:10px;
text-align:center;
border:1px solid #548B7C;
padding-top:5px;
padding-bottom:5px;
}

.calcellon{
font-size:10px;
text-align:center;
color:#ffffff;
font-weight:bold;
border:1px solid #548B7C;
background-color:#83B4A7;
padding-top:4px;
padding-bottom:4px;
}


.calcellDate{
font-size:10px;
font-weight:bold;
color:#001c5b;
text-align:center;
border:1px solid #548B7C;
padding-top:4px;
padding-bottom:4px;
background-color:#F1F0EF;
}




.VesselcellDate{
font-size:11px;
font-weight:bold;
color:#001c5b;
text-align:left;
border:1px solid #548B7C;
padding-top:4px;
padding-bottom:4px;
padding-left:5px;
background-color:#F1F0EF;
}

.Vesselcalcell{
font-size:11px;
text-align:left;
border:1px solid #548B7C;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
}

.VesselcalcellGreen{
font-size:11px;
text-align:left;
border:1px solid #548B7C;
background-color:#c0d0cc;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
}

.LatestNewsDate{
width:150px;
font-size:11px;
font-weight:bold;
text-align:left;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
background-color:#F1F0EF;
}

.LatestNewsTitle{
font-size:11px;
font-weight:bold;
text-align:left;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
background-color:#F1F0EF;
}

.LatestNewsSnippet{
border-bottom:1px solid #bec9c6;
padding-bottom:10px;
padding-top:10px;}

.LatestNewsTable{
font-size:11px;
text-align:left;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
}

.Date{
text-align:right;
float:right;
padding-bottom:10px;}


.Whitetable{
background-color:#E6E5E2;
width:100%;
border:1px solid #D8D7CB;
}

h3{
font-size:14px;
line-height:16px;
font-style:italic;
font-weight:normal;
display:inline;
}


.TideDates{
padding-top:20px;
padding-bottom:10px;}

a.TideDatesOn:link, a.TideDatesOn:visited, a.TideDatesOn:active  {
font-size:13px;
line-height:16px;
font-weight:bold;
color:#53897b;

} 

a.TideDatesOn:hover {
font-size:13px;
line-height:16px;
font-weight:bold;
color:#001c5b;

} 

a.TideDatesOff:link, a.TideDatesOff:visited, a.TideDatesOff:active  {
font-size:13px;
line-height:16px;
font-weight:normal;
color:#001c5b;
} 

a.TideDatesOff:hover {
font-size:13px;
line-height:16px;
font-weight:normal;
color:#F6950A;
}


.TopLevelSiteMap{
padding:5px;
border-bottom:1px solid #C9C6D6;
}

.SubLevelSiteMap{
font-weight:normal;
padding:5px;
}
.PortCostBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	font-weight:bold;
}