body {
	background-color: #fafafa;
	margin: 0;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
	font-size: 11px;
	color: #000000;
	}
	

#base {
	margin: 0 auto;
	width: 820px;
	background-color: #ffffff;
	}

.clear { clear: both; }
#top {
	float:left;
	width:818px;
	height:134px;
	border:1px solid #fff;
	}
#logo {
	float:left;
	width:130px;
	height:130px;
	margin-top:3px;
	margin-left:3px;
	}	
#menu {
	float:left;
	height:22px;
	width:580px;
	margin-left:16px;
	text-align:center;
	margin-top:20px;
	padding-top:4px;
	}	
#menu a {
    color: #03f;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sansefir;
	font-weight:bold;
	font-size: 12px;
	}
#menu a:hover {color: #0cf;}




#footer {
	float:left;
	height:22px;
	width:600px;
	text-align:center;
	padding-top:3px;
	margin-left:110px;
	margin-top:45px;
	margin-bottom:45px;
	border:1px solid #000;
	border-left-color:#fff;
	border-right-color:#fff;
	}
#footer a {
	color: #02f;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, Sansefir;
	font-size:10px;
	}
#footer a:hover  {color: #f90;}




#reach {
	float:left;
	font-family: Arial, Helvetica, Sansefir;
	font-size:24px;
	font-weight:bold;
	color:#06f;
	text-shadow:3px 2px 7px #ccc;
	height:32px;
	width:164px;
	margin-left:468px;
	margin-top:32px;
	}


/*menu for all the pages*/


#company {
	float:left;
	height:62px;
	width:472px;
	margin-top:30px;
	margin-left:174px;
	}
#marq {
	float:left;
	margin-top:520px;
	margin-left:57px;
	height:32px;
	width:706px;
	}
.marqer {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #fff;
	}

/*index menu*/

	


#wel {
	float:left;
	height:614px;
	width:820px;
	background-image:url(\images/introPict.jpg);
	background-repeat:no-repeat;
	}

	
#weltxt {
	float:left;
	height:224px;
	width:810px;
	margin-left:5px;
	font-family:Arial, Helvetica, Sansefir;
	font-size:13px;
	color:#003a75;
	background:#transparent;
	}

	




/* VOYAGES*/


	
#thetitle {
	float:left;
	height: 23px;
	width: 350px;
	margin-top: 6px;
	margin-left: 245px;
	text-align:center;
	text-shadow:3px 2px 7px #aaa;
	font-family: Arial,Helvetica, Sans;
	letter-spacing:1px;
	font-size: 18px;
	font-weight: bold;
	color: #ba2d1c;
}
#sailing {
	float:left;
	width: 818px;
	margin-top: 12px;
	border: 1px solid #c8c0b5;
	background: #bbb;
}
#cell8 {
float: left;
margin-left: 1px;
margin-top:1px;
margin-bottom:1px;
padding-left: 18px;
width: 798px;
background: #ffffef;
}
#vnum {
float: left;
width: 70px;
text-align:center;
margin-top: 1px;
margin-left:1px;
padding-top:4px;
padding-bottom:4px;
background: #fff;
}
#vnum1 {
float: left;
width: 70px;
text-align:center;
padding-top:14px;
padding-bottom:14px;
margin-left:1px;
margin-top: 1px;
background: #fff;
}
#distup {
float: left;
height: 18px;
width: 380px;
text-align:center;
}
#distdown {
float: left;
height: 18px;
width: 380px;
text-align:center;
}
#dist {
float: left;
width: 388px;
margin-left: 1px;
padding-top:4px;
padding-bottom:4px;
margin-top: 1px;
background: #f4f7fd;
}
#dist1 {
float: left;
width: 388px;
margin-left: 1px;
padding-top:4px;
padding-bottom:4px;
margin-top: 1px;
background: #f4f7fd;
}
#dep {
float: left;
width: 118px;
margin-left: 1px;
margin-top: 1px;
padding-top:5px;
padding-bottom:5px;
background: #fff;
}
#dep1 {
float: left;
width: 118px;
margin-left: 1px;
margin-top: 1px;
padding-top:15px;
padding-bottom:14px;
background: #fff;
}







.numdate {
font-family: Arial,Helvetica, Sans;
font-size: 12px;
text-align:center;
font-weight: normal;
color: #333;
}
.numdate1 {
font-family: Arial,Helvetica, Sans;
font-size: 12px;
font-weight: bold;
letter-spacing:1px;
color: #333;
}

.numdateR {
font-family: Arial,Helvetica, Sans;
font-size: 12px;
text-align:center;
color: #04f;
}
.subtabela {
font-family: Arial,Helvetica, Sans;
font-size: 13px;
font-weight: bold;
text-align:center;
color: #333;
}
.subtabelaR {
font-family: Arial,Helvetica, Sans;
font-size: 11px;
font-weight: bold;
text-align:center;
color: #333;
}


	
	
	
	
	
	#timetable {
    float:left;
	margin-top:26px;
	padding-bottom:2px;
	padding-left:1px;
	width:817px;
	border:1px solid #cae0fb;
	background-color:#86aace;
	}
	#voyagedetails {
    float:left;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding-top:5px;
	margin-bottom:4px;
	margin-left:280px;
	height:19px;
	width:260px;
	}

#lastUpd {
    float:left;
	font-family:Arial;
	font-size:13px;
	color:#ff0;
	font-style:italic;
	text-align:center;
	margin-top:9px;
	margin-bottom:4px;
	margin-left:100px;
	height:16px;
	width:174px;
	}
	
	
/* new table */

.voyTitle {
	float:left;
	margin-left:2px;
	margin-top:1px;
	padding-top:3px;
	height:19px;
	width:813px;
	font-family: Arial,Helvetica, Sans;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	font-weight:bold;
	color:#03c;
	background-color:#fafafa;
	}
	
	
.voyNumH{
	float:left;
	margin-left:2px;
	padding-top:3px;
	height:20px;
	width:64px;
	font-family: Arial,Helvetica, Sans;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	font-weight:bold;
	color:#222;
	background-color:#e2fcfb;
	}
.voyDateH{
	float:left;
	margin-left:1px;
	padding-top:3px;
	height:20px;
	width:80px;
	font-family: Arial,Helvetica, Sans;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#222;
	background-color:#e2fcfb;
	}
	
.arriveDeprtH{
	float:left;
	margin-left:1px;
	padding-top:3px;
	height:20px;
	width:106px;
	font-family: Arial,Helvetica, Sans;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#222;
	background-color:#e2fcfb;
	}
.tugBargeH{
	float:left;
	margin-left:1px;
	padding-top:3px;
	height:20px;
	width:198px;
	font-family: Arial,Helvetica, Sans;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#222;
	background-color:#e2fcfb;
	}
.commntsH{
	float:left;
	margin-left:1px;
	padding-top:3px;
	height:20px;
	width:173px;
	font-family: Arial,Helvetica, Sans;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#222;
	background-color:#e2fcfb;
	}
	
	
	
.voyNum{
	float:left;
	margin-left:2px;
	margin-top:1px;
	padding-top:1px;
	height:17px;
	width:64px;
	font-family: Arial,Helvetica, Sans;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:#222;
	background-color:#fff;
	}
.voyDate{
	float:left;
	margin-left:1px;
	margin-top:1px;
	padding-top:1px;
	height:17px;
	width:80px;
	font-family: Arial,Helvetica, Sans;
	font-size:12px;
	text-align:center;
	color:#222;
	background-color:#fff;
	}
	
.arriveDeprt{
	float:left;
	margin-left:1px;
	margin-top:1px;
	padding-top:1px;
	height:17px;
	width:106px;
	font-family: Arial,Helvetica, Sans;
	font-size:12px;
	text-align:center;
	color:#222;
	background-color:#fff;
	}
.tugBarge{
	float:left;
	margin-left:1px;
	margin-top:1px;
	padding-top:1px;
	height:17px;
	width:198px;
	font-family: Arial,Helvetica, Sans;
	font-size:12px;
	text-align:center;
	color:#cc0000;
	background-color:#fff;
	}
.commnts{
	float:left;
	margin-left:1px;
	margin-top:1px;
	padding-top:1px;
	height:17px;
	width:173px;
	font-family: Arial,Helvetica, Sans;
	font-size:9px;
	text-align:center;
	color:#00f;
	background-color:#fff;
	}
	
/* new table end */
	
	
	#rel1{
	float:left;
	height:14px;
	width:14px;
	margin-top:2px;
	margin-left:6px;
	margin-right:5px;
	}
	#rel2{
	float:left;
	height:14px;
	width:14px;
	margin-left:6px;
	margin-top:2px;
	margin-right:5px;
	}
	#rel3{
	float:left;
	height:14px;
	width:14px;
	margin-left:6px;
	margin-top:2px;
	margin-right:5px;
	}
	#rel4{
	float:left;
	height:14px;
	width:14px;
	margin-left:6px;
	margin-top:2px;
	margin-right:5px;
	}
	#rel5{
	float:left;
	height:14px;
	width:14px;
	margin-left:6px;
	margin-top:2px;
	margin-right:1px;
	}
	


	#locn{
	float:left;
	height:17px;
	width:96px;
	font-family: Arial,Helvetica, Sans;
	font-weight:bold;
	font-size:12px;
	text-indent:4px;
	text-align:left;
	background-color:#fff;
	}
	#dte{
	float:left;
	height:17px;
	width:64px;
	font-family: Arial,Helvetica, Sans;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	background-color:#fff;
	}
	
	

	
#bargePosit {
	float:left;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#ba2d1c;
	text-align:center;
	text-shadow:3px 2px 7px #aaa;
	margin-left:220px;
	margin-top:24px;
	height:22px;
	width:400px;
	}
#mapholder {
    float:left;
	height:610px;
	width:820px;
	margin-top:10px;
	}
#voyageList {
	height: 24px;
	background-color: #fd8;
}
#voyageList span, #voyageList div, #voyageList input {
	float: left;
}
#voyageList div {
	height:12px;
	margin-right:3px;
	margin-top:4px;
	width:12px;
}
#voyageList input {
	margin-left: 10px;
}
.rowl {
	font-weight: bold;
	color: #666;
	float: left;
	width: 100px;
}
.rowr {
	float: left;
	color: #25a;
	width: 200px;
}
.tblr1 {
	background-color: #eee;
}
#map {
    float:left;
	height:560px;
	width:820px;
	}
#infoTable {
	width: 300px;
}
.rowla {
	font-weight: bold;
	color: #666;
	float: left;
	width: 56px;
}
.rowra {
	float: left;
	color: #25a;
	width: 174px;
	text-align: center;
}
.rowras {
	float: left;
	color: #390;
	width: 174px;
	text-align: center;
	font-weight: bold;
}
.tblr1a {
	background-color: #eee;
}

#infoTableSTP {
	width: 230px;
	}
.voyageTitle {
	font-weight: bold;
	text-align: center;
	color: #000;
}
.voyageTitleA{
	font-weight: bold;
	text-align: center;
	color: #390;
}


/* */






#portEquip  {
	float:left;
	width:818px;
	border:1px solid #ccc;
	}
#mark  {
	float:left;
	margin-left:6px;
	margin-top:20px;
	margin-left:40px;
	line-height:16px;
	letter-spacing:1px;
	width:200px;
	height:536px;
	font-family:Arial, Helvetica,Sans;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#04f;
	border:1px transparent;
	background:transparent;
	}
#markP {
	float:left;
	margin-left:6px;
	margin-top:20px;
	margin-left:40px;
	line-height:16px;
	letter-spacing:1px;
	width:200px;
	height:536px;
	font-family:Arial, Helvetica,Sans;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#fff;
	border:1px transparent;
	background:transparent;
	}
#markP a {
    color: #f60;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sansefir;
	font-weight:bold;
	font-size: 12px;
	}

#mark1  {
	float:left;
	margin-left:6px;
	margin-top:20px;
	margin-left:458px;
	line-height:16px;
	letter-spacing:1px;
	width:200px;
	height:536px;
	font-family:Arial, Helvetica,Sans;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#04f;
	border:1px transparent;
	background:transparent;
	}
	
#submenu a:hover {color:#f90}

#submenu a {
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica,Sans;
	font-size:13px;
	font-weight:bold;
	}
#submenu  {
	float:left;
	margin-top:32px;
	margin-left:46px;
	width:108px;
	height:146px;
	text-align:left;
	line-height:23px;
	background:transparent;
	}
	
#submenuP a:hover {color:#f90}

#submenuP a {
	color:#03f;
	text-decoration:none;
	font-family:Arial, Helvetica,Sans;
	font-size:13px;
	font-weight:bold;
	}
#submenuP  {
	float:left;
	margin-top:32px;
	margin-left:14px;
	width:108px;
	height:146px;
	text-align:left;
	line-height:23px;
	background:transparent;
	}
	
#submenuAE a:hover {color:#f90}

#submenuAE a {
	color:#247bff;
	text-decoration:none;
	font-family:Arial, Helvetica,Sans;
	font-size:13px;
	font-weight:bold;
	}
#submenuAE  {
	float:left;
	margin-top:32px;
	margin-left:46px;
	width:140px;
	height:116px;
	padding-top:2px;
	text-align:left;
	line-height:23px;
	background:transparent;
	}
	
	
#submenuAEX a:hover {color:#f90}

#submenuAEX a {
	color:#247bff;
	text-decoration:none;
	font-family:Arial, Helvetica,Sans;
	font-size:13px;
	font-weight:bold;
	}
#submenuAEX  {
	float:left;
	margin-top:32px;
	margin-left:14px;
	width:140px;
	height:116px;
	padding-top:2px;
	text-align:left;
	line-height:23px;
	background:transparent;
	}

#nowMark1{
	float:left;
	height:6px;
	width:12px;
	margin-left:20px;
	margin-top:40px;
	background:#f00;
	}
#nowMark2{
	float:left;
	height:6px;
	width:12px;
	margin-left:20px;
	margin-top:64px;
	background:#f00;
	}
#nowMark3{
	float:left;
	height:6px;
	width:12px;
	margin-left:20px;
	margin-top:87px;
	background:#f00;
	}
#nowMark4{
	float:left;
	height:6px;
	width:12px;
	margin-left:20px;
	margin-top:110px;
	background:#f00;
	}
#nowMark5{
	float:left;
	height:6px;
	width:12px;
	margin-left:20px;
	margin-top:134px;
	background:#f00;
	}
#nowMark6{
	float:left;
	height:6px;
	width:12px;
	margin-left:20px;
	margin-top:158px;
	background:#f00;
	}
#nowMark7{
	float:left;
	height:6px;
	width:12px;
	margin-left:20px;
	margin-top:43px;
	background:#930;
	}
#nowMark8{
	float:left;
	height:6px;
	width:12px;
	margin-left:20px;
	margin-top:64px;
	background:#930;
	}
#nowMark9{
	float:left;
	height:6px;
	width:12px;
	margin-left:20px;
	margin-top:90px;
	background:#930;
	}
	
#slidealequip {
	float:left;
	width:326px;
	height:332px;
	margin-left:92px;
	margin-top:110px;
	margin-bottom:110px;
	}
#slidealequipE {
	float:left;
	width:326px;
	height:332px;
	margin-left:60px;
	margin-top:110px;
	margin-bottom:110px;
	}
	
#portview  {
	float:left;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:1px;
	width:816px;
	height:560px;
	border:1px solid #aaa;
	background-image:url(\images/Sewarrd1.jpg);
	background-repeat:no-repeat;
	}
	
#portviewP1 {
	float:left;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:1px;
	width:816px;
	height:560px;
	background:#fcfcfc;
	border:1px solid #aaa;
	}
#portviewP2 {
	float:left;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:1px;
	width:816px;
	height:560px;
	border:1px solid #aaa;
	background:#fcfcfc;
	}
#portviewP3 {
	float:left;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:1px;
	width:816px;
	height:560px;
	border:1px solid #aaa;
	background-image:url(\images/bgrndBethel.jpg);
}
#portviewP4 {
	float:left;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:1px;
	width:816px;
	height:560px;
	border:1px solid #aaa;
	background-image:url(\images/bgrndNome.jpg);
}
#portviewP5 {
	float:left;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:1px;
	width:816px;
	height:560px;
	border:1px solid #aaa;
	background-image:url(\images/bgrndDillingham.jpg);
}
#portviewP6 {
	float:left;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:1px;
	width:816px;
	height:560px;
	border:1px solid #aaa;
	background-image:url(\images/bgrndNaknek.jpg);
	}
	
#EQview  {
	float:left;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:1px;
	width:816px;
	height:560px;
	border:1px solid #aaa;
	background-image:url(\images/FrontALequipA.jpg);
	background-repeat:no-repeat;
	}
#EQview1  {
	float:left;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:1px;
	width:816px;
	height:560px;
	border:1px solid #aaa;
	background:#fcfcfc;
	}
#EQview2  {
	float:left;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:1px;
	width:816px;
	height:560px;
	border:1px solid #aaa;
	background:#fcfcfc;
	}
#EQview3  {
	float:left;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:1px;
	width:816px;
	height:560px;
	border:1px solid #aaa;
	background:#fcfcfc;
	}
	
	
	
	
	
	

		/* ABOUT */



	
	
	
	
#about {
	float:left;
	width:820px;
	font-family:Arial, Helvetica, Sansefir;
	font-size:13px;
	color:#003a75;
	border:1px solid #fff;
	background:#fff;
	}

#pictureAL {
	float:right;
	height:250px;
	width:482px;
	margin-left:6px;
	margin-right:1px;
	margin-top:4px;
	}

#GMimg {
	float:left;
	margin-top:20px;
	margin-left:4px;
	margin-right:8px;
	margin-left:2px;
	height:257px;
	width:386px;
	background:#fff;
	}
	
	
	
	
	
	
	
		/* RATES and FORMES*/
		
#compTitle {
	float:left;
	height:22px;
	width:654px;
	margin-left:70px;
	margin-top:16px;
	text-align:center;
	font-weight:bold;
	letter-spacing:2px;
	font-size:20px;
	font-family:Arial, Helvetica, Sans;
	color: #34c;
	}
#makearequest {
	float:left;
	height:22px;
	width:400px;
	margin-left:110px;
	margin-top:45px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, Sans;
	}	
		
		
#formm {
	float: left;
	width: 794px;
	margin-left:13px;
	margin-top:16px;
	border: 1px solid #fff;
	background:#fff;
	}
#reqform {
	float: left;
	width: 654px;
	margin-left:70px;
	margin-top:6px;
	}
	#reqform input[type="text"]
	{
	width: 440px;
	}
	
.reqform1 input {width:200px;}

#formtitle {
	float:left;
	height:22px;
	width:654px;
	margin-left:70px;
	margin-top:12px;
	text-align:center;
	letter-spacing:2px;
	font-size:18px;
	font-family:Arial, Helvetica, Sans;
	color: #34c;
	}
label{
	width: 15.6em;
	float:left;
	height:1.6em;
	text-align: left;
	text-indent:5px;
	font-size:12px;
	font-family:arial, helvetica, sans;
	letter-spacing:1px;
	color: #000;
	background: #fff;
	display:block;
	}

	
	
	
input, .submitt a
{
	color: #000;
	background: #fff;
	border: 1px solid #ddd;
}
#submitt{
	float:left;
	margin-left:261px;
	margin-top:28px;
	margin-bottom:28px;
	width:156px;
	height:28px;
	border: 1px solid #fff;
	}
#continf {
	float:left;
	width:700px;
	height:30px;
	font-family:arial, helvetica, sans;
	font-weight:bold;
	font-size:14px;
	}
#additnots {
	float:left;
	width:700px;
	height:30px;
	margin-left:14px;
	margin-top:8px;
	font-family:arial, helvetica, sans;
	font-weight:bold;
	font-size:14px;
	}
.shipform {
font-family: Arial,Helvetica, Sans;
font-size:12px;
font-weight:bold;
text-indent:16px;
color: #bf1618;
}
#comming {
	float:left;
	height:30px;
	width:200px;
	margin-top:80px;
	margin-bottom:80px;
	margin-left:290px;
	font-family: Arial,Helvetica, Sans;
	font-size:20px;
	font-weight:bold;
	color: #03f;
}
#nottes {
font-family: Arial,Helvetica, Sans;
font-size:12px;
text-indent:16px;
}
#nottes1 {
float:left;
margin-left:126px;
margin-top:46px;
width:680px;
font-family: Arial,Helvetica, Sans;
font-size:13px;
font-weight:bold;
}
.submitt a, .submitt input {
	height:24px;
	font-weight:bold;
	font-size:13px;
	color:#bf1618;
	background: #fff;
	text-shadow:3px 2px 7px #adadcd;
	text-decoration: none;
	padding: 3px 4px;
}

input.error {
	border: 1px solid red;
}

label.error {
	color: red;
	width: 100%;
	margin-bottom: 8px;
}





/* RATES and FORMES*/
		
	
		



/*CONTACT*/



#contact {
	float:left;
	width:820px;
	margin-top:16px;
	}
#mapDirections {
	margin-left: 40px;
	float: left;
	width: 540px;
}
#mapDirections #map
{
	height: 400px;
	/*width: 500px;*/
}
#map {
    float:left;
	height:560px;
	width:820px;
	}
.addressPrompt {
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	display: block;
	margin-top: 15px;
	margin-bottom: 4px;
}
.tothe {
	font-family:Calibri, Arial. helvetica. Sans;
	font-size:12px;
	font-weight:bold;
	color:#f40;
	}
#contitle{
	float:left;
	height:24px;
	width:360px;
	margin-left:200px;
	font-family:Calibri,Arial;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	margin-top:3px;
}
#startingAddress {
	width: 387px;
}
#cform {
float:left;
height:62px;
width:680px;
margin-top:16px;
}
#directionsPanel {
float:left;
width:700px;
}
#contactInfo {
	float: left;
	margin-left: 25px;
	margin-top:6px;
	font-family: Arial;
}

#contactInfo h5 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 13px;
	}

#open-request-form {
	float: left;
}