/* CSS Document 


-------------Table of Contents--------------------
	- General Layout
	- Content Layout
	- Text
	- Links
	- Navigation
	- Panels
	- Index Page
	- Buoy Page
	- Weather Page
	- Mapping Page
	- Communities Page
	- Harbours Page
	- Water Quality Page
	- Request Form
*/


	html, body{
		margin:0px;
		padding:0px;
		border:0px;
		width:100%;
		background-color:#807F70;
		position:relative;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10pt;
	}
	
	body.buoy-description{
		background-color:#F0F0F0;
		height:100%;
	}
	
	#block-box1{
		float:right;
		bottom:0px;
		right:0px;
		width:229px;
		height:150px;
		background-color:white;
	}
	
	a, a:active, a:visited{
		color: #A83537;
		text-decoration:none;
		font-size:10pt;
	}
	
	a:hover{
		color: #8D98A2;
	}
	
	a.img{
		border:0;
	}
	
	a img{
		border:0px;
	}
	
	img{
	   border:0px;
	}

/*
General Layout-----------------------------------------------------------------------------------------
*/
	#container{
		width:900px;
		text-align:left;
		margin:0px auto 0px auto;
		background-image:url(../Images/texture-background.jpg);
		background-repeat:repeat;
		border-left:1px ridge #636256;
		border-right:1px ridge #636256;
		border-bottom:1px ridge #636256;
	}
	
	#container-pda{
		width:870px;
		text-align:left;
		vertical-align:top;
	}
	
	#inner-container-pda{
		width:870px;
		text-align:left;
		background-color:#E6E6DC;
	}
	
	#inner-container{
		position:relative;
		width:870px;
		text-align:left;
		margin-left:30px;
		background-image:url(../Images/content_background.jpg);
		background-repeat:repeat-y;
		border-left:1px ridge #636256;
		border-right:1px ridge #636256;
	}
	
	#admin-inner-container{
		position:relative;
		width:870px;
		text-align:left;
		margin-left:30px;
		background-color:#E6E6DC;
		border-left:1px ridge #636256;
		border-right:1px ridge #636256;
	}
	
	#sub-content{
		width:670px;
		text-align:left;
		padding:0px 15px 0px 15px;
		margin-top:30px;
		float:left;
		overflow:auto;
	}
	
	#sub-content-nonav{
		width:870px;
		text-align:left;
		padding-top:30px;
		background-color:#E6E6DC;
		overflow:auto;
	}
	#sub-content-admin{
		width:850px;
		text-align:left;
		padding:10px;
		background-color:#E6E6DC;
		overflow:auto;
	}
	
	#nav{
		width:170px;
		text-align:left;
		float:left;
		background-image:url(../Images/bouy_side.jpg);
		background-color:#223D51;
		background-repeat:no-repeat;
		background-position:top left;
		height:440px;
		z-index:10;
	}
	
	#top-admin-nav{
		width:870px;
		height:25px;
		overflow:hidden;
		background-color:#142535;
		text-align:center;
		margin-left:30px;
	}
	
	#header{
		z-index:0;
		position:relative;
		width:868px;
		text-align:left;
		margin-left:30px;
		height:115px;
		background-color:#3E5F75;
		vertical-align:top;
		background-image:url(../Images/header2.jpg);
		background-repeat:no-repeat;
		border-left:1px ridge #636256;
		border-right:1px ridge #636256;		
	}
	
	#header-pda{
		width:870px;
		text-align:left;
		height:115px;
		background-color:#3E5F75;
		background-image:url(Images/header2.jpg);
		background-repeat:no-repeat;
	}
	
	#logo{
		position:absolute;
		top:2px;
		left:110px;
		z-index:100;
	}
	
	#flash-header{
		z-index:0;
		position:relative; 
		width:870px; 
		margin-left:30px;
		height:115px; 
		border-left:1px ridge #636256;
		border-right:1px ridge #636256;
	}
	
	#top-nav{
		z-index:100;
		position:absolute; 
		bottom:5px; 
		right:25px;
		font-weight:bold;
	}
	
	#pda-nav{
		text-align:center;
		color:#CCCCCC;
		background-color:#E6E6DC;
	}
	
	#footer{
		clear:left;
		margin:0px auto 0px auto;
		height:15px;
		width:869px;
		border-top:1px ridge #636256;
		background-color:#DCDAC3;
		text-align:center;
	}
	
	#footer-pda{
		height:15px;
		width:869px;
		background-color:#DCDAC3;
		text-align:center;
	}
	
	#side-logo{
		position:fixed;
		top:50px;
		left:50%;
		margin-left:-450px;
		height:249px;
		width:30px;
		background-image:url(../Images/side_logo-trans.png);
		background-repeat:no-repeat;
	}
	
	#logo-right{
		position:absolute;
	}	
	
	#clocks{
		position:absolute;
		right:70px;
		width:280px;
		height:50px;
		color:#333333;
		font-size:7pt;
		line-height:15px;
	}
	
	
/*
Content Layout-----------------------------------------------------------------------------------------
*/
	
	#page-header{
		position:absolute;
		top:0px;
		left:170px;
		height:30px; 
		width:700px;
		background-image:url(../Images/page_title.jpg); 
		background-repeat:repeat;
	}
	
	#page-header-nonav{
		position:absolute;
		top:0px;
		left:0px;
		height:30px; 
		width:870px;
		background-image:url(../Images/page_title_nonav.jpg); 
		background-repeat:repeat-x;
	}
	
	.content-header{
		width:100%;
		background-color:#889EC3;
		text-align:left;
		border-top:1px ridge #FFFFCC;
		border-bottom:1px ridge #FFFFCC;
		padding:2px 0px 2px 0px;
	}

	.to-top{
		width:97%;
		text-align:right;
	}
	
	.letter-nav{
		float:left; 
		padding-top:7px; 
		width:360px;
		text-align:center;
	}
	
	.letter-select{
		position:relative;
		font-size: 8pt;
		vertical-align: top;  
		padding-left:20px;
	}
		
	.map-nav{
		position:relative;
		width:345px; 
		height:330px; 
		overflow:auto; 
		text-align:left; 
		margin-left:20px;
	}
	
	.map-nav p{
		padding-right:5px;
	}
	
	.map-nav-water{
		position:relative;
		width:360px; 
		height:355px; 
		overflow:auto; 
		text-align:left; 
		margin-left:10px;
		line-height:22px;
	}
	
	.map-nav-water p{
		padding-left:15px; 
		line-height:20px;
	}
	
	.letter-nav-water{
		float:left; 
		margin-left:5px; 
		padding-top:7px; 
		width:360px;
	}

	.sub-map-list{
	  margin:0;
	  padding:0;
		clear:left; 
		width:855px; 
		height:395px; 
		margin-left:10px;		
	}
	
	.sub-map{
	  padding:0;
		float:left;
		position:relative; 
		margin:0px 0px 5px 5px; 
		padding-top:7px; 
		width:480px;
	}
	
	.map-image{
		border:1px ridge #595757; 
		width:480px;
	}


/*
Text-----------------------------------------------------------------------------------------
*/
	.small-text{
		font-size: 9pt;
	}
	
	.small-text-bold{
		font-size: 9pt;
		font-weight:bold;
	}
	
	.smaller-text{
		font-size: 8.5pt;
	}
	
	.smaller-text-bold{
		font-size: 8.5pt;
		font-weight:bold;
	}
	
	.reg-text{
		font-size: 10pt;
		color:#333333;
	}
	
	.reg-text-space{
		font-size: 10pt;
		color:#333333;
		line-height:16px;
	}
	
	.reg-text-bold{
		font-size: 10pt;
		color:#333333;
		font-weight:bold;
	}
	
	.lg-text{
		font-size: 11pt;
		color:#333333;
	}
	
	.lg-text-bold{
		font-size: 11pt;
		color:#333333;
		font-weight:bold;
	}
	
	.page-title{
		font-size: 12pt;
		font-weight: bold;
		height:28px;
		color: #043B54;
		padding-left:15px;
		padding-top:2px;
	}
		
	.main-panel-text{
		font-size: 8pt;
		font-weight: normal;
		line-height:19px;
	}
	
	.header-text, .header-text a{
		color:142535;
		font-size: 10pt;
		font-weight:bold;
		padding-left:10px;		
	}
		
	.amec-heading {
		font-size: 11pt;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	.buoy-header{
		font-size: 14pt;
		font-weight:bold;
		color:#91A0C7;
	}	
	
	.notice{
		font-size: 9pt; 
		font-weight: bold; 
		color: #CC0000; 
		margin: 15px 0 15px 0;
		line-height: 1.5em;
	}	

/*
Links-----------------------------------------------------------------------------------------
*/
	#left-navmenu, #left-navmenu a:link, #left-navmenu a:visited{	
		font-size:10pt;
		text-decoration:none;
		display:block;
		color:#ffffff;	
		padding:5px 0 6px 5px;
		width:160px;
		text-align:left;
		background-image:url(../Images/nav_background-trans.png);
		background-repeat:repeat;
		
	}
	#left-navmenu a:hover{
		background-color: #AFAFA8;
		color: #A83537;	
		font-weight:bold;
	}
	
	#left-navmenu a img{
		vertical-align: middle;
	}
	
	.white-link, .white-link a:link, .white-link a:visited{
		color: #ffffff;
		font-size: 8pt;
		text-decoration: none;
	}
	
	.white-link a:hover{
		color:#B7C9CB;
	}
	
	.red-link, .red-link a:link, .red-link a:visited{
		color: #A83537;
		font-size: 8pt;
		text-decoration: none;	
	}
	
	.red-link a:hover{
		color:#8599B1;
	}
	
	#comhar-imagelink{
		float:left; 
		width:186px; 
		text-align:center;
	}


/*
Navigation-----------------------------------------------------------------------------------------
*/
	#tab-panel{
		position:absolute;
		top:0px;
		right:5px;
		height:28px;
	}
	
	#tab-container{
		float:left;
		height:28px;
	}
	
	#tab-left{
		float:left; 
		width:10px;  
		height:30px; 
		background-image:url(../Images/tab_left.jpg); 
		background-repeat:no-repeat;
	}
	
	#tab-mid{
		float:left;   
		height:21px; 
		padding-top:9px; 
		background-image:url(../Images/tab_mid.jpg); 
		background-repeat:repeat; 
		text-align:center; 
	}
	
	#tab-right{
		float:left; 
		width:10px; 
		height:30px; 
		background-image:url(../Images/tab_right.jpg); 
		background-repeat:no-repeat;
	}
	
	#navmenu{
		width:100%;
		margin: 0px 5px 0px 5px;
	}
	
	#navmenu a, #navmenu a:visited{
		padding-top:3px;	
		font-size:9pt;
		display:block;
		text-decoration:none;
		color:#cbb97e;	
		height:17px;
		text-align:center;
		font-weight:bold;
		float:left;
	}
	
	#navmenu a:hover{
		color: #222738;	
		background-color:#cbb97e;
	}
	
	#navmenu a:active{
		padding-top:0px;	
		font-size:9pt;
		display:block;
		text-decoration:none;	
		height:20px;
		text-align:center;
		font-weight:bold;
		float:left;
		color: #222738;	
		background-color:#cbb97e;
	}

	.navmenu-current{
		padding-top:0px;	
		font-size:9pt;
		display:block;
		text-decoration:none;	
		height:20px;
		text-align:center;
		font-weight:bold;
		float:left;
		color: #222738;	
		background-color:#cbb97e;
	}
	
/*
Panels-----------------------------------------------------------------------------------------
*/

	.sinnerContainer{
		vertical-align:bottom; 
		display:block; 
		margin:0 auto 0 auto; 
		padding-top:5px;
		text-align:left;
	}
	
	.stopLeft{
		float:left;
		background-image:url('../Images/panels/panel_solid_topleft.jpg'); 
		background-repeat:no-repeat;
	}
	
	.stopRight{
		float:left; 
		background-image:url('../Images/panels/panel_solid_topright.jpg'); 
		background-repeat:no-repeat;
	}
	
	.smidLeft{
		clear:left; 
		float:left; 
		background-image:url('../Images/panels/panel_solid_leftmid.jpg'); 
		background-repeat:repeat-y;
	}
	
	.smidRight{
		float:left; 
		background-image:url('../Images/panels/panel_solid_rightmid.jpg'); 
		background-repeat:repeat-y;
	}
	
	.sbottomLeft{
		clear:left; 
		float:left;
		background-image:url('../Images/panels/panel_solid_bottomleft.jpg'); 
		background-repeat:no-repeat;
	}
	
	.sbottomRight{
		float:left;
		background-image:url('../Images/panels/panel_solid_bottomright.jpg'); 
		background-repeat:no-repeat;
	}
	
	.spanelFooter{
		float:left;
		background-image:url('../Images/panels/panel_solid_bottommid.jpg'); 
		background-repeat:repeat-x; 
		text-align:right;
	}
	
	.spanelHeader{ 
		float:left; 
		background-image:url('../Images/panels/panel_solid_topmid.jpg'); 
		background-repeat:repeat-x; 
		background-position:bottom;
	}
	
	.spanelMid{		
		float:left;
		background-image:url('../Images/panels/panel_solid_mid.jpg'); 
		background-repeat:repeat; 
		overflow:auto;	
	}
	
	.spanelHeaderText{
		position:absolute; 
		top:7px; 
		left:10px;
		text-align:left;
		font-size:9pt;
		font-weight:bold;
		color:#333333;
		height:20px;
	}
	
	.spanelWarning{
		position:absolute; 
		top:7px; 
		left:200px;
		text-align:left;
		font-size:9pt;
		font-weight:bold;
		color:#A83537;
		height:20px;
	}
/*
Index Page-----------------------------------------------------------------------------------------
*/
	#sub-content-index{
		width:700px;
		text-align:left;
		margin:0px;
		float:left;
	}
	
	#index-left{
		float:left;
		width:455px;
		height:440px;
		text-align:center;
		
		z-index:2;
		background-image:url(../Images/index_background.gif);
		background-repeat:no-repeat;
		background-position:bottom right;
	}
	
	#index-right{
		position:relative;
		float:left;
		width:240px;
		height:440px;
		border-left:1px ridge #636256;
		background-color:#E6E6DC;
		text-align:center;
	}
	
	#committee{
		padding:0px auto 0px auto; 
		margin-top:10px;
	}
	
	#committee p{
		margin:5px 0px 5px 0px;
		padding:0px 
	}
	
	#help{
		text-align:left; 
		padding:15px 5px 0px 5px; 
		line-height:16px;
	}
	
	#help p{
		margin:5px 0px 5px 0px;
		padding:0px 0px 0px 120px;
	}
	
	#helpus{
		width:160px;
		margin:20px 5px 10px 5px;
		text-align:center;
	}
	
	#index-news{
		text-align:left; 
		padding:15px 5px 10px 5px; 
		line-height:16px;
		font-size:7pt;
	}
	
	#news-list{
	    height:300px;
		padding-left:10px;
		padding-right:7px;
		overflow:auto;
	}
	
	#notice-archive{
		margin:5px 0px 5px 0px;
		padding:0px 0px 0px 80px;
	}
	
	#index-right.p{
		padding:0px;
	}
	
	#intro{
		padding:0px 10px 0px 15px;
		text-align:center;
		font-size: 9pt;
		color:#666666;
	}
	
	#welcome{
		text-align:left;
		padding:10px 0px 0px 10px;
	}


/*
Buoy Page--------------------------------------------------------------------------------
*/
	#buoy-container{
		clear:left; 
		width:860px; 		
		background-repeat:no-repeat;
		margin-left:10px;
		position:relative;
	}
	
	#buoy-map{
		position:relative;
		float:left; 
		padding:7px 0px 5px 0px; 
		width:530px;
	}
	
	#buoy-details{
		position:relative;
		width:310px; 
		text-align:left; 
		margin:0px 0px 10px 10px;
		line-height:15px;
		padding-bottom:10px;
	}
	
	#buoy-details img{
		padding:0px 0px 10px 25px;
		
	}
	
	#buoy-nav{
		float:left; 
		padding:7px 0px 0px 0px; 
		
	}
	
	.buoy-image{
		position:absolute;
		height:29px;
		width:30px; 
	}
	
	.buoy-image img{
		width:28px; 
		height:29px;
	}
	
	#buoy-status{
		position:absolute;
		top:10px;
		left:5px; 
	}
	
	#sub-content-nonav-buoy{
		width:870px;
		text-align:left;
		padding-top:30px;
		background-color:#E6E6DC;
		overflow:auto;
	}
	
	.buoy-label{
		font-size: 11pt;
		font-weight: bolder;
		text-decoration:none;
		z-index: 10;	
		position:absolute;
		cursor: pointer;
	}
	
	#nickerson{
		background-image:url(../Images/buoy_yellow-trans.png);
		background-repeat:no-repeat;
		background-position:right;
		padding-right:30px;
		font-size: 11pt;
		font-weight: bolder;
		text-decoration:none;
		z-index: 10;	
		cursor: pointer;
	}
	
	#nickerson p{
		padding:0px;
		margin:0px;
	}
		
	.buoy-label img{
		vertical-align:baseline;
	}
	
	.heading {
		background-color: #043B54;
		text-align: center;
		color: #ffffff;
		font-weight: bold;
		font-size: 9pt;
		padding: 8px;
		vertical-align: middle;
	}
	
	div.content{
		border-left: 1px ridge #043B54;
		text-align: left;
		font-size: 9pt;
		line-height: 1.63em;
		padding: 10px 10px 10px 10px;
		height: 460px;
		overflow: auto;
	}
	
	div.content a{
		font-weight: bold;
	}
	
	div.content hr{
		height: 2px;
	}	
	
	#dataTransfer {
		z-index: 10;
		width: 48px;
		height: 48px;
		position:absolute; 
	}
	
	#key {
		position:absolute; 
		bottom:8px;
		left:0px;
		background-color:#E6E6DC;
		padding:0;
	}
	
	#key_misot {
		position:absolute; 
		bottom:12px;
		left:340px;
		background-color:#E6E6DC;
		padding:0;
	}
	
	/*
Data History-----------------------------------------------------------------------------------------
At least some of this is replaced by "DataView.css"
*/
	acronym {
		cursor: help;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
	}
	
	legend {
		background-color: #FFFFFF;
		font-size: 12pt;
		font-weight: bold;
		color: #0095A9;
	}
	
	label {
		background-color: #FFFFFF;
		font-weight: bold;
		color: #0095A9;
	}
	
	sub {
		vertical-align: baseline;
	}
	
	select {
		font-size: 9pt;
	}
	
	tr.headerRow td{
		background-color: #EEEEEE;
		color: #000000;
		font-weight: bold;
		white-space: normal;
		text-align: center;
	}
	
	
	.DateRange {
		color: #666666;
		font-weight: bold;
		font-size: 14pt;
		text-align: right;
		margin: 16px 0 16px 200px;
		width: 280px;
		padding: 12px;
		background-color: #FFFFCC;
		border: 1px solid #999966;
	}
	
	
	.evenRow {
		background-color: #DDFFCC;
		color: #000000;
	}
	
	.oddRow {
		background-color: #FFFFFF;
		color: #000000;
	}
	
	.smallText {
		font-family: Arial, sans-serif;
		font-size: 8pt;
		font-style: italic;
	}
	
	.smart {
		background-color: transparent;
		color: #F1C77F;
		font-weight: bold;
		font-style: italic;
		font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	}
	
	.bay {
		background-color: transparent;
		color: #047792;
		font-weight: bold;
		font-style: italic;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.pageButtons {
		font-size: 12pt;
		width: 35px;
	}
	
	.active, .inactive {
		border: 1px solid #666666;
		font-size: 10pt;
		font-weight: normal;
		font-family: 'Arial Black', Helvetica, sans-serif;
		margin-left: 6px;
		margin-right: 6px;
		width: 90px;
	}
	
	.active {
		background-color: #F1C77F;
		color: #047792;
	}
	
	.inactive {
		background-color: #DDDDDD;
		color: #999999;
	}
	
	#AdvancedOptions img{
		display: block;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 22px;
		margin-bottom: 20px;
		cursor: pointer;
	}
	
	#PagingTable, #CustomGraph {
		width: 100%;
		text-align: left;
	}
	
	#DataInterval img, #TimeZones img {
		cursor: pointer;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	#CustomGraph td{
		font-size: 12pt;
		font-weight: bold;
	}
	
	#PagingTable td{
		font-size: 10pt;
		height: 34px;
	}
	
	#GraphingTable td{
		font-size: 10pt;
		height: 26px;
	}

	

/*
Weather Page--------------------------------------------------------------------------------
*/

	#tab-panel-weather{
		position:absolute;
		top:0px;
		right:5px;
		height:28px;
		width:360px;
	}
	
	#forecast-link{
		padding-left:200px;
	}
	
	#amec-header {
		width: 570px;
		font-size: 16pt;
		font-weight: bold;
		color: #FFFFFF;
		background-color: #333366;
		height: 62px;
		padding-left:100px;
		vertical-align:middle;
	}
	
	#forecast-map{
		float:left;
		width:400px;
		height:316px;
	}
	
	#forecast-map-info{
		margin-top:10px;
		float:left;
		width:220px;
	}
	
	#forecast-map-info li{
		padding-bottom:7px;
	}
	
	
	#forecast-map-info ul{
		margin-top:0;
		padding-top:0;
	}
	
	#forecast-map-info-getgraph{
	margin:0;
	padding:0;
	margin-left:20px;
	padding:10px;
	padding-left:15px;
	width:190px;
	height:74px;
	background-color:#F0F0F0;
	border-style:groove;
	}
	
	#weather-note{
		margin:0;
		padding:0;
		clear:left; 
		padding-top:5px;
		padding-bottom:10px;
	}
	
	#windkey-link{
		margin-left:20px;
	}
	
	#chart-intructions{
		width:800px;
		padding: 0px 20px 10px 20px;
	}
	
	.amec-content {
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: #C0C0FF;
		border: 2px solid #6060BE;
		padding: 4px;
		font-size: 11pt;
		color:#333333;
	}

/*
Mapping Page--------------------------------------------------------------------------------
*/
	#tab-panel-mapping{
		position:absolute;
		top:0px;
		right:5px;
		height:28px;
		width:430px;
	}
	
	.description-left{
		clear:left; 
		float:left; 
		width:500px;
		padding:0px 10px 10px 0px;
	}
	
	.description-right{
		float:left; 
		width:500px;
		padding:0px 0px 10px 10px;
	}
	
	.image-left{
		clear:left;
		float:left;  
		width:150px;
		text-align:center;
		padding-bottom:10px;
	}
	
	.image-right{
		float:left; 
		width:150px;
		text-align:center;
		padding-bottom:10px;
	}
	
	.iefix{
		clear:left; 
	}
	
	#mapping-contact{
		clear:left; 
		padding-bottom:10px;
	}
	
	#mapping-contact p{ 
		padding-left:20px;
	}
	
	#zoomify-link{
		float:right; 
		padding:10px 10px 10px 0px; 
	}

	#poster-container{
		background-color:#FFFFFF;
	}
/*
Communities Page--------------------------------------------------------------------------------
*/
	#tab-panel-community{
		position:absolute;
		top:0px;
		right:5px;
		height:28px;
		width:270px;
	}

	.nav-container{
		width:280px; 
		margin-left:525px; 
		vertical-align:bottom; 
		height:22px; 
		overflow:hidden;
	}
	
	.nav-container a:hover {
		background-color:transparent;
	}
	
	.community-tab{
		float:left; 
		width:135px;
	}
	
	#community-detail-header{
		padding:10px;
		font-weight:bold;
		font-size:10pt;
		width:650px;
		background-color:#F4F0E3;
		border:2px ridge #333333;
		vertical-align:middle;
		text-align:center;
		margin:0px 0px 15px 75px;
	}
	
	#com-profiles{
		float:left; 
		padding-left:10px; 
		width:415px;
	}
	
	#com-red{
		clear:left;
	}

/*
Harbours Page--------------------------------------------------------------------------------
*/

	#tab-panel-harbour{
		position:absolute;
		top:0px;
		right:5px;
		height:28px;
		width:340px;
	}

	#harbour-tab{
		height:30px; 
		background-image:url('../Images/header_tab.jpg'); 
		background-repeat:no-repeat; 
		background-position:bottom left;  
		margin-bottom:0px; 
		margin-left:15px; 
		width:250px; 
		text-align:center; 
		font-weight:bold;
	}
	
	#harbour-info{
		background-color:#DEDEDE; 
		margin:0px 0px 0px 15px; 
		clear:both;
	}
	
	#harbour-details{
		float:left; 
		width:370px;
	}
	
	#harbour-maps{
		float:left; 
		width:450px; 
		font-size:8pt;
	}
	
	.harbour-map{
		float:left; 
		text-align:center; 
		padding:10px 10px 10px 10px;
		width:180px;
	}
	
	.harbour-image{
		float:left; 
		text-align:center; 
		padding:10px 10px 10px 10px;
		width:230px;
	}
	
	#facility-title{
		clear:left; 
		padding-left:20px;
	}
	
	#harbour-equipment{
		clear:left;
		margin:0px auto 10px auto;  
		font-size:9pt; 
		width:500px;
	}
	
	.harbour-panel-top{
		height:20px; 
		width:500px; 
		background-image:url(../Images/harbour_panel_top.jpg); 
		background-repeat:no-repeat; 
		background-position: left bottom; 
		font-weight:bold; 
		padding-left:15px; 
		padding-top:15px; 
		font-size:10pt;
	}
	
	.harbour-panel-mid{
		width:500px; 
		background-image:url(../Images/harbour_panel_mid.jpg); 
		background-repeat:repeat-y; 
		padding-left:15px;
	}
	
	.harbour-panel-bottom{
		height:25px; 
		width:500px; 
		background-image:url(../Images/harbour_panel_bottom.jpg); 
		background-repeat:no-repeat; 
		background-position:left top;
	}
	
	.facility-equipment{
		padding-right:10px; 
		width:95%;
	}
	
	.available-equipment{
		padding-left:30px; 
		width:100%;
	}
	
	.available-title{
		font-weight:bold; 
		font-size:10pt; 
		color:#333333;
	}
	
	.equipment-title{
		font-weight:bold; 
		color:#666666; 
		padding-left:5px; 
		width:115px;
	}
	
	.equipment-detail{
		width:100px;
	}
	
	#sm-harbours{
		float:left; 
		padding:0px 0px 15px 10px; 
		width:470px;
	}

	#authorities{
		clear:left;
	}
	
	#authorities p{
		padding-left:15px;
	}

/*
Water Quality Page--------------------------------------------------------------------------------
*/
	#tab-panel-water{
		position:absolute;
		top:0px;
		right:5px;
		height:28px;
		width:260px;
	}
	
	.water-back{
		position:absolute; 
		top:0px; 
		right:10px;
	}
	
	#water-home{
		padding:5px 0px 10px 0px; 
		position:relative;
	}
	
	#water-home p{
		padding-left:10px; 
	}
	
	#quality-link{
		position:absolute; 
		top:50px; 
		right:100px;
	}
	
	#quality-link img{
		vertical-align:middle;
	}

/*
Request Form--------------------------------------------------------------------------------
*/
	#main-form{
		background-color:#DEDEDE; 
		padding:10px; 
		width:610px; 
		font-size:9pt; 
		font-weight:bold; 
		border:1px solid #999999;
	}
	
	#request-header{
		padding:0px 0 0 20px;
	}

/*
Ocean Science Page--------------------------------------------------------------------------------
*/

	.science_description{
		float:left; 
		width:450px;
		padding:0px 0px 10px 10px;
		font-size: 10pt;
		color:#333333;
	}
	
	.science_image{
		float:left; 
		width:200px;
		text-align:center;
		padding-bottom:10px;
	}
	
	#science-iefix{
		clear:left;
	}

/*
News Page--------------------------------------------------------------------------------
*/

	#news-left{
		float:left;
		width:315px;
		padding:5px 5px 0px 0px;
	}
	
	#news-right{
		float:left;
		width:299px;
		background-color:#E6E6DC;
		border-left:1px ridge #636256;
		padding:5px 0px 0px 5px;
	}
	
	#refinery{
		float:right;
	}
	
/*
PBIMC-----------------------------------------------------------------------------------------
*/

	#pbimc-container{
		float:right;
		width:250px; 
		text-align:center;
		margin-right:20px;
	}
	
	#charting{
		width:200px; 
		background-color:#B7C9CB; 
		padding:10px; 
		border:1px solid black; 
		margin:auto;
	}
	#charting p{
		text-align:right; 
		padding-right:10px;
	}
	
	#pbimc-login{
		text-align:center; 
		background-color:#B7C9CB; 
		padding:10px; 
		border:1px solid black; 
		margin-top:30px;
	}
	
	#pbimc-contact{
		padding-bottom:10px;
	}