/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	}

a {
	text-decoration:none;
	color:#006600;
	}
a:hover { 
	color:#000066; 
	}
img {
	border:none;
	}
h4 {
	color:#006600;
	}
.c{
	background-image:url(images/comms2.jpg);
	}
.d{
	background-image:url(images/design2.jpg);
	}
.e{
	background-image:url(images/exec.jpg);
}
.selected{
	background-color:#CCCCCC;
}
#frontimages{
position:relative;
width:440px;
margin:auto;

}
.front-image{
padding:10px;
float:left;
}
.fronttable{
font-size:90%;
clear:both;
text-align:left;
}

.fronttable ul{
	margin:0px;
	padding:0px;

	}
.environment {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #669966;
}
.consultant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #336633;
}
.renewable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333399;
}
.consultants {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3366CC;
}
.advisors {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #669999;
}
.environmental {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #339933;
}
.marine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #669966;
}
.ecological {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.advisor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336633;
}
.aquatera {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333399;
}
.biology {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.technology {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.sustainability {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3366CC;
}
.sustainable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #339933;
}
.survey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #669999;
}
.science {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.frontpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
}
.scientist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.scientists {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066FF;
}
.industry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.tableback{
	background-image:url(images/ghostlogo.jpg);
	background-repeat:no-repeat;
	}
.map{
	margin-left:35px;
	}
#container{
	position:absolute;
	top: 13px;
	left: 220px;
	}
#sidebar{
	width:152px;
	margin-top:150px;
	}
#maps{
	height:120px;
	width:150px;
	}
#linkstyle{
	list-style-type:none;
	font-size:12px;
	font-weight:bold;
	color:#669966;
	
	}
#links{
	position: absolute;
	top: 10px;
	}
#links ul{
	margin-left:7px;
	}
body>#sidebar>#links ul{
	padding-left:9px;
	}
#linkstyle a{
	color:#669966;
	text-decoration:none;
}
#linkstyle a:hover{
	text-decoration:underline;
	}
#llinkstyle{
	list-style-type:none;
	font-size:12px;
	font-weight:bold;
	color:#333399;
	
	}
#llinkstyle a{
	color:#333399;
	text-decoration:none;
}
#olinkstyle a:hover{
	text-decoration:underline;
	}
#olinkstyle{
	list-style-type:none;
	font-size:12px;
	font-weight:bold;
	color:#669999;
	
	}
#olinkstyle a{
	color:#669999;
	text-decoration:none;
}
#llinkstyle a:hover{
	text-decoration:underline;
	}
#turbolinks{
	width:152px;
	}

#topnav{
	padding-left:35px;
	
	}
#logo{
	width:100%;
	height:100px;
	background-image:url(images/aquatera2.png);
	background-repeat:no-repeat;
	}
#pagetitle{
padding-top:3px;

	background-image:url(images/banner1.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:26px;
	text-align:center;
	}
#content{
	
	background-repeat:no-repeat;
	width:464px;
	min-height:500px;
	}
#footer{
	background-image:url(images/banner1a.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:41px;
	font-size: 10px;
	font-weight: bold;
	color: #669966;
	text-align:center;
	padding-top:5px;
	}
#bpagetitle{
padding-top:3px;
	background-image:url(images/banner4.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:26px;
	text-align:center;
	}
#bfooter{
	background-image:url(images/banner4a.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:41px;
	font-size: 10px;
	font-weight: bold;
	color: #669966;
	text-align:center;
	padding-top:5px;
	}
#dcontent{
	background-repeat:no-repeat;
	width:464px;
	min-height:500px;
	}
#ccontent{
	background-image:url(services/images/comms.jpg);
	background-repeat:no-repeat;
	width:464px;
	min-height:500px;
	}
#econtent{
	background-image:url(services/images/exec2.jpg);
	background-repeat:no-repeat;
	width:464px;
	min-height:500px;
	}
#scontent{
	background-image:url(services/images/sol.jpg);
	background-repeat:no-repeat;
	width:464px;
	min-height:500px;
	}
#lcontent{
	background-repeat:no-repeat;
	width:464px;
	min-height:500px;
	}
#lcontent a{
	color:#333399;
	text-decoration:none;
}
#lcontent a:hover{
	text-decoration:underline;
	}
	
#lpagetitle{
padding-top:3px;
	background-image:url(images/banner3.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:26px;
	text-align:center;
	}
#lfooter{
	background-image:url(images/banner3a.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:41px;
	font-size: 10px;
	font-weight: bold;
	color: #669966;
	text-align:center;
	padding-top:5px;
	}
.rightfloat{
	float:right;
	}
#opagetitle{
padding-top:3px;
	background-image:url(images/banner2.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:26px;
	text-align:center;
	}
#ofooter{
	background-image:url(images/banner2a.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:41px;
	font-size: 10px;
	font-weight: bold;
	color: #669966;
	text-align:center;
	padding-top:5px;
	}
#ocontent{
	width:464px;
	min-height:500px;
	}
#ocontent a{
	color:#669999;
	text-decoration:none;
}
#ocontent a:hover{
	text-decoration:underline;
	}
#ppagetitle{
padding-top:3px;
	background-image:url(images/banner6.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:26px;
	text-align:center;
	}
#pfooter{
	background-image:url(images/banner6a.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:41px;
	font-size: 10px;
	font-weight: bold;
	color: #669966;
	text-align:center;
	padding-top:5px;
	}
#pcontent{
	background-image:url(images/logos copy.jpg);
	background-repeat:no-repeat;
	width:464px;
	min-height:500px;
	}
#pcontent a{
	color:#669966;
	text-decoration:none;
}
#pcontent a:hover{
	text-decoration:underline;
	}
#opcontent{
	background-image:url(images/OPtypebak.jpg);
	background-repeat:no-repeat;
	width:464px;
	min-height:500px;
	}
#wcontent{
	background-image:url(images/worktypebak.jpg);
	background-repeat:no-repeat;
	width:464px;
	min-height:500px;
	}
#intropagetitle{
	padding-top:3px;
	background-image:url(images/banner7.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:26px;
	text-align:center;
	}
#introfooter{
	background-image:url(images/banner7a.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:41px;
	font-size: 10px;
	font-weight: bold;
	color: #669966;
	text-align:center;
	padding-top:5px;
	}
#stpagetitle{
	padding-top:3px;
	background-image:url(images/banner5.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:26px;
	text-align:center;
	}
#stfooter{
	background-image:url(images/banner5a.jpg);
	background-repeat:no-repeat;
	width:464px;
	height:41px;
	font-size: 10px;
	font-weight: bold;
	color: #3366CC;
	text-align:center;
	padding-top:5px;
	}
.swirl{
	padding-left:55px;
	}
#enter{
	width:760px;
	
	}
.floatleft{
	float:left;
	}
.tableleft{
	float:left;
	margin-top:95px;
	}
.frontheader{
	font-size:120%;
	font-weight:bold;
	}
#projectfocus{
	background-color: daeef3;
	border: 4px solid #f2f2f2;
	text-align: left;
	padding: 5px;
	position: relative;
	}
#frontfooter{
	margin-right:5px;
	margin-left:195px;
	}
	
#frontpage{
	margin-left:220px;
	margin-right:10px;
		}
#swirl{
	position:absolute;
	left: 39px;
	top: 22px;
	display:none;
	}
#menubar{
		position:absolute;
	top:100px;
	}
#nav{
	position:absolute;
	top: 113px;
	width: 215px;
	text-align:left;
	font-size:80%;
	}
#nav ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	width:190px;
	}
#nav ul li{
	display:block;
	border-top:1px solid #093E6D;
	
text-transform:uppercase;}
#nav ul li a{
	color:#093E6D;
	display:block;
	padding:5px;
	text-decoration:none;
	
}
#nav ul li a:hover{
	background-color:#CCCCCC;
}
#nav ul ul li{
	padding:0;
	margin-left:10px;
	text-transform:none;
	}
#nav ul ul li a{
	color:#20620D;
	display:block;
	
	padding:5px;
}
#nav ul ul li a:hover{
	background-color:#CCCCCC;
}
.gpopup { 
  width:190px;
}

.gpopup table {
  padding:0px;
  border-collapse:collapse;
  border:0;
  font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
  font-size: 9px;
  text-align:left;
  color: black;
  background: white;
}

#tooltip span {
  color:black;
  background:white;
  font-weight:bold;
  font-size: 10pt;
  font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
  white-space: nowrap;
}
#shipmove, #shipdocked, #shiptime{
	text-align:left;
	font-size:12px;
}
#news{
	text-align:center;
	height:30px;
	width: 100%;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.headline{
	display:none;
}
#extra{
	position:absolute;
	left: 700px;
	top: 108px;
	width: 215px;
}
#extrai{
	position:absolute;
	left: 790px;
	top: 108px;
	width: 215px;
}
#extrao{
	position:absolute;
	left: 978px;
	top: 108px;
	width: 215px;
}
#extraops{
	position:absolute;
	left: 765px;
	top: 105px;
	width: 215px;
}
.tooltip{
	background-color:#fff;
	width:200px;
	padding:5px;
	border:1px solid #000;
	color:#336633;
	font-weight:bold;
}

	#map td{
	font-size:10px;	
	}
.ph{
	color:#336633;
	font-size:12px;
}
.lats label{
	width:50px;
	display: block;
	float: left;
	margin:3px;
	clear:left;
}
.lats input{
	margin:3px;
}
			td.dir_name {
	padding-left:10px;
	color: #000;
			
			}
			td.dir_name a{
				color:#fff;
			}
			td.dir_name a:hover{
				color:#fff;
				text-decoration:underline;
			}
			td.dir_content {
			
				padding-bottom:5px;
						
				padding-top:5px;
			
			}
			
			table.dir {

			
			}
			
.pwp{
	position:absolute;
	left: 47px;
	top: 11px;
}
.style10 {font-size: 15px}
.style11 {font-size: 13px}
.style13 {  font-size: 12px;
  color: #093E6D;
  font-family: Arial, Helvetica, sans-serif;
}
.style16 {font-size: 12px; color: #093E6D; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.style23 {font-size: 11px}
.style24 {color: #FF0000}
.style26 {font-size: 12px}
/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #696969;
	border-collapse: collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #979797;
	color: #FFFFFF;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #E6E6E6;
}
.altRowOdd{
	background-color: #D6D6D6;
}
input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: #002252;
	border-bottom: 1px solid #00357D;
	border-left: 1px solid #00357D;
	border-right: 1px solid #001128;
	border-top: 1px solid #001128;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}