/* @override http://psa.archipelago.co.uk/css/structure.css */

/* `Containers
----------------------------------------------------------------------------------------------------*/

#container {
	padding:0px 0px 0px 0px;
}

#content {
	min-width:750px;
	margin:0px 0px 0px 27px;
}

#offlineContent {
	min-width:750px;
	margin:20px 40px 0px 27px;
}

/* Header */

#headerContainer
{
	height:140px;
	min-width:920px;
	position:relative;
	background:#FFF url(../images/gfx/header_grad.jpg) repeat-x 0 0;
}

#header
{
	height:140px;
	margin:0px 0px 0px 0px;
	background:url(../images/gfx/header_main.jpg) no-repeat 0 0;
}

#headerLogo {
	margin: 15px 0px 0px 25px;
	float: left;
	clear: both;
	height: 67px;
}

/* Main Nav */

#main_nav 
{
	margin:30px 0 0 0;
	float:left;
	clear: both;
	width: 950px;
}

#main_nav ul 
{
	list-style:none;
	float:left;
	margin:0 0 0 27px;
	padding:0;
	width:auto;
	height:25px;
	margin-top:0px;
	background:transparent;
}

#main_nav li 
{
	float:left;
	margin:0px 0px 0px 1px;
	padding: 0px;
	background: none;
}

#main_nav a
{
	display: block;
	background-color: #063458;
	height:22px;
	width: 140px;
	text-align: center;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #ffffff;
	font-size: 100%;
	text-decoration: none;
	padding:6px 0px 0px 0px;
}

#main_nav a:hover
{
	background-color: #042742;
}

#main_nav .active a, #main_nav .active a:hover
{
	background-color: #ffffff;
	color: #042742;
}

#searchBar {
	float: right;
	margin:10px 10px 0px 0px;
}

#searchBar #searchInput {
	float:left;
}

#searchBar #keywords {
	border: 1px solid #336699;
	height: 17px;
	padding: 3px 0px 0px 3px;
}

#searchBar #searchButton {
	float: left;;
	padding: 0px 0px 0px 2px;
}

#welcomeVisual {
	float: left;
}

#welcomeText{
	float: left;
	width: 220px;
	height: 260px;
	margin: 0px 0px 0px 10px
}

#welcomeText h2 {
	line-height: 140%;
}

#welcomeText p {
	line-height: 150%;
	x margin-bottom: 0px;
}


.welcome h1 {
x	margin: 20px 0px 0px 0px;
x 	letter-spacing: 4px
}

#aboutBox{
	float: left;
	margin: 10px 0px 0px 0px;
}

#execBox{
	float: left;
	margin: 10px 10px 0px 0px;
}

#newsBox{
	float: left;
	margin:10px 0px 0px 10px;
}

#linksBox{
	float: left;
	margin:10px 0px 0px 10px;
}

.boxHeader {
	width: 193px;
	height: 24px;
	padding: 10px 20px 0px 20px;
	color:#fff;
	text-transform: uppercase;
	font-size: 85%;
}

.boxHeader a {
	

}

#aboutHeader {
	background-color: #e1cd00;
}

#execHeader {
	background-color: #52bdec;
}

#newsHeader {
	background-color: #52bdec;
}

#linksHeader {
	background-color: #de4561;
}

.boxMain {
	width: 191px;
	height: 85px;
	margin: 1px 0px 0px 0px;
	padding: 7px 20px 10px 20px;
	background-color: #ffffff;
	border: 1px solid #e1e1e1
}

#aboutMain {
	background-image: url(../images/gfx/about_grad.gif);
	background-repeat: repeat-x;
}

#newsMain {
	background-image: url(../images/gfx/news_grad.gif);
	background-repeat: repeat-x;
}

#linksMain {
	background-image: url(../images/gfx/links_grad.gif);
	background-repeat: repeat-x;
}

.boxMain a{
	color: #000000;
	text-decoration: none;
}

.boxMain a:hover {
	text-decoration: underline;
}

/* Sub nav */

#subnav 
{
	width: 950px;
	height:20px;
	margin:5px 0 20px 0;
}

#subnav a
{
	float: left;
	display: block;
	background-color: #eeeeee;
	height:22px;
	font-family: helvetica, arial, sans-serif;
	color: #042742;
	text-decoration: none;
	padding:6px 10px 0px 10px;
}

#subnav a:hover {
	background-color: #c8e1ec;
}

/* My Comment */

#subnav .active a, #subnav .active a:hover
{
	background-color: #c8e1ec;
}

#subnav ul 
{
	list-style:none;
	float:left;
	margin:0 0 0 27px;
	padding:0;
	width:auto;
	height:34px;
	background:transparent;
}

#subnav li 
{
	float:left;
	padding: 0px;
	margin: 0px 0px 0px 1px;
	background: none;
}

/*page elements */

#titleBar {
	width: 750px;
	float: left;
	clear: both;
}

#pageTitle {
	float: left;
}

#pageNav {
	margin: 7px 0px 0px 60px;
	float: left;
}

#pageUpdate {
	height: 0px;
	margin: 15px 0px 0px 0px;
	float: right;
}

#homepageUpdate {
	height: 0px;
	margin: 30px 0px 0px 0px;
	float: right;
}

#fullColumn {
	margin: 0px 20px 0px 0px;
}

#leftColumn {
	width: 0px;
	float: left;
	display:table-cell;
}

#leftColumn table {
	width: 210px;
	margin: 0px 0px 10px 0px;
}

#leftColumn table p {
	margin: 0px 0px 0px 0px;
}

#leftColumn td {
	text-align: center;
	padding:3px;
	border: 1px solid #666666;
}

#leftColumn th {
	text-align: left;
	padding: 3px 3px 3px 7px;
	border: 1px solid #666666;
}

#rightColumn {
	float:left;
	width:480px;
	margin: 0px 0px 0px 240px;
}

#summaryHeader {
	background-color: #cccccc;
	padding:7px 0px 3px 20px;
	width:210px;
}

#fullSummaryHeader {
	background-color: #cccccc;
	padding:5px 0px 4px 20px;
	min-width: 700px;
}

#summaryHeader h3, #fullSummaryHeader h3 {
	margin-bottom: 0px;
	font-size: 130%;
	font-weight: normal;
}

#summaryBox {
	background-color: #eeeeee;
	padding:10px;
	width:208px;
	border: 1px solid #cccccc;
	margin: 0px 0px 20px 0px;
}

#fullSummaryBox {
	background-color: #f2f2f2;
	padding:20px;
	border: 1px solid #cccccc;
	margin: 0px 20px 20px 0px;
	min-width: 700px;
}

#fixedSummaryBox {
	background-color: #f2f2f2;
	padding:20px;
	border: 1px solid #cccccc;
	margin: 0px 20px 20px 0px;
	width: 598px;
}

#summaryCol1 {
	float:left;
}

#summaryCol1 table {
	min-width: 200px;
}

#summaryCol2 {
	float:left;
	margin:0px 0px 0px 40px;
}

#summaryCol2a {
	float:left;
}

#summaryCol2a table {
	margin: 0px 0px 10px 0px;
}

#summaryCol2b {
	float:left;
	margin:0px 0px 0px 20px;
	width: 190px;
}

#summaryCol2 table {
	min-width: 200px;
}

.newRow {
	clear:both;
	height:0px;
}

#visitTable {
	margin: 0px 0px 20px 0px;
}

th a{
	color: #1e2b50;
	text-decoration: none;
}

#textContent { /*joe added */
	
}


#footer {
	min-width: 750px;
	height: 24px;
	background-color: #015294;
	padding: 14px 0px 0px 27px;
	margin:15px 0px 0px 0px
}

#mainvisual {
	margin: 0px 0px 10px 0px;
}

img.countryMap { /*joe added */
	width:480px;
	height: 262px;
}

#contentColumn {
	width: 700px;
	margin: 20px 0px 0px 0px;
}

#editInfo {
	color: red;
	border: 1px solid red;
	padding:3px;
	margin: 0px 0px 20px 0px;	
}

#editInfo p {
	margin:0px 0px 5px 0px;
}

#gallery {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

#gallery a img {
	margin: 0px 6px 10px 6px;
	border: 1px solid #666666;
}

#rssLink img {
	position: relative;
	top: 5px;
	margin: 0px 10px 0px 0px;
}

#rssLink {
	margin: 0px 0px 20px 0px;
}

#vesselInfo {
	width: 400px;
	margin: 0px 20px 0px 0px;
}

#flashcontent {
	margin: 0px 0px 10px 0px;
}

.member {
	background-color: #739600;
}

.nonmember {
	background-color: #de4561;
}

.coop {
	background-color: #feed3b;
}

#vesselOverview {
	width: 640px;
}

#vesselOverview table {
	margin:0px 0px 10px 0px;
}

td .innerTable {
	border: none;
	padding: 0px;
}

#journeyAnimation {
	margin: 0px 0px 10px 0px;
}

#mapLink {
	margin: 0px 0px 10px 0px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}