/* 
  ------------------------------------------------
  PVII CSS Layout Magic
  Copyright (c) 2007 Project Seven Development
  www.projectseven.com
  02: 2Col_Fixed_Sidebar_Left
  ------------------------------------------------
*/

/*body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #DDD;
	margin: 0;
	padding: 0;
}
*/

body  {
	font: 100% Arial, Helvetica, Verdana,  sans-serif;
	background: #DDD;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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 */
	color: #000000;
}

body { font-size: 62.5%;  /* 16px × 62.5% = 10px */ }

h1 { font-size: 2.2em;  margin: 0; /* 10px × 2.2em = 22px */ }
h2 { font-size: 1.8em;}
h3 { font-size: 1.4em;}

p {
	font-size: 1.2em;  /* 10px × 1.2em = 12px */
	text-align: left;
}

img {
	margin: 0;
	padding: 0;
}




.topMargin { height: 1px; font-size: 1px; background-color: #FFF; }
.bottomMargin {height: 1px; font-size: 1px; background-color: #FFF; }





.noLeading { 
	margin-bottom: 0; 
	padding-bottom: 0; 
	line-height: 1;
}

.wideRightMargin  {
	padding-right: 150px;
}
.wideMargins  {
	padding-top: 15px;
	padding-left: 55px;
	padding-right: 130px;
	line-height: 1.4;
}
.tribullet {
	display: inline;
	float: left;
}


#right td, #right li { font-size: 1.2em; text-align:left; }










/* ------------------------------------------------------------------------------------------ */


#masthead {
	color: #999999;
	background-color: #000000;
	padding: 0px;
	margin: 0;
	text-align: left;
}


#wrapper {
	width: 880px;
	margin: 0 auto;	
	border-left: 4px solid #CCC;
	border-right: 4px solid #CCC;
	border-bottom: 4px solid #CCC;
}
#wrapper #column_wrapper {
	background-image: url(../images/clm02_middle.gif);
	background-repeat: repeat-y;
}
#wrapper #column_wrapper_wide {
	background-image: url(../images/clm02_middle-none.gif);
	background-repeat: repeat-y;
}
/*
#sidebar {
	width: 180px;
	float: left;
	
}
#sidebar .homecontent {
	padding: 290px 10px 0 20px;
	font-size: 1em;
	line-height: 1.1;
	text-align: left;
}
#mainContent  {
	padding: 0;
	text-align: left;
}
*/




img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	float: right;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	float: left;
	}



#widecolumn_wrapper {
	background-image: url(../images/clm02_middle-none.gif);
	background-repeat: repeat-y;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.textcenter { text-align: center; }
.textleft   { text-align: left; }



td.mainPageHeader {
	padding-top: 43px;
	padding-left: 40px;
}
.logo {
	padding: 0;
	margin: 0;
	float: left;
}



#stripe3 { 
	background-color: #f00; 
	height: 21px;
	padding: 0;  
	background: url(../images/3-stripes.gif) repeat-x left top;
} 


.graphic_header {
	margin:0;
	padding: 0;
	padding-bottom: 6px;
	padding-left: 0px;
	display: block;
}


#left {
	width: 180px;
	float: left;
}
#left .homecontent {
	padding: 90px 10px 0 20px;
	font-size: 1em;
	line-height: 1.1;
	text-align: left;
}



#left a:link {
	color: #82000A;
	text-decoration: none;
}
#left a:visited {
	color: #82000A;
	text-decoration: none;
}
#left a:hover {
	color: #82000A;	
	text-decoration: underline;
}


#left .fleet {
	text-align:left;
	padding: 65px 0 0 2px;
}
#left .fleet ul {
	font-size: 1.1em;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 11px;
}
#left .fleet ul li {
	padding: 2px 0;
	font-size: 1.1em;
}

#left .fleet ul li a:link, #left .fleet ul li a:visited, #left .fleet ul li a:hover {
	color: #000;
}
#left .fleet ul li a:hover {
	
}

#left .content2 {
	padding: 81px 10px 0 15px;
	font-size: 1.1em;
	line-height: 1.1;
	text-align: left;
}
#left .content2 h3 {
	padding:0;
	margin:0 0;
	font-size: 1.2em;
	color: #990000;
	font-weight:bold;
}
#left .content2 h4 {
	padding:0;
	margin:0 0;
	font-size: 1.1em;
	color: #990000;
	font-weight:bold;
}
#left .content2 p {
	font-size: 1.0em;
	padding: 0;
	margin: 0;
	padding-right: 7px;
	text-align:left;
}
#left .content2 #one-em ul {
	font-size: 1.1em;
	margin-left: 1em;
	padding-left: 0px;
	list-style-type: square;
	list-style-image: url(../images/bullet-red-square.gif);
}
#left .content2 #bulletTable table {
	margin-top: 15px;
}
#left .content2 #bulletTable table td {
	padding-bottom: 10px;
}



/* ------------------  MAIN CONTENT AREA   -------------------------------    */

#right {
	width: 700px;
	float: left;
}
#right .content {
	padding: 0;
	padding-left: 30px;
	text-align: left;
}

#right .content1 {
	padding: 80px 0 30px 60px;
	text-align: left;
}

#right .content1 p {
	padding-right: 35px;
}

#right .content p.photolinkimage {
	padding: 12px 0 2px 0;
	margin: 0;
}
#right .content p.photolink {
	padding: 0 0 5px 0;
	margin: 0;
	text-align: right;
	width:465px;
}


#right #header {
	padding: 50px 30px 10px 45px;
	margin: 0;
	clear:both;
	text-align:left;
}
#right .bullet {
	padding-left: 35px;
	text-align:left;
	float:left;
}
#right .content2 h2 {
	color: #95122C;
	text-align:left;
	font-size: 1.6em;
	margin: 0;
	padding: 5px 0 9px 45px;
}
#right .content2 .first {
	padding-top: 0;
}
#right .content2 p {
	padding: 0 200px 15px 45px;
	margin: 0;
	text-align:left;
}
#right .content2 p.smallRightPad {
	padding-right: 40px;
}
#right .content2 p.signature {
	padding: 0 0 3px 25px;
	margin: 0;
	text-align:left;
}

#right .content2  #column1 {
	width: 200px;
	background-color: #99CC00;
	margin: 0;
	float: left;
}

#right .content2  #col_one {
	margin: 0;
	width: 190px; /* Allows for fluid design. Can be set to pixels */
	float: left;
	text-align:left;
}
#right .content2  #col_two {
	margin: 0 0 0 7px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */
	width: 190px;
	float: left;
	text-align:left;
}
#right .content2  #col_three {
	margin: 0 0 0 7px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */
	width: 190px;
	float: left;
	text-align:left;
} 

#right .content2 #col_one table td, #right .content2 #col_two table td, #right .content2 #col_three table td {
	font-size: 1.1em;
}
#right .content2 #col_one h2, #right .content2 #col_two h2, #right .content2 #col_three h2 {
	color: #95122C;
	text-align: left;
	padding: 0 0 4px 0;
	margin: 0;
	font-size:1.1em;
}
#right .content2 #col_one a, #right .content2 #col_two a, #right .content2 #col_three a {
	color: #000;
	font-size:1.1em;
}


#right .content2 #prev_outstanding_mariners {
	margin: 0;
	padding: 0;
	text-align: left;
	
}
#right .content2 #prev_outstanding_mariners table th {
	padding: 3px;
	font-size:1.1em;
	background-color: #FFF;
	text-align:left;
	font-weight:bold;
	color:#82000A;
}
#right .content2 #prev_outstanding_mariners table td {
	padding: 3px;
	font-size:1.1em;
	background-color: #DDD;
}
#right .content2 #prev_outstanding_mariners table td.altrow {
	background-color: #FFF;
}


#right .content2 ul.redsquare  {
	padding-top: 0;
	margin-top: 0;
	}
#right .content2 ul.redsquare li {
	margin: 2px 200px 4px 45px;
	text-align:left;
	font-size: 1.2em;
	list-style-image: url(../images/bullet-red-square.gif);
}
#right .content2 ul.redsquare2 li {
	margin: 2px 0 4px 5px;
	text-align:left;
	font-size: 1.1em;
	list-style-image: url(../images/bullet-red-square.gif);
}
#right .content3 ul.redsquare  {
	padding-top: 0;
	margin-top: 0;
	}
#right .content3 ul.redsquare li {
	margin: 2px 0 4px 45px;
	text-align:left;
	font-size: 1.2em;
	list-style-image: url(../images/bullet-red-square.gif);
}


#right .content3 h2, #right .content3 h3 {
	color: #95122C;
	text-align:left;
	font-size: 1.6em;
	margin: 0;
	padding: 5px 0 9px 45px;
}
#right .content3 h3 {
	font-size: 1.4em;
}
#right .content3 .first {
	padding-top: 0;
	margin: 0;
}
#right .content3 p {
	padding: 0 270px 15px 45px;
	margin: 0;
	text-align:left;
}


#right .sidebar_column {
	width: 220px;
	float:right;
	padding: 0 10px;
	text-align: left;
}

#right .sidebar_column p {
	padding: 0;
	margin: 0;
}
#right .sidebar_column .caption {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	color: #990000;
}
#right .sidebar_column p.caption {
	padding: 0;
	margin: 0;
	padding-top: 7px;
	font-size: 1.1em;
	color: #990000;
}

#right .sidebar_people {
	width: 240px;
	float:right;
	padding: 0;
	text-align: left;
}
#right .sidebar_people p {
	padding: 0;
	margin: 0;
}



#right .content3 #marginBar {
	float: right;
	width: 250px;
	background-color:#FFF;
}
#right .content3 #marginBar h2 {
	color: #95122C;
	text-align:left;
	font-size: 1.3em;
	margin: 0;
	padding: 0 10px 9px 15px;
}
#right .content3 #marginBar p {
	padding: 0 25px 5px 15px;
	margin: 0;
	font-size: 1.1em;
}
#right .content3 #marginBar p.compart {
	color: #95122C;
	color: #666;
	line-height: 1.3;
	padding-right: 30px;
}





/*  style form components      */
#right .content_form  {
	padding-left: 45px;
	padding-bottom: 30px;
	text-align: left;
}
#right .content_form p {
	padding: 0 25px 5px 0px;
	margin: 0;
	font-size: 1.2em;
}
#right .content_form td {
	padding: 5px;
}
#right .content_form td.fieldid {
	padding: 5px 2px 5px 0;
	text-align: right;
}
#right .content_form  input.txtfield {
	width: 350px;
}
#right .content_form  input.txtfieldsh {
	width: 150px;
}
#right .content_form  textarea {
	width: 350px;
	height:100px;
}
#right .content_form input {
	font-size: 1em;
}
#right .content_form select {
	font-size: .9em;
}





img.omimage {
	padding: 0 35px 35px 20px;
	margin: 0;
	display: inline;
	float: right;
}





#wide {
	width: 880px;
	float: left;
	background-color: #FFF;
}
#wide .content {
	padding: 0;
	text-align: left;
}
#wide .contentCenter {
	padding: 65px 35px 20px 210px;
	text-align: left;
	font-size: 1.2em;
}
#wide .contentCenterBelow {
	padding: 15px 35px 20px 50px;
	text-align: left;
	font-size: 1.2em;
}
#wide .contentFullRight {
	padding: 65px 0 20px 210px;
	text-align: left;
	font-size: 1.2em;
}
#wide .contentMaxWidth {
	background-color: #FFF;
	width: 825px;
	text-align:left;
	font-size: 1em;
	padding-left: 25px;
	padding-top: 30px;
}



#masthead .content {
	padding: 12px 16px;
}
#footer {
	color: #EEE;
	background-color: #000000;
	padding: 0px;
	margin: 0;
	font-size: 11px;
	clear: both;
	text-transform:uppercase;
}

/*  make all footers the same */
#footer .content, #footer .contentWide {
	padding: 9px 3px 8px 216px;
	text-align: left;
	line-height: 1.4em;
}

/*#footer .content, #footer .contentWide {
	padding: 9px 8px 8px 60px;
	text-align: left;
	line-height: 1.4em;
}*/





#footer .footerMaxWidth {
	padding: 9px 8px 8px 75px;
	text-align: left;
	line-height: 1.4em;
}





.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}






#right a:link {
	color: #82000A;
	text-decoration: none;
}
#right a:visited {
	color: #82000A;
	text-decoration: none;

}
#right a:hover {
	color: #82000A;	
	text-decoration: underline;
}

/*
#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #000000;
	border-left: 6px solid #FFD940;
	padding: 0 0 0 6px;
}
#wrapper .menulist a:hover {
	border-color: #000000;
}*/
#footer a:link {
	color: #FFF;
}
#footer a:visited {
	color: #FFF;
}
#footer a:hover {color: #FFFFFF;}
.p7uberlink {
	/*font-weight: bold !important;
	letter-spacing: .15em;
	border-color: #000000 !important;*/
}


.nomargintop {
	margin-top: 0;
}
.nomarginbottom {
	margin-bottom: 0;
}
.content p {
	margin: 12px 0;
}
#menuWrapper {
	width: 878px;
	background-color: #999999;
	border: 1px solid #878787;
	background-image:  url(../images/menubar-left-bg.gif);
	background-repeat:	no-repeat;
	background-position: left top;
}



#vesselsTable  {
	width: 520px;
	padding-bottom: 30px;
}
#vesselsTable td {
	padding: 7px 6px;
}
#vesselsTable td.odd {
	background-color: #82000A;
	color: #FFF;
}
#vesselsTable td.even {
	background-color: transparent;
}
#vesselsTable td a {
	color: #82000A;
	text-decoration: none;
}
#vesselsTable td a:visited {
	color: #82000A;
	text-decoration: none;
}
#vesselsTable td a:hover {
	color: #82000A;
	text-decoration: underline;
}
#vesselsTable td.odd a {
	color: #FFF;
}
#vesselsTable td.odd a:visited {
	color: #FFF;
}
#vesselsTable td.odd a:hover {
	color: #FFF;
	text-decoration: underline;
}



.shiptriangle {
	float:left;
	margin-left: 5px;
	width: 10px;
	background-image: url(../images/bullet-red-triangle.gif);
	background-repeat: no-repeat;
	background-position: top left;
}





.bulletColumn, .bulletColumnTable, .bulletColumnIndent {
	float:left;
	display: inline;
	background-color:#FFF;
	width: 10px;
	text-align:right;
	padding-top: 2px;
}
.bulletColumnTable {
	padding-top: 7px;
}
.bulletColumnIndent {
	padding-top: 1px;
	padding-left: 33px;
}

.rightColumn {
	float:right;
	background-color: #FFF;
	text-align: right;
}



.contentColumn, .contentColumnM, .contentColumnW {
	background-color: #FFF;
	width: 360px;
	text-align:left;
	float:left;
	font-size: 1em;
}
.contentColumnM {
	width: 420px;
}
.contentColumnW {
	width: 600px;
}


.contentFullWidth {
	background-color: #FFF;
	width: 700px;
	text-align:left;
	font-size: 1em;
	padding-left: 35px;
	padding-top: 60px;
}
/*.contentMaxWidth {
	background-color: #FFF;
	width: 825px;
	text-align:left;
	font-size: 1em;
	padding-left: 25px;
	padding-top: 30px;
}*/

 

.shipName {
	padding: 25px 0 0 15px;
}

p.shipSubhead, p.shipSubheadFirst, p.shipCopy {
	color: #82000A;
	font-weight:bold;
	font-size: 1.2em;
	display:block;
	margin:0;
	padding: 10px 0 1px 0;
}
p.shipSubheadFirst  { 
	padding: 0 0 1px 0;
}

p.shipCopy {
	color: #000;
	padding: 0 0 5px 0;
	font-weight: normal;
}

img.shipPhoto {
	padding: 0 0 5px 15px;
}



#shipTable  {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 25px;
	font-size: 1.1em;
}
#shipTable td {
	padding: 4px 6px;
}
#shipTable tr.odd {
	background-color: #82000A;
}
#shipTable td.odd {
	background-color: #82000A;
	color: #FFF;
}
#shipTable td.even {
	background-color: transparent;
}
div.textUnderGraphic p {
	width: 700px;
	padding-left: 50px;
}




.routeSelect {
	font-size: 1.2em;
	margin-left: 10px;
}

.routeSelectCopy {
	font-size: 1.2em;
	margin-left: 50px;
}


#routeTable  {
	width: 100%;
	margin-top: 5px;
	margin-left: 20px;
	width: 760px;
}
#routeTable td {
	padding: 4px 10px;
	margin: 0;
	font-size: 1.1em;
	width: 25%;
}
#wrapper #column_wrapper #right .pad_header_left {
	padding-left: 45px;
	padding-bottom: 10px;
}


#right .content_form .error {
	color: #FF0000;
}
img.questioninfo {
	padding-bottom: 20px;
	padding-left: 6px;
}


/*  style the captcha message   11/20/08   */
.caption_help { 
	font-family: Arial, Helvetica, sans-serif; 
	text-align:left;
	font-size: 11px;
	line-height: 1;
	color: #444;
	display:inline;
	margin-top:2px;
}

.olc_FontClass { 
	font-family: Arial, Helvetica, sans-serif; 
	text-align:left;
	font-size: 11px;
	line-height: 1.3;
}
.olc_fgClass {
	background-color: #FFFFCC;
	/* padding: 9px;  */
}
.olc_bgClass {
	background-color: #FFFFCC;
	border: 1px solid #000000;
	padding: 1px;
}


/*  put this field out of sight off the screen   11/25/08   */
.offset {
	position : absolute;
	top : -9000px;
	left : -9000px;
}