﻿body
{
	margin:0;
	background-color:#6f96c3;
	text-align:justify;
}

h1
{
	font-family:Arial;
	font-size:17px;
	color:#172562;
}

p
{
	font-size:12px;
	font-family:Arial;
	color:#172562;
}

ol, li
{
	font-family:Arial;
	font-size:12px;
	color:#000e4d;
	line-height: 21px;
}

a
{
	font-family: Arial;
	font-size: 12px;
	color: #a20817;
	text-decoration:none;
	line-height: 21px;
}

a:hover
{
	text-decoration:underline;
}

table
{
	font-size:12px;
	font-family:Arial;
	color:#172562;
}

#wrapper
{
	position:relative;
	width:1004px;
	margin:0 auto;
	padding:0;
	
}

#headlogo
{
	position:absolute;
	width:181px;
	height:137px;
	top:0;
	left:17px;
	z-index:1;
}

#navContainer
{
	position:relative;
	top:0;
	left:0;
	width:1004px;
	height:73px;
	background-image:url(Images/Nav/navbg1.jpg);
	background-repeat:repeat-x;
	z-index:0;
}

#navItems
{
	position:absolute;
	bottom:0;
	left:200px;
	height:39px;
}

#navItems .nav
{
	clear: both;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#navItems .nav li
{
	float: left;
	margin-left:10px;
	line-height: 40px;
}

#navAbout
{
	z-index: 2;
	position: absolute;
	top: 39px;
	left: 102px;
	width: 190px;
	clear: both;
	display: none;
	background-color: #030f41;
}

#navFleet
{
	z-index: 2;
	position: absolute;
	top: 39px;
	left: 224px;
	width: 190px;
	clear: both;
	display: none;
	background-color: #030f41;
}

#navActivities
{
	z-index: 2;
	position: absolute;
	top: 39px;
	left: 368px;
	width: 210px;
	clear: both;
	display: none;
	background-color: #030f41;
}

#navLink
{
	z-index: 2;
	position: absolute;
	top: 39px;
	left: 469px;
	width: 190px;
	clear: both;
	display: none;
	background-color: #030f41;
}

#navContact
{
	z-index: 2;
	position: absolute;
	top: 39px;
	left: 634px;
	width: 136px;
	clear: both;
	display: none;
	background-color: #030f41;
}

.dropDownMenu ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.dropDownMenu ul li a
{
	padding: 0px 0px 0px 10px;
	line-height: 30px;
	font-family: Arial;
	font-size: 15px;
	color: #6f96c1;
	text-decoration: none;
}

.dropDownMenu ul li a:hover
{
	color: #ffffff;
	text-decoration: none;
}

#banner
{
	padding-top:10px;
}

#contentwrapper
{
	padding-top:12px;
}

#content
{
	float:left;
	width:957px;
	padding:35px 20px 35px 27px;
	min-height:350px;
	background-color:#ffffff;
	background-image:url(Images/contenttopshadow.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}

.homecontent p
{
	font-size:17px;
	padding:0;
	margin:0;
}

.homecontent .leftcol
{
	float:left;
	width:450px;
}

.homecontent .rightcol
{
	padding-left:10px;
	float:left;
	width:470px;
}

#content .main
{
	float:left;
	min-height:287px;
	width:740px;
	padding:0px 20px 0px 0px;
	border-right:solid 1px #6f96c3;
}

#content .contentrightcol
{
	position:relative;
	float:right;
	padding:0px 20px 0px 20px;
	width:155px;
	min-height:287px;
}

#content .grindrodlogo
{
	position:absolute;
	right:50px;
	bottom:110px; 
}
#content .uniloglogo
{
	position:absolute;
	right:50px;
	bottom:180px;
}

.historynav
{
	float:left;
	width:200px;
	
}

.historynav ul
{
	list-style-type:none;
	width:160px;
	background-color:#ffffff;
	margin:0;
	padding:10px 10px 5px 10px;
}

.historynav ul li
{
	padding:3px 0 3px 10px;
	background-color:#030f41;
	border-bottom:solid 1px #6f96c3;
}

.historynav ul li a
{
	color:#6f96c3;
}

.historynav ul li a:hover
{
	color:#ffffff;
	text-decoration:none;
}

.historynav .historysubnav
{
	background-color:Transparent;
	margin-top:0;
	padding-top:0;
	width:130px;
}

.historynav .historysubnav li
{
	margin:0;
	padding:0;
	border-bottom:none;
	background-color:Transparent;
	
}

.historynav .historysubnav a
{
	font-size:12px;
}

.historycontent
{
	float:left;
	padding-left:30px;
	padding-right:30px;
	min-height:317px;
	width:500px;
	border-left:solid 1px #6f96c3;
	border-right:solid 1px #6f96c3;
}
.historyrightcol
{
	float:right;
	padding:0px 20px 0px 20px;
	width:155px;
	min-height:287px;
	
	min-height:350px;
}


.fleetnav
{
	float:left;
	width:200px;
	border-right:solid 1px #6f96c3;
}

.fleetnav .shipselect
{
	margin-left:10px;
	width:160px;
}

.fleetnav ul
{
	list-style-type:none;
	width:160px;
	background-color:#ffffff;
	margin:0;
	padding:10px 10px 5px 10px;
}

.fleetnav ul li
{
	padding:3px 0 3px 10px;
	background-color:#030f41;
	border-bottom:solid 1px #6f96c3;
}

.fleetnav ul li a
{
	color:#6f96c3;
}

.fleetnav ul li a:hover
{
	color:#ffffff;
	text-decoration:none;
}

.fleetcontent
{
	float:left;
	margin-left:50px;
	margin-right:50px;
	width:460px;
}

.fleetrightcol
{
	float:left;
	width:145px;
	padding:0px 20px 0px 30px;
	min-height:485px;
	border-left:solid 1px #6f96c3;
	
}

.fleetrightcol a
{
	font-size:12px;
}

.sitemap
{
	list-style-type:none;
}

.sitemap li ol
{
	list-style-type:none;
}

.newstable
{
	margin:0px 0px 20px 0px;
	width: 730px;
}
.newshead
{
	border-bottom:dotted 1px #000c41;
	padding: 5px; 
	border-left: 3px solid #a20817;
}

.newshead a
{
	color:#172562;
}

#footer
{
	clear:left;
	bottom:0px;
	padding:10px 0px 0px 5px;
	margin-top: 0px;
	height:40px;
}

#footer .left
{
	
	float: left;
	width:690px;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}

#footer .left p
{
	padding:0;
	margin:0;
	float: left;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}

#footer .left span
{
	color: #314f72;
}

#footer .right
{
	float: left;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}

#footer .right a
{
	font-family:Arial;
	font-size:11px;
	color: #000939;
	text-decoration: none;
}

#footer .right a:hover
{
	text-decoration: underline;
}
.fleetTable
{
	 border-left:solid 1px #000000;	
	 border-right:solid 1px #000000;
	 border
}
.histTable td
{
		height:20px;
		vertical-align:text-top;
}
.fleetTables
{
	float:left;
	padding:30px;	
	border: solid 1px #777777;
}

.fleetTables tr td
{
		height:32px;
		border-left: solid 1px #777777;
		padding:4px;
		border-bottom: solid 1px #777777;
		vertical-align:text-top;

}
.fleetWholeTable
{
	vertical-align:text-top;
	vertical-align:top;	
	font-size:12px;
}
.fleetWholeTable td
{
	vertical-align:top;

}
.fleetTables a
{
	vertical-align:text-top;
 		font-size:12px;
 		line-height:12px;
}
