/* CSS Document */


body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1
{
		margin: 0 0 8px 0;
		padding: 0 0 0 2px;
		color:#000033;
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-weight:bolder;
		font-size:0.8em;
		line-height: 23px;
		border-bottom:1px solid #666666;
		background-color:#ffffff;
		background-image:url(../images/secthead_bkgd.gif);
		background-repeat:repeat-x;
		background-position:left;
		
}

h2
{
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:0.8em; 
		font-weight:bold; 
		padding:3px 2px 5px 3px; 
		margin:0px;
		color:#000000;	
}

h3
{
	margin:0;
	padding:0;
	font-weight:bolder;
	font-size:1.0em;
}

h4
{
		margin: 0 0 8px 0;
		padding: 2px 0 2px 2px;
		color:#ffffff;
		font-weight:bolder;
		font-size:0.7em;
		background-color:#cccccc;
		border-bottom:1px solid #000033;
}

p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	color:#000000;
	padding-left:5px;
}


ul
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	color:#000000;

}


a
{
	color:#0066FF;
	font-weight:bold;
	text-decoration:none;
}
a:hover
{
	color:#FF6600;
	font-weight:bold;
	text-decoration:underline;
}

.yellowheader
{
	background-color:#0066FF;
	color:#FFFFFF;
	font-size:0.8em;
	font-weight:bold;
	padding:5px 0px 5px 5px;
}
.blueheader
{
	background-color:#003366;
	color:#FFFFFF;
	font-size:0.8em;
	font-weight:bold;
	padding:5px 0px 5px 5px;
}
.darkgreyheader
{
	background-image:url(../images/grey_bkground.gif);
	background-repeat:no-repeat;
	font-size:0.8em;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 0px 5px 5px;
}

.bluetintheader
{
	background-color:Blue;	
	background-image:url(../images/blue_bkground.gif);
	background-repeat:repeat-x;
	font-size:0.8em;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 0px 5px 5px;
	display:block;

}


.PageHead
{
		padding: 0 0 0 2px;
		color:#000033;
		font-weight:bolder;
		font-size:0.8em;
		line-height: 23px;
		border-bottom:1px solid #666666;
		background-color:#ffffff;
		background-image:url(../images/secthead_bkgd.gif);*/
		background-repeat:repeat-x;
		background-position:left;
		clear:both;
}
.main
{
	width:915px;
	padding:0;
	float:left;
}
.banner
{
	width:915px;
	height:98px;
	background-color:#ffffff;
}
.logo
{
	float:left;
	width:375px;
	height:98px;
}
.bannerad
{
	width:468px;
	height:60px;
	float:right;
	margin:18px 5px 18px 0px;
}

.leftdiv
{
	width:200px;
	float:left;
}


/* Login Status Control*/

	.login
	{
		width:100%;
		border-right:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
	}
	.loginbutton
	{
		text-align:center;
	}
	
	.btnEnter
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding:5px;
		font-weight:bold;
		font-size:9pt;
	}
	
	.loginbutton a
	{
		color:#003366;
	}
	.loginbutton a:hover
	{
		color:#ffcc66;
	}
	.LoginStatus
	{
		text-align:center;
		font-weight:bold;
		font-size:9pt;
		margin:5px;
	}
/* Login Status Control End*/

/*  LOGIN PAGE */

	.loginholder
	{	font-size:0.75em;
		float:left;
		width:100%;
		text-align:center;

		
	}
	
	.loginlabel
	{	
		width:20%;
		text-align:right;
	}
	
	.loginbox
	{
		
	}
	
	#tblLogin
	{	
		width:100%;
		display:block;
		border-top:1px solid #ffffff;
		border-bottom:1px solid #C1C1C1;
		background-color:#CCCCCC;
	}

	#tblloginsub
	{
		width:94%;
		border:1px solid black;
		font-size:0.8em;
		background:#FBFAF5;
		margin:0 15px 0 0;
	}



/* END LOGIN PAGE */

.recentlyviewed
{
	width:100%;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin-top:20px;
}
.subscribe
{
	width:100%;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin-top:20px;
}
.yellowbutton
{
	width:161px;
	height:30px;
	background-image:url(../images/yellow_button.gif);
	background-repeat:no-repeat;
	padding:7px 0px 5px 0px;
	color:#003366;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	margin-left:20px;
	margin-bottom:-20px;
}
.middlediv
{
	width:400px;
	float:left;
	margin-left:15px;
}


/* Search Box Control */

	.search
	{
		width:200px;
		border-right:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		margin-top:20px;
	}

	.SearchBox
	{
		font-weight:bold;		
		width:188px;
		margin:5px; 
		font-size:0.7em; 
		text-align:left;
	}
	
	.LongBox 
	{
		width:183px;
		margin-top:5px;
		margin-bottom:5px;
	}
	
	.LongDropDown
	{
		width:100%;
		margin-top:5px;
		margin-bottom:5px;		
	}
	
	.boxholder
	{
		width:188px;
	}
	
	.innersearch  p.yellowheader
	{
		margin: 0 0 8px 0;
		padding: 0 0 0 2px;
		color:#000033;
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-weight:bolder;
		font-size:0.8em;
		line-height: 23px;
		border-bottom:1px solid #666666;
		background-color:#ffffff;
		background-image:url(../images/secthead_bkgd.gif);
		background-repeat:repeat-x;
		background-position:left;
	}	
	
	
/* Search Box Control End*/


/* Top News Story styles */
	.topstory
	{
		width:100%;
		display:block;
	}
	#topstoryheadline
	{

		font-size:1.1em; 
		font-weight:bold; 
		color:#006699;
	}

	.topstoryheadline a
	{
		font-size:1.1em; 
		color:#006699;
	}

	.topstorybody
	{
		margin-top:5px; 
		font-size:0.75em; 
		line-height:1.7em;
		padding-bottom:15px;
	}
	.topstorysummary
	{
		margin-top:15px; 
		font-size:0.75em; 
		line-height:1.7em;
		padding-bottom:15px;
		color:#003366;

	}
	.topstorydate
	{
		font-size:0.7em;
		color:#666666;
		padding: 5px 0px 7px 0px;
		text-decoration:none;
		border-bottom:1px solid #DBD7D0;
	}

	.topstorycomment  a
	{
		font-size: smaller;
		font-weight: bold;
		text-decoration:none;
		display:block;		
	}	
	
	.topStoryImageCaption
	{
		margin:auto;
		text-align:center;
		clear:left;
		font-weight:bold;
		font-size:0.75em;
		padding-bottom:5px;
	}	
	
/* Top News Story styles END */



/* Headline News Control */

	
	
	.summarystoryimage
	{
		float:left;
		margin-right:10px;
	}

	.summarystoryheadline
	{
		font-size:0.8em; 
		margin:5px;
	}
	
	.summarystorybody
	{
		font-size:0.7em;
		margin:5px;	
	}
		
	.summarystory
	{
		margin-top:5px;
		border-bottom: 1px #999999 solid;
	}
	
	.summarystorydate
	{
		font-size:0.7em;
		color:#666666;
		padding: 5px 0px 5px 20px;
		text-decoration:none;
		background-image: url(../images/time.gif);
		background-repeat: no-repeat;
		background-position: left;
		clear:both;
	}

	.summarymore
	{
		font-size:0.7em;
		padding-bottom:5px;
		padding-top:5px;
	}

/* Headline News Control End */	

/* Port Conditions News Control */

	.portconditions
	{
		width:100%;
		border:1px solid #CCCCCC;
		border-top:none;

	}
	.pcheadline
	{
		font-size:0.7em;
		padding-bottom:5px;
		padding-top:5px;		
		margin-left:5px;		
	}
	.pcdate
	{
		font-size:0.7em;
		color:#666666;
		padding: 3px 0px 3px 20px;
		text-decoration:none;
		background-image: url(../images/time.gif);
		background-repeat: no-repeat;
		background-position: left;
		clear:both;

		margin-left:5px;
	}
	
	.pcseparator	
	{
		padding: 3px 0px 3px 0px;		
		line-height:5px;
		border-bottom:1px solid #cccccc;
	}
	
	.pcmore
	{
		font-size:0.7em;
		padding-bottom:5px;
		padding-top:5px;
		margin-left:5px;				
	}
/* Port Conditions News Control End */


/* News Page */

	#tblNews
	{
		border-collapse:collapse;	
	}

	.rightdiv
	{
		width:279px;
		float:left;
		margin-left:15px;
	}
	
/* News Page End */


/* Information Details right divs homepage */
	.infodiv
	{
		width:100%;
		border:1px solid #CCCCCC;
		margin-top:25px;
	}
	.infoheader
	{
		background-color:#ffffff;
		color:#333333;
		font-size:0.8em;
		font-weight:bold;
		padding:5px 0px 5px 5px;
		border-bottom:1px solid #cccccc;
	}
	.infoimage
	{
		float:left;
		border-bottom:1px solid #999999;
		border-right:1px solid #999999;
		margin-right:10px;
		margin-top:15px;
	}
	.infobody
	{
		margin-top:2px;
		line-height:1.2em;
		margin-bottom:2px;
		margin-top:12px;
		color:#333333;
	}
/* Information Details right divs homepage END */


/* MENU CONTROL */

	.menu
	{
		width:100%;
		float:left;
		margin-top:2px;
		margin-bottom:10px;
		border-top:1px solid #003366;
		background-color:#CCCCCC;
	}

	.menugroup, .menuitem, .menuitemover, .menuitemred, .menuitemredover, .menuitemdown
	{
		color:#000000;
		font-family:verdana;
		font-size:0.7em;
		font-weight:bold;
		padding-left:5px;
		padding-right:5px;
		padding-top: 4px;
		padding-bottom: 2px;
		border-style:solid;
		cursor:pointer;
	}

	.menuitemred, .menuitemredover
	{
		color:red;
	}

	.menuitem,.menuitemred, .menuitemdown
	{
		background:#CCCCCC;
		border:1px solid #CCCCCC;
		height:17px;
	}

	.menuitemover, .menuitemredover
	{
		background:#999999;
		border:1px solid #999999;
		height:17px;		
	}

	.menuitemspacer
	{
		font-weight:bold;
		padding-left:5px;
		padding-right:5px;
		padding-top: 4px;
		padding-bottom: 2px;
	}

	.menuitemhidden
	{
      display:none;
	}

/* END MENU CONTROL */

/* STORY DISPLAY CONTROL */

	#storybody
	{
		font-family:Verdana, Sans-serif;
		font-size:0.8em;			
		color: black;
		text-align:left;
		padding-right:10px;
		padding-top:1px;

	}

	#storyimage
	{
		margin-top:4px;
		text-align:center;
	}

	.StoryImageCaption
	{
		margin:auto;
		text-align:center;
		clear:left;
		font-weight:bold;
		font-size:0.7em;
		padding-bottom:5px;
	}

	.storyheadcol
	{
		margin-left:2px;
		margin-right:2px;
		margin-bottom:10px;
		float:left;
		width:700px;
		display:block;

	}

	.storyrightcol
	{
		float:right;
		width:205px;
		border:1px solid #e0e0e0;
		border-top:none;

	}

	.storyrightcolInner
	{
		font-size:0.7em;
		margin:5px 0 5px 5px;

	}

	.storyrightcolInner a
	{
		display:block;	
		width:197px;
		padding-top:5px;
		clear:left;
	}

	 
	 .reldate
	 {
		color:#000000;
		font-weight:normal;
		float:left;
		clear:both;
		display:block;
		width:100%;
		text-decoration:none;
		border-bottom:1px solid silver;
		margin-bottom:3px;
		padding-bottom:3px;
			
	 }


/* STORY DISPLAY CONTROL END*/

.footer
{
	width:100%;
	float:left;
	margin-top:5px;
	margin-bottom:10px;
	border-top:1px solid #003366;
	background-color:#CCCCCC;
	color:#000000;
	font-size:0.7em;
	text-align:center;
	padding:10px 0px 10px 0px;
}


#copyprint
{
	display:none;	
}

#searchbar
{
	float:right;
}

#searchbar td
{
	font-family: Verdana;
	font-size:0.7em;
	font-weight:bold;
}
.storylinks
{
	display:block;
}

.storylinks a
{
	clear:left;

}

.storylinksImage
{
	vertical-align:middle;
	border:none;	
	margin-right:4px;
}
.highlight
{
	background-color:Yellow;	
}

.RelatedHeader
{
		margin: 0 0 8px 0;
		padding: 2px 0 2px 2px;
		color:#ffffff;
		font-weight:bolder;
		font-size:0.7em;
		background-color:#336699;
		border-bottom:1px solid #000033;	
	
}

#tblNav
{
	width:600px;
	border:3px solid #e0e0e0;
	border-collapse:collapse;
}

#tblNav td
{
	font-size:0.8em;
	font-weight:bold;
	border:3px solid #e0e0e0;	
}


#tblResults
{
	text-align:left;
	border-collapse:collapse;
	margin-left:5px;

}


#tblResults th
{
	font-size:0.8em;
	border-bottom:1px solid #e0e0e0;
	width:300px;
}

#tblResults td
{
	font-size:0.8em;	
	padding-right:15px;
	border-bottom:1px solid #e0e0e0;
}

.boldhead
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#000000; 
	font-size:0.8em; 
	font-weight:bold;
	padding-left:15px;
	padding-bottom:3px;
	background-image:url(../images/circle.gif);
	background-position:center left;
	background-repeat:no-repeat;
	border-bottom:1px solid #CCCCCC;
}

.pagehead 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: Black;
	font-weight: bold;
	background-color: #E0e0e0;
	padding: 4px;
}

/*PortDetails Page */

.portdetails
{
	margin-left:5px;
	margin-bottom:10px;
}


.portdetails table
{
	border-collapse:collapse;
	margin:10px;
	border-color:White;
	//border:none;

}
.portdetails table td
{
	padding-bottom:8px;
	border:none;

}


#tblBerths
{	
	text-align:left;
}

#tblBerths th
{
	border-bottom:1px solid #e0e0e0;
	font-size:0.7em; 
	font-weight:bold;

}


#tblBerths td
{
	border-bottom:1px solid #e0e0e0;
	font-size:0.7em; 


}
#tblBerths td.tankrowhead
{
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-weight:bold; 
		padding:3px 2px 5px 3px; 
		margin:0px;
		color:#000000;	

}

#tblPortOverview
{	
	text-align:left;
	border-collapse:collapse;
}

#tblPortOverview th
{
	border-bottom:1px solid #e0e0e0;
	font-size:0.7em; 
	font-weight:bold;
	width:200px;
	padding:2px 0 2px 0;
}


#tblPortOverview td
{
	border-bottom:1px solid #e0e0e0;
	font-size:0.7em; 
	width:400px;
	padding:2px 0 2px 0;
}

.MapTable
{
	 margin-left:5px;
}


.MapTable td
{
		width:170px;
		text-align:center;
		vertical-align:middle;
	
}

.holidayinfo
{
	margin-top:10px;	
	margin-left:5px;
	margin-bottom:10px;
	border-collapse:collapse;
	width:100%;
	 
}

.holidayinfo td
{
	border-bottom:1px solid #e0e0e0;
	font-size:0.7em;
	padding:2px 10px 2px 0;


}
.holidayinfo th
{
	border-bottom:1px solid black;
	font-weight:bold; 
	font-size:0.7em;
	text-align:left;
	padding:2px 10px 2px 0;

}

.address
{
	margin-top:15px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:15px;
	float:left;
	width:290px;
	
}

.addresstext
{
	font-size:0.8em;
	margin:5px;	
}

.SearchTable
{
	width:500px;
	border:3px solid #e0e0e0;
	border-collapse:collapse;
}

.SearchTable td
{
	font-size:0.8em;
	font-weight:bold;
	border:3px solid #e0e0e0;
}

.AddressItem
{
	font-weight:bold;
	padding-bottom:3px;
}

.AddressItemHead
{
	font-weight:bold;
	padding-bottom:3px;
	color:#666666;
}

#AddressTable
{
	
}

.AddressTable td
{

	padding-bottom:3px;
	font-size:0.8em; 	
}


#tblAddresses
{
	padding-left:15px;
	padding-bottom:3px;

}
#tblAddresses td
{
	border-bottom:1px solid #e0e0e0;
	font-size:0.7em; 
	font-weight:bold;
}


#tblAddresses  a.visited  
{
	background-color:Red;
	text-align:left;
}