body {
border:1px solid #FFFFFF;
font-size:70%;
margin:0px;
padding:0px;
text-align:center;
}

#frame_container
{
	background-color:#FFFFFF;
	margin:9px auto 0px;
	padding:0px;
	width:900px;
}

#content_frame_area
{
	background: transparent url(../../Images/content_bg.gif) repeat scroll left center;
	width: 900px;
	font-size: 100%; 
}

#content_leftframe_area
{
	background: url(Images/contentleft_sharpedge.gif) repeat-y scroll;
	float:left;
	height:490px;
	width:12px;
}



#content_area
{
	 width:876px;
    float:left;
	/*border: 1px solid red;*/
	
}

#topbg_shadow 
{
	background: transparent url(Images/content_topbg.gif) repeat-x scroll left top;
	float: left;
	margin-top: 0px;
	position: relative;
	width: 100%;
}

#left_topborder 
{
	background-color:#325894;
	float:left;
	font-size:0px;
	height:4px;
	left:10px;
	position:absolute;
	top:-1px;
	width:182px;
}


#content_left_area 
{
	float:left;
	width:182px;
}
.content_left_area_info 
{
	padding:10px 0px 0px 10px;
}

#content_rightarea
{
	float:left;
	width:675px;
}
.subcontent_rightarea_info 
{
	padding:6px 0px 0px 6px;
}


#subpage_content_container 
{
	padding-left:4px;
}

#subpage_contentarea_top 
{
	background: transparent url(../../Images/arrival_departure_topbg.gif) no-repeat scroll;
	margin: 0px;
	padding: 3px 333px;
	/*border: 1px solid red;*/
}

#subpage_contentarea 
{
	background: transparent url(../../Images/arrival_departure_contentbg.gif) repeat-y scroll;
	color: #939393;
	font-family: Tahoma;
	font-size: 100%;
	margin: 0px;
	width: 666px;
	
	/*border: 1px solid aqua;*/
	
}

#subpage_contentarea #subpage_newsarea 
{
	border-top:1px solid #ffffff;
	margin:0px 8px 0px 8px;
	position:relative;
	top:2px;
	width:648px;
	/*border: 1px solid red;*/
}

#subpage_contentarea #subnews_content 
{
	padding-left:8px;
}

#subpage_contentarea .news_subcontent 
{
	color:#6D6C6C;
	font-size:90%;
	margin:0px;
	width:628px;
}


#subpage_contentarea_end 
{
	background: transparent url(../../Images/arrival_departure_bottombg1.gif) no-repeat scroll;
	margin: 0px;
	padding: 5px 333px;
}

div {
text-align:left;
}

.noDisplay
{
	display: none;
}






#bottombg_shadow 
{
	background:transparent url(Images/content_bottombg.gif) repeat-x scroll left top;
	float:left;
	height:25px;
	position:relative;
	width:100%;
}

#left_bottomborder 
{
	background-color:#325894;
	font-size:0px;
	height:4px;
	left:10px;
	position:absolute;
	top:22px;
	width:182px;
}


/**********************************************/
/*					 HEADER    				  */
/**********************************************/
#headerArea 
{
	/*background:transparent url(/faxafloahafnir/upload/images/templates/banner.jpg) no-repeat scroll 0%;*/
	/*background-color:#426C9E;*/
	/*border-bottom:2px solid #FFFFFF;*/
	height:76px;
	width:900px;
}

#harborLogo a 
{
	background: transparent url(Images/Hafnir_bordi.jpg) no-repeat scroll left center;
	float: left;
	height: 76px;
	width: 900px;
}


/*********************************************************
*********************************************************/

.toplinkSpace
{
	width: 12px;
	background-color: White;
}

*/

a:link,A:visited,A:active, A:hover
{
	text-decoration: none;
}
 
 
 /****************************************************/
/*					LEFT
/****************************************************/
 
#otherLinksArea
{
	width:170px;
	float: left;
}
 
#graphIcon, #tableIcon
{
	float:left;
	margin:2px 0px 1px 8px;
	width:40%;
	height:55px;
}

#graphIcon a
{	
	background: transparent url("../../Images/graph40.gif") no-repeat scroll center top;
	color:#094080;
	font-weight:bold;
	text-decoration:none;
	text-indent: 5px;
	display:block;
	padding-top: 45px;
}
#graphIcon a:hover
{
	background: transparent url("../../Images/graphGrey40.gif") no-repeat scroll center top;
}

#tableIcon a
{
	background: transparent url("../../Images/table40.gif") no-repeat scroll center top;
	color:#094080;
	font-weight:bold;
	text-decoration:none;
	text-indent: 5px;
	display:block;
	padding-top: 45px;
}

#tableIcon a:hover
{
	background: transparent url("../../Images/tableGrey40.gif") no-repeat scroll center top;
}

/*************************************************************************************/
/*								DATECONTROLLER STARTS							     */
/*************************************************************************************/
#dateControllerArea
{
	float:left;
}

#dateControllerTitle span
{
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	margin-left: 20px;
}

#dateController
{
	margin-left:20px;
}

#leftBack
{
	float:left;
	height:21px;
	width:171px;
}

#leftBack a
{	
	font-size: 11px;
	font-weight: bold;
	color:#094080;
	text-decoration: none;
	margin-left: 50px;
}


/*************************************************************************************/
/*								WINDROSE STARTS									     */
/*************************************************************************************/
 #windroseArea
 {
 	float:left;
 }
 
 #windroseTitle span
 {
 	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	margin-left: 20px;
 }
 
 
/*************************************************************************************/
/*								WINDMETER STARTS									 */
/*************************************************************************************/
 #windmeterArea
 {
 	float:left;
 }
 
 #windmeterTitle span
 {
 	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	margin-left: 20px;
 }
 
 /**************************************************************************/
 
 .hscroll_bg {
 	float:left;
	background:transparent url(Images/hscroll_bg.gif) repeat-x scroll 0%;
	font-size:0px;
	height:6px;
	padding-top: 15px;
	width:100%;
}

#links_stations_area
 {
 	float:left;
 }
 
 #currentPort
{
	background:transparent url(Images/weather_heading.jpg) no-repeat scroll left center;
	padding:6px 0px 4px;
}

#currentPort a
{
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	margin-left: 20px;
}



#links_stations a.left
 {
 	color:#672900;
 	text-decoration: none;
 	width: 98%;
 	text-align: center;
 	margin-top: 3px;
 	height: 12px;
 }
 
 #links_stations .right
 {
 	background-color: #989696;
 	float:right;
 	width: 48%;
 	height: 20px;
	margin-top:2px;
	margin-right:2px; 
	/*margin-bottom:1px;*/
	/*border: 1px solid aqua;*/
 }
 
 #links_stations a.right
 {
 	color:#672900;
 	text-decoration: none;
 	width: 98%;
 	text-align: center;
 	margin-top: 3px;
 	height: 12px;
 }
 #links_stations a.current_left
 {
 	color:#FFFFFF;
 	text-decoration: none;
 	font-weight:bold;
 	width: 98%;
 	text-align: center;
 	margin-top: 3px;
 	height: 12px;
 }
 #links_stations a.current_right
 {
 	color:#672900;
 	text-decoration: none;
 	font-weight:bold;
 	width: 98%;
 	text-align: center;
 	margin-top: 3px;
 	height: 12px;
 }
 
 #linksStationsAreaBottom span
{	
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	margin-left: 63px;
}

/****************************************************/
 /*					Station Table
 /****************************************************/
.stationDataTable
{
	border-top: 1px solid #9CABBD;
	border-bottom: 1px solid #9CABBD;
	border-left: 1px solid #9CABBD;
	width: 100%;
}

.stationDataHeader
{
	border-right: 1px solid #9CABBD;
	background-color: #CCD4DD;
	color:  #546376;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.stationData
{
	border-top: 1px solid #9CABBD;
	border-right: 1px solid #9CABBD;
	color: #546376;
	background-color: transparent;
	font-size: 10px;
	text-align: center;
}

/*****************************************************/
 /*					FOOTER									  */
 /****************************************************/
#footer_container {
	background: transparent url(Images/footer_bg.gif) no-repeat scroll left center;
	float: left;
	height: 48px;
	margin-top: 7px;
	width: 900px;
	/*border: 1px solid green;*/
}
#MogtInfoText
{
	color:#838383;
	float:left;
	font-family:Arial,Tahoma,Myriad;
	font-size: x-small;
	margin:2px 0px 0px;
}

#MogtInfoText p 
{
	margin: 0px;
	padding: 2px 0px 0px 15px;
	text-align: left;
}

#HarborInfoText {
	color:#838383;
	float:right;
	font-family:Arial,Tahoma,Myriad;
	font-size: x-small;
	margin:2px 0px 0px;
}

#HarborInfoText p 
{
	margin:0px;
	padding:0px 14px 0px 0px;
	text-align:right;
}

.footer_link 
{
	color:#838383;
	text-decoration:underline;
}

/****************************************************/
 /*					LINX
 /****************************************************/
 .blueBoldLink
 {
 	color: #426C9E;
	font-weight:  bold;
	font-size: 11px;
 }

 .greyBoldLink
 {
 	color: #CCD4DD;
	font-weight:  bold;
	font-size: 11px;
 }
 
 .whiteBoldLink
 {
 	color: #ffffff;
	font-weight:  bold;
	font-size: 12px;
	
 }
 .whiteBoldLink:hover 
 {
 	color: #40648E;
	font-weight:  bold;
	font-size: 12px;
	
 }