body {
	background:#fff url("images/blue-background.jpg") repeat-x;
	color: #000099;
	padding:0px;
	margin:0px;
	text-align:center;
	font-family:verdana,Georgia,arial;
	font-size:95%;
	line-height:150%;}

#container {
background:#fff;
color: #000099;
width : 800px;
margin : 10px auto; 
padding : 5em; 
text-align : left;
border: 1px solid #8fbc8f;

 }
 
 #rightnav
{
float: right;
width: 250px;
margin: 0;
padding: 1em;
}
#navcontainer ul
{
list-style-type: none;
text-align: left;
}

#navcontainer ul li a
{
background: transparent left center no-repeat;
padding-left: .5em;
text-align: left;
font: normal 1em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #0000cc;
}

#navcontainer ul li a:hover
{
background: transparent url(images/arrow.gif) left center no-repeat;
color: #009933;
}

#navcontainer ul li a#current
{
background: transparent url(images/arrow.gif) left center no-repeat;
color: #ffcc66;
}






.caption{font-size:.9em;font-weight:normal; text-align:left; color:#000033;background:#ccffcc;padding:1em;}

H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; color:#59708c; 
BACKGROUND: #fff url(images/banner1.jpg) no-repeat; 
PADDING-BOTTOM: 0px; MARGIN-bottom:1em ; PADDING-TOP: 0px; HEIGHT: 150px;
}
.top
 {font-size:1em;font-weight:bold;padding:1em 0 0 1em;} 
H1 EM {
  LEFT: -2000px; WIDTH: 1800px; POSITION: absolute
}



 
h2 {

color: #0000ff;
background:#fff;
font:  1.4em Georgia,"Times New Roman", TimesNR, serif; 
padding:0; 
margin-top:1.5em;
font-weight:bold;
text-align:left;

}


h3 {

color: #000080;
background:#fff;
font:  1.3em Verdana,Georgia,"Times New Roman", TimesNR, serif; 
padding-top:1em; 
margin-top:1.4em;
font-weight:bold;
text-align:left;
border-top: 1px solid #8fbc8f;
}
 h4 {

color: #0000ff;
background:#fff;
font:  1.2em Georgia,"Times New Roman", TimesNR, serif; 
padding-top:1em; 
margin-top:1.3em;
font-weight:bold;
text-align:left;
border-top: 1px solid #8fbc8f;

}
  
.diary{
font:  1em  Georgia,Verdana,"Times New Roman", TimesNR, serif; 
padding-top: .5em; 
padding-bottom: .5em; 
margin: 1em 0 0 0;
border-top : 5px solid #009933;
line-height:200%;
 

 } 

.newsletters{
color:#0000cc;
background-color:#ccffcc;
border-bottom : 5px double #0000cc; 
padding-left : 0; 
font-size : 1em; 
padding-bottom : .5em; 
margin : .5em 0 0 0; 
padding-top : .5em; 
text-align : left; 
}


IMG {
border-top-width : 0; 
border-left-width : 0; 
border-bottom-width : 0; 
margin-top : 1em; 
border-right-width : 0; 
} 
IMG.floatleft {
  BORDER: 0; FLOAT: left;  MARGIN: .5em ; 
} 
IMG.floatright {
float : right; 
margin : .5em 1em .5em .5em; 
}


#navigation
{margin: 10px 0 0 0px;
padding: 0;
height: 20px;
}

#navigation ul
{border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;



border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navigation ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navigation ul li a
{
background: #3366cc;
width: 80px;
height: 30px;
border-top: 1px solid #0000ff;
border-left: 1px solid #0000ff;
border-right: 1px solid #0000ff;
padding: 0;
margin: 0 0 10px 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px verdana, lucida, sans-serif;
}

#navigation ul li a:hover
{
color: #0000cc;
background: #ffcc66;
}

#navigation a:active
{
background: #0000ff;
color: #fff;
}

#navigation li#active a
{
background: #0000ff;
border: 1px solid #0000ff;
color: #fff;
}



 

#footer {
 clear : both;
 border-top: 1px dotted #0000ff;
background:#ccffcc;
padding:1em; 
margin-top:2em; 
width : 100%; 

text-align : left; 
} 
#footer P {


 
}
a:link {background-color:#ffffcc;text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;} /* visited link */
a:hover {background-color:#ffcc66;text-decoration:underline;}}   /* mouse over link */
a:active {background-color:#FFcc66;text-decoration:none;}  /* selected link */
P {
margin-top : 1em; 
margin-bottom : 1em; 
} 
OL {
margin-top : .5em; 
margin-bottom : 0; 
} 
UL {
margin-top : .5em; 
margin-bottom : 0; 
} 



 .yellow {
background :#ffff99 ;
font-weight:normal;
font-size:1em; 
padding:1em;
text-align:left;
margin-top:10px;
border-top: 2px dotted #009933;
 
}


.seagreen{
background:#ccffcc;
color:#330000;
font-weight:normal;
font-size:1.1em; 
padding:1em;
text-align:left;

}

table, td, th
{background-color:#ffffcc;
border:1px solid green;
}


  

BLOCKQUOTE 
{

border-left:5px outset #339999;
PADDING-RIGHT: 1em; PADDING-LEFT: 1em; FONT-WEIGHT: normal; FONT-SIZE: 0.9em; FONT-SIZE: 1em; PADDING-BOTTOM: 0.5em; MARGIN: 1em; COLOR: #000066; PADDING-TOP: 0.5em;}




.center{font-size:.6em;font-weight:normal; text-align:center; color:#66ccff;background:#ffffff;padding:10px;}




<!-- contacts refers to the table for port contacts -->
#contacts
{
font-family: Arial, Helvetica, sans-serif;
width:90%;
margin:1em 0 1em 0 ;
}


#contacts td, #contacts th 
{
font-size:.9em;
border:1px solid #8fbc8f;
padding:3px 7px 2px 7px;
}

#contacts th 
{
font-size:1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
}

#contacts tr.alt td 
{
border:1px solid #8fbc8f;}

div.scroll
{
background-color:#ffcc66;
width:300px;
height:100px;
overflow:scroll;
}

div.hidden 
{
background-color:#00FF00;
width:100px;
height:100px;
overflow:hidden;
}

div.img
  {
  margin:2px;
  border:1px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }
p.pos_fixed
{
position:fixed;
top:30px;
left:5px;
padding:5px;
font:italic bold 1em Georgia,serif;
color:#ffffcc;
}

 .tabb { font-weight:bold; font-size:14px; font-family:Arial,Helvetica;}
 .tab { font-weight:bold; font-size:12px; font-family:Arial,Helvetica;TEXT-ALIGN: center}
 .tan {FONT-SIZE: 12px; COLOR: navy; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center}
 .tann {FONT-SIZE: 14px; COLOR: navy; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center}
 .tanc {FONT-WEIGHT: bold;FONT-SIZE: 10px; COLOR: navy; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center;}
 
 
 
 
 
 /* WADE STYLES --------------------------------------------------------- WADE STYLES */
 
 #map_right {
	 width: 583px;
	 height: auto;
	 float: right;
	 text-align: right;
 }
 
 #map_nav_left {
	 width: 205px;
	 height: auto;
	 float: left;
 }
 
 #map_contact_details {
	 width: 583px;
	 height: auto;
	 padding: 40px 0 20px 20px;
	 margin: 0;
 }
 
  #map_contact_details h2 {
	 padding: 0 0 20px 0;
	 margin: 0;
	 line-height: 1;
 }
 
  #map_contact_details table {
	 border: none thick #FFF;
 }
 
 #map_contact_details td {
	 font-size: 11.5px;
	 text-align: left;
	 border: none thick #FFF;
	 background-color: #FFF;
	 padding: 0 0 10px 0;
	 margin: 0;
	 color: #000099;
	 vertical-align: top;
 }
 
 .cleara { 
	clear: both;
 }