/****************************** GLOABAL CSS *******************************/ 		
html, body {
	height					: 100%;
	}	
body {
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 12px; 
	color					: #000000;
	background-color		: #536B63; /* background */
	line-height 			: 1.6em;
	margin					: 0px auto 0px auto; /* 'top' 'right' 'bottom' 'left' */
	padding					: 0px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	}
a, 
a:link, 
a:visited, 
a:active {
	color					: #993333;
	text-decoration			: none;
	}	
a:hover {
	color					: #339966;
	text-decoration			: underline;
	}
h1	{
	margin					: 0px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	padding					: 0px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	font-size				: 24px;
	color					: #2B6E57;
	font-weight				: bold;
	line-height				: 54px;
	font-style				: oblique;
	}
h2	{
	margin					: 0px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	padding					: 0px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	font-size				: 18px;
	color					: #3A9476;
	}
h3	{
	margin					: 0px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	padding					: 0px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	font-size				: 14px;
	color					: #3A9476;
	}		
.outer {
	position				: absolute;
	top						: 3px;
	right					: 3px;
	bottom					: 3px;
	left					: 3px;
	background-color		: #FFFFFF;
	overflow				: auto;
	}
/****************************** TOPPER SECTION *******************************/
.pageHeader {
	background-color		: #536B63;
 	width					: 100%;
	background-image		: url(images/header-background-images.png);
	background-repeat		: no-repeat;
	white-space				: nowrap;
	overflow				: hidden;
	} 
.headerImages {
	text-align				: center;
	white-space				: nowrap;
	width					: 100%;
	}
.headerImages img {
	padding					: 0px 0px 1px 0px; /* 'top' 'right' 'bottom' 'left' */
	}		
/****************************** MENU SECTION *******************************/
.menu {
	width					: 100%;
	height					: 30px;
	line-height				: 30px;
	overflow				: hidden;
	padding					: 5px 0px 5px 10px; /* 'top' 'right' 'bottom' 'left' */
	font-size				: 13px;
	font-family				: Arial, Helvetica, sans-serif;
	text-transform			: uppercase;
	font-weight				: bold;
	border-top				: #FFFFFF thin solid;
	background-color		: #1C4739;
	}
.menu a, 
.menu a:link, 
.menu a:visited, 
.menu a:active {
	color					: #d9d9d9;
	text-decoration			: none;	
	}	
.menu a:hover {
	color					: #ffffff;
	text-decoration			: underline;
	}
.menu span {
	color					: #FFFFFF;
	}						
/****************************** CONTENT SECTION *******************************/
.content {
	padding					: 5px 5px 5px 5px; /* 'top' 'right' 'bottom' 'left' */
	} 
.pageContent {
	color					: #000000; 
	}
.pageContent table{
	font-size: 10px;
	}
		
/****************************** FOCUS LINK BOXES *******************************/
.focusBox {
	width					: 197px;
	background-repeat		: repeat-x;
	height					: 300px;
	}
.focusBoxImg{
	padding					: 0px 2px 0px 2px; /* 'top' 'right' 'bottom' 'left' */
	}	
.focusBox span {
	color					: #FFFFFF;
	font-weight				: bold;
	padding					: 0px 2px 0px 2px; /* 'top' 'right' 'bottom' 'left' */
	}
.focusBox div {
	padding					: 0px 2px 0px 2px; /* 'top' 'right' 'bottom' 'left' */
	color					: #FFFFFF;
	font-size				: 11px;
	line-height				: 12px;
	height					: 96px;
	overflow				: hidden;	
	}
.focusBoxMore{
	float					: right;
	padding					: 5px 5px 5px 5px; /* 'top' 'right' 'bottom' 'left' */
	border					: none;
	}
/****************************** FLEET INFO *******************************/
.fleetDivider {
	margin					: 5px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	clear					: both;
	}
.fleetInfo {
	padding					: 0px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left' */

	}		
.fleetImageLeft {
	float					: left;
	padding					: 5px 5px 5px 0px; /* 'top' 'right' 'bottom' 'left' */
	border					: none;
	}
.fleetImageRight {
	float					: right;
	padding					: 5px 0px 5px 5px; /* 'top' 'right' 'bottom' 'left' */
	border					: none;
	}
.fleetInfoLeft {
	padding					: 5px 450px 5px 0px; /* 'top' 'right' 'bottom' 'left' */
	}
.fleetInfoRight {
	padding					: 5px 5px 5px 450px; /* 'top' 'right' 'bottom' 'left' */
	}													
/****************************** CHARTER INFO *******************************/
.charterDivider {
	margin					: 5px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	clear					: both;
	}
.charterInfo {
	padding					: 0px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left' */

	}											
.charterName {
	color					: #0056a4;
	font-weight				: bold;
	font-size				: 14px;
	}
.charterDescription {
	}	
/****************************** WEBLINKS SECTION ******************************
 * All styles below this line are related to the Content Area
 */								
.webLinkTitle {
	font-weight				: bold;
	}
.webLinkDescription	{
	padding					: 0px 0px 0px 10px; /* 'top' 'right' 'bottom' 'left' */
	}

/****************************** FOOTER SECTION ******************************
 * All styles below this line are related to the Footer Section
 */
.footer {
	text-align				: left;
	color					: #000000;
	font-size				: 10px;
	background-color		: #FFFFFF;
	}
.footerNav {
	padding					: 10px 0px 10px 5px; /* 'top' 'right' 'bottom' 'left' */
	color					: #9933cc;
	}	
.footerNav a, 
.footerNav a:link, 
.footerNav a:visited, 
.footerNav a:active {
	color					: #1C4739;
	text-decoration			: none;
	}
.footerNav a:hover {
	color					: #536B63;
	text-decoration			: underline;
	}
.copyright {
	text-align				: left;
	font-size				: 10px;
	color					: #000000;
	padding					: 0px 0px 0px 5px; /* 'top' 'right' 'bottom' 'left' */
	}
.copyright a, 
.copyright a:link, 
.copyright a:visited, 
.copyright a:active {
	color					: #536B63;
	text-decoration			: none;
	}
.copyright a:hover {
	color					: #536B63;
	text-decoration			: underline;
	}		
.credit {
	text-align				: left;
	margin					: 0px 0px 0px 5px; /* 'top' 'right' 'bottom' 'left' */
	color					: #000000;
	font-size				: 9px;
	line-height				: normal;
	}
.credit a, 
.credit a:link, 
.credit a:visited, 
.credit a:active {
	color					: #536B63;
	text-decoration			: none;
	}
.credit a:hover {
	color					: #536B63;
	text-decoration			: underline;
	}
.tariffLink{
	float					: right;
	padding					: 5px 5px 5px 5px; /* 'top' 'right' 'bottom' 'left' */
	border					: none;
	}