@charset "utf-8";

* {/*applies to body, h1, h2, h3, h4, h5, address, blockquote, dd, dl, hr, p, form*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	border: 0;
	border-collapse:separate; 
}
body  {
	color: #000000;
	background-image: url(../images/MapBackground.jpg);
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #b1c6e2;
	
}
h1{/*small heading*/
	margin:0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	font:100% Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size:10px;
	color: #003399;	
}
h2{/*large heading*/
	font:100% Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color: #184999;
	font-weight:normal;
	line-height:1.20;
}
h3{
	font:100% Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	line-height:1.50;
}
h4{/*normal gray text*/
	font:100% Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size:11px;
	color:#656565;
	line-height:1.30;
	margin: 0px 0px 15px 0px;
}
h5{/*bold gray text*/
	font:100% Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size:10px;
	color:#656565;
	line-height:1.30;
	margin: 0px 0px 0px 0px;
}
h6{/*small heading for date in news*/
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:100% Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size:10px;
	color: #003399;	
}
p{
	font:100% Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:1.50;
	margin: 0px 0px 15px 0px;
}
a:link { 
	color : #003399;
	text-decoration:none;
} 
a:visited { 
	color : #003399; 
	text-decoration:none;
} 
a:hover, a:active {
	color : #003399;
	text-decoration: none;
	outline:none; /*only used to avoid outline in firefox*/
} 
#container { 
	padding: 0px;
	width: 979px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #E9EDF6;
	background-repeat: repeat-y;
	background-position:164px 0px;
	background-image: url(../images/white.jpg);
} 
#MenuBar1{   /*see spryMenuBarHorizontal.css class ul.MenuBarHorizontal for primarynav formatting */
	margin:0px;
	padding:0px;	
	cursor: default;
	height: 44px;
	width: 979px;
	font:100% Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	line-height:15px; /*or 150%*/
	list-style-type: none;
	background-color: #ffffff;
	top-bottom:.5px solid #ffffff;
	border-bottom:.5px solid #ffffff;
	white-space: nowrap;
}
#MenuBar2{   /*see spryMenuBarHorizontal.css class ul.MenuBarHorizontal2 for secondnav formatting */
	margin:0px;
	height:26px;
	width:444px;
	line-height:26px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:10px;
	list-style-type: none;
	background-color: #003399;
	white-space:nowrap;
}
#cse-search-box{
	margin: 0px;
	height:25px;
	padding:2px 0px 0px 10px;
	width:122px;
	white-space: nowrap;
	list-style-type: none;
	cursor:default;
}
#cse-search-box2{
	margin: 0px;
	height:25px;
	padding:2px 0px 0px 10px;
	width:122px;
	white-space: nowrap;
	list-style-type: none;
	cursor:default;
}
#header {
	margin: 0px;
	padding: 0px;
	height:130px;
	color:#656565;
	font-size:100%;
	background-color: #E9EDF6;
	background-repeat: repeat-x;
	background-position: left 0px;
	background-image: url(../images/navbar.jpg);
	border-bottom:thin solid #FFF;
} 
#moran {
	margin: 0px;
	float: left; /* since this element is floated, a width must be given */
	padding: 15px 0px 5px 15px; /* padding keeps the content of the div away from the edges */
}
#img { /*removes the blue border to image links*/
	border-style: none;
	margin:0px;
	padding:0px;
}
#worldtime {
	margin: 0px;
	float: right; /* since this element is floated, a width must be given */
	width: 400px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 20px 20px 15px 0px; /* padding keeps the content of the div away from the edges */
	font:100% Verdana, Geneva, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	line-height: 140%;
	text-align:right;	
}
#worldtime table {
	zoom: 1; /*avoids 3 pixel jog in IE 6 */
	text-align:left;
	padding-top:10px;
	padding-left:2px;
}
#worldtime table td{
	padding-right: 20px;
	padding-left:12px;
	padding-bottom: 3px;
}
#worldtime table td iframe{
	height:16px;
	vertical-align:middle;
}
#worldclock {
	float:left;
	width:85px;	
	margin:0px;
	padding:11px 0px 0px 0px;
	text-align:center;
}
#devAnalogClock {
	margin: 5px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
#headertxt {
	zoom: 1; /*avoids 3 pixel jog in IE 6 */
	margin: 0px 430px 0px 245px;
	padding: 40px 0px 35px 0px;
	font:100% Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:17px;
	font-weight:normal;
}
#lsidebar {
	zoom: 1; /*avoids 3 pixel jog in IE 6 */
	float: left; /* since this element is floated, a width must be given */
	width: 164px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will    include the padding and border in addition to the width */
	padding: 0px 0px 0px 0px; /* padding keeps the content of the div away from the edges */
	margin:0px;
}
#rsidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 326px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#rcontent { /*displays white background on index page */
	margin: 0px;
	height:705px;
	padding: 15px 10px 10px 20px; /* padding keeps the content of the div away from the edges */
	background: #FFFFFF;	
	border-bottom:thin solid #FFF;
}
#portlink {  /*displays light blue background on port pages */
	margin: 0px;
	padding: 10px 10px 10px 10px; /* padding keeps the content of the div away from the edges */
}
#portlink a {
 	color: #003399;
}
#dailyupdate { /*displays dark blue background on port pages */
	margin: 0px;
	padding: 10px 10px 10px 10px; /* padding keeps the content of the div away from the edges */
	background: #b2c4e4;
}
#dailyupdate a {
 	color: #003399;
}
#contact { /*displays light blue background on bio pages */
	margin: 0px;
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
#newsreader {  /*Used on Main Page*/
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 20px 0px; /* padding keeps the content of the div away from the edges */
	height:135px;
	width:290px;
	background: #FFFFFF;
	font:100% Verdana, Geneva, sans-serif;
	font-size:11px;	
	color:#333333;
}
#newsreader li{ /*separates each entry*/
	margin: 0px;
	padding: 5px 0px 5px 0px;
	list-style-type: none;
	border-top: 1px solid #D3D3D3;
	text-indent: 0em;
}
#newsreader li .titlefield{
	font:100% Georgia, "Times New Roman", Times, serif;
	color: #184999;
	font-size:14px;
	display:block;
}
#newsreader li .datefield{
	font:100% Verdana, Geneva, sans-serif;
	color:#333333;
	font-size:11px;
	padding: 2px 0px 5px 0px;
	display:block;
}
#newsreader2 {  /*Used in Maritime News*/
	margin: 0px;
	padding: 5px 0px 0px 0px; /* padding keeps the content of the div away from the edges */
	height:425px;
	width:475px;
	font:100% Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333333;
}
#newsreader2 li{ /*separates each entry*/
	margin: 0px;
	padding: 10px 0px 5px 0px;
	list-style-type: none;
	border-top: 1px solid #D3D3D3;
	text-indent: 0em;
}
#newsreader2 li .titlefield{
	font:100% Georgia, "Times New Roman", Times, serif;
	color: #184999;
	font-size:14px;
	display:block;
}
#newsreader2 li .datefield{
	font:100% Verdana, Geneva, sans-serif;
	color:#333333;
	font-size:11px;
	padding: 2px 0px 0px 0px;
	display:block;
}
#mainContent {
	zoom: 1; /*avoids 3 pixel jog in IE 6 */
	margin: 0px 326px 0px 163px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	border-bottom:thin solid #FFF;
}
#mainContent2 { /* used for ports serviced page */
	zoom: 1; /*avoids 3 pixel jog in IE 6 */
	margin: 0px 0px 0px 164px;
	padding: 0px 10px 0px 10px;
	background: #FFFFFF;
	border: 1px solid #FFF;
}
#rotator{
	width:488px;
	height:324px;
	padding:0;
	margin:0px 0px 0px 0px;	
}
#maintext {
	margin: 0px;
	padding: 13px 20px 5px 15px;
	text-align:justify;
}
#logo{
	width: 796px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 0px 0px 0px 163px;
	padding:0px 10px 0px 10px;
	background: #FFFFFF;
}
#tweet{
	margin:5px 0px 5px 0px;
	padding:0px;
}
#fb{
	margin: 0px 0px 5px 0px;
	padding:0px;
}
#footer { 
	margin: 0px;
	padding:0px 0px 0px 5px;
	height:22px;
	background-color: #003399;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:10px;
} 
#copyright {
	width: 964px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0px 0px 0px 15px;
	text-align: center; /* this overrides the text-align: center on the body element. */
	font: 100% Verdana, Geneva, sans-serif;
	color:#184999;
	font-size:10px;
	line-height:20px;
}
#links{ /* used in Maritime links page */
	margin: 0;
	padding: 10px 0px 0px 10px; /* needs left padding so other containers in rsidebar are lined up */
	list-style-type: none;
	font:100% Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:170%;
	color:#333333;
}
#links li {
	padding: 0px 0px 0px 10px;
	width: auto;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#links li a{
	padding: 0px;
	color:#333333;
}

#newstwitter{
	width:300px;
	margin:0px;
	padding:20px 0px 0px 10px;
}

#maritime{ /* used in Maritime links page (dark links)*/
	margin: 0px;
	padding: 3px 0px 15px 20px;
	font:100% Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size:11px;
	color:#333333;
	line-height:150%;
}
#maritime li a:link, #maritime li a:visited{
	padding: 0px;
	color:#333333;
}
#terms{ /* used in Terms & Conditions page */
	margin: 0px;
	padding: 3px 0px 15px 20px;
	font:100% Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size:11px;
	color:#333333;
	line-height:150%;
}
#terms li {
	padding: 0px;
	color:#333333;
	list-style:none;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	margin:0px;
	padding:0px;
}
img.center { /* used in bios to center picture */
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding-top:10px;
}
.logos {
	margin:0px;
	padding:0em 0em 0em 2em;
	vertical-align:text-top;
}
div.hr { 
	margin: 0;
	padding: 0;
	border: none; 
	border-top: 1px solid #D3D3D3;
}
div.hr hr { 
	display: none;
}
a.arrow { /* used to add arrow on right side of link */
	background: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position:5.6em .1em;
	padding: 0px 10px 0px 0px;
}
.cse-branding-bottom,
.cse-branding-right {  /* used to format port/office search */
margin:0;
padding:0;
padding-top: 5px;
}
ul.share{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	display:inline;
}
ul.share li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	margin:0px;
	width: 50px;
	display:inline;
}