body {
	width:900px;
	background:url(../../images/ui/masthead_bg.jpg) repeat-x;
	height:auto;
	margin:auto;
}

#mast_page_bg {
	width:900px; 
	background:url(../../images/ui/footer-bg.jpg) bottom;
	background-repeat:repeat-x;
	height:auto;
}

#wrap { width: 900px; margin:0 auto;}

#gallery_id{
	margin:0 0 0 0;
	text-align:center;
}


/* START #HEADER */

#header {
	background:url(../../images/ui/header.jpg) no-repeat;
	width:900px;
	height:280px;
	float:left;
	margin: 0px auto;
	
}

#header h1 {text-indent: -99999px; margin:-21px 0 0 0;}
#logo {
	background:url(../../images/ui/msa-logo.png) no-repeat;
	width:165px;
	height:180px;
	float:left;
	position:absolute;
	margin-top:20px;

}
	
div#sub-nav{	
	float:left;
	background:url(../../images/ui/bg_sub-nav.jpg);
	width:887px;
	height:34px;
	margin:-30px 0 0 3px;	
	padding: 0px 0px 0px 0;
	}

/*END MASTHEAD*/	

/*START CONTENT*/

#content{
	clear:both;
	float:left;
	background:url(../../images/ui/body-main.jpg) repeat-y;
 	width:888px;
	margin: -8px 0px 0 3px;	
	min-height:510px;
	padding:0px 0 20px 0;
 }

#left-content{
	float:left;
	width:670px;
	height:auto;
	min-height:320px;
	margin:20px 10px 30px 10px;
	padding: 0 0 30px 10px;
	}
	
h1.mt {
	font-size:1.8em;	
	color:#003399;
	font-weight:bold;
	padding:8px 0 10px 0px;
	text-transform:capitalize;
	}
	

.img-strip{
	background: url(../../images/content/home_msa_img.jpg) no-repeat;
	width:652px;
	height:150px;
	float:left;
	margin:20px 0;}
	
div.left-img {clear:right;float: left; margin-top: 20px;padding: 15px 10px 0px 0; width: 210px; vertical-align:middle;}
div.right-img {float: right; margin-top:3px;padding: 5px 35px 5px 20px; width: 210px; vertical-align:middle;}
img.right-img {float: right!important; padding: 10px 10px 5px 0;}
img.center-img {text-align:center;}
div.center-img {width: 652px;text-align:center;}



p{
	font-size:12px;
	padding:5px 25px 0 0;
	color:#000000;
	text-align:left;
	}

p.bold { font-weight:bold; margin:0px 20px 5px 0px; }

.separator-1 {border-bottom:1px solid #666666;margin:0 20px 0px 0px;}
.separator {clear:both;border-bottom:1px solid #666666;margin:5px 20px 5px 0px;}
.separator-vessels{clear:both;border-bottom:1px dashed #DDDDDD;margin:5px 20px 5px 0px;}
.break {clear:both;}


hr {margin: 0; color:#666666; padding:0;}

h3 {padding:0;}
	
.red {color: #FF0000; font-size:1.0em; margin: 20px 0!important;}
.dark-blue { color:#003399; font-weight:bold;}	
h2.st {
	font-size:1.4em; 
	margin: 0px 20px 0 0;
	color:#003399; 
	text-transform:capitalize!important;
	clear:both;
}

.st-vessel{
	font-size:1.3em;
	color:#003399;
	padding:10px 0 0 10px;
	text-transform:capitalize;
	clear:both;
	
	font-weight:bold;
	height:30px;
}

.st-company{
	
	padding:10px 0 0 15px;
	font-weight:bold;
	font-size:1.1em;
	}


/*----START DIV 3 Columns----*/
.float-col {float: left;width: 100%; padding: 1.5em 0;clear: both; margin: 10px 0 0 0px; }
.float-col div {width: 30%; height:auto; float: left; margin: 0px 0 0 8px;display: inline;  }
.float-col div p{padding: 10px 10px; } 
.float-col div img{padding: 10px 10px; } 
.float-col div h2{padding: 10px 10px; text-align:center; border-bottom: #003399 1px solid; }
.float-col div a {font-size: 1.0em; font-style:italic;}


/*----END DIV 2 Columns----*/



/*----news-content--*/

h1.latest-news{
	font-size:1.4em;
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	background-color:#3399FF;
	padding:4px 0 4px 2px;
	width:670px;
	}


.news-content{
	float:left;
	width:350px;
	
}

.news-content p{text-align:justify; font-size:1.2em;}

.news-docs{
	float:left;
	width:300px;
    border-left:1px dotted #dddddd;
	margin:10px 0 0 0;
	}

ul.news-pdf {color:#000000;font-size:1.1em;list-style:none;line-height:2.2em;text-indent: 1.5em;margin: 20px 0px 20px 6px;}	

ul.news-pdf li { background:url(../../images/ui/adobe-rdr-bullet.gif) no-repeat 4px 4px; padding:5px 0; border-bottom:1px dotted #666666;}
ul.news-pdf li a{color:#000000; padding:0 0 0 10px; font-weight:700; }
ul.news-pdf li a:hover {color: #FF0000;}
	





/*----START.contact-frm----*/
.contact-frm { margin:0 20px 30px 0; width:400px}
.contact-frm legend {display:none;}
.contact-frm fieldset {border:0; font-size:1.1em;}
.contact-frm fieldset ol {}
.contact-frm fieldset ol li {list-style-type:none; margin:0.5em 0 0 1.0em;}
.contact-frm fieldset ol li label.inline {display:inline !important;}
.contact-frm fieldset ol li label.n {color:#000000; background-color:inherit; display:block;}
.contact-frm fieldset ol li .input_sel option {}
.contact-frm fieldset ol li .input_txt  {border:1px solid #003366; padding:2px;}
.contact-frm fieldset ol li .input_txt:focus {border:1px solid #EDbd2b;}
/*comments-box*/
.contact-frm fieldset ol li .input_ta {border:1px solid #003366; padding:4px; font-size:1.0em; overflow:auto;}
.contact-frm fieldset ol li .input_ta:focus {border:1px solid #EDbd2b;}
/*comments-btn*/
.contact-frm fieldset ol li .btn {color:#FFFFFF;border:1px solid #ffffff;background-color:#003399;padding:2px;font-size:1.0em;
								  cursor:pointer;font-weight:bold;}
.contact-frm fieldset ol li .btn:hover {color:#FFFFFF;background-color:#004499;}

.contact-frm fieldset ol.type-upper-alpha li {list-style-type:upper-alpha;}
.contact-form-err {margin:0 30px 40px 0;}
.contact-form-err li {color:#E72828;
					list-style-type:none;
					margin:1.0em 0;
					padding:0em 1.0em 1.2em 2.5em;
					font-size:1.1em;
					border-bottom:1px solid #E9EEF5;
					background:url(../../images/ui/dialog-error.png) no-repeat;
}
.contact-form-err li label {cursor:pointer;}
.contact-form-err-title {font-size:1.4em;}

/*----END.contact-frm----*/

/*----TABLE----*/

table.schedule { width:820px; font-size: 1.0em; text-align:center; margin: 20px 20px 10px 0;}

table.schedule tr td.col-1{ border:1px solid #666666; font-size:1.1em;}
table.schedule tr td {border:1px solid #666666; padding:2px 0px;}
.col{ border:1px solid #666666; font-size:0.9em; font-weight:bold; background:#004488; color: #EDbd2b; }
tr.header td{ 
	background:#004488; 
	color: #EDbd2b;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-top-color:#004488;  
	vertical-align:middle;
}

tr.header-weekly td{ 
	background:#000000; 
	color: #EDbd2b;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-top-color:#004488;  
	vertical-align:middle;
}

tr.yellow td{ background-color:#FFFF99; border:1px solid #666666;
	border-right:1px solid #666666;
}
	/*ETA Guam*/
.guam { font-size:1.0em!important; color:#FF0000; font-weight:bold; border-right: 2px solid #000000!important; border-left: 2px solid #000000!important;}
.guam_eta { font-size:1.10em!important; font-weight:bold; }
.guam_top { font-size:1.0em!important; color:#FF0000; border: 2px solid #000000!important; border-bottom:none!important; font-weight:bold;}
.guam_btm { font-size:1.0em!important; color:#FF0000; font-weight:bold; border: 2px solid #000000!important; border-top:none!important; }
	/*booking-deadlines*/
.td_body { font-size:1.0em!important; color:#330033; font-weight:bold; border-right: 2px solid #000000!important; border-left: 2px solid #000000!important; width:60px;}
.booking_hdr { font-size:1.0em!important; color:#003399; background-color: #330033!important; font-weight:bold; border-right: 2px solid #000000!important; border-left: 2px solid #000000!important; width:60px;}
.top { font-size:1.0em!important; color:#330033; border: 2px solid #000000!important; border-bottom:none!important; font-weight:bold; width:60px;}
.btm { font-size:1.0em!important; color:#330033; font-weight:bold; border: 2px solid #000000!important; border-top:none!important; width:60px; }


.guam_left { font-size:1.0em!important; color:#003399; font-weight:bold;  border-left: 2px solid #000000!important;}
.guam_right { font-size:1.0em!important; color:#003399; font-weight:bold; border-right: 2px solid #000000!important; }
.guam_top_left { font-size:1.0em!important; color:#003399; border-top: 2px solid #000000!important; border-left: 2px solid #000000!important; font-weight:bold;}
.guam_top_right { font-size:1.0em!important; color:#003399; border-top: 2px solid #000000!important; border-right: 2px solid #000000!important; font-weight:bold;}
.guam_btm_left { font-size:1.0em!important; color:#003399; font-weight:bold; border-bottom: 2px solid #000000!important; border-left: 2px solid #000000!important; }
.guam_btm_right { font-size:1.0em!important; color:#003399; font-weight:bold; border-bottom: 2px solid #000000!important; border-right: 2px solid #000000!important; }


	

	

table.vessel {width:600px; font-size: 1.1em; text-align:center; margin: 20px 20px 10px 0; }



/*----END TABLE----*/

	/*ul classes*/

ul.list{}
ul.list li {font-size: 1.2em; list-style:none; margin: 10px 20px 0 0px;padding: 5px 0 0 0px;}
ul.list li span {list-style:none;width: 100%; padding: 0px 0; text-decoration:underline; font-weight:bold;}

ul.list-dot{}
ul.list-dot li {font-size: 1.2em!important; list-style:disc; margin: 5px 20px 0 20px;padding: 5px 0 0 0px; line-height:1.6em;}
ul.list-dot li ul{ margin: 5px 20px 0 10px;}
ul.list-dot li ul li { list-style-type:none!important;  font-size:1.0em!important;padding: 5px 0 0 0px;}




ul.list-port { margin:20px 0 20px -20px;}
ul.list-port li { display: inline; border-right: 1px #000000 solid; font-size:1.2em; line-height: 2.3em;padding: 0 20px; text-transform:capitalize;}


/*pdf*/

ul.pdf {color:#000000;font-size:1.2em;list-style:none;line-height:2.7em;text-indent: 2.7em;margin: 20px 20px 10px 0;}	
ul.pdf li {}
ul.pdf li.forms {background:url(../../images/ui/adobe-rdr-bullet.gif) 4px 8px no-repeat!important;border-top:1px dotted #666666;
border-bottom:1px dotted #666666;}
ul.pdf li a{font-weight:bold;color:#000000;}
ul.pdf li a:hover {color: #FF0000;}

p.get_acro{margin: 10px 20px 20px 0;font-size:1.2em;border-top: #666666 solid 1px;}
p.get_acro a {
	margin:10px 5px 0 0;
	display:block;
	float:left;
	background-image:url(../../images/ui/get_adobe_reader.gif);
	background-repeat:no-repeat;
	width:112px;
	height:33px;
	text-indent:-9999px;
}

ol{margin: 20px 0 0 0;}

ol li{ line-height:18px; color:#000000; margin: 0 0 5px 30px; font-size:1.2em;}

#links {float: left;width: 100%; padding: 2em 0;;clear: both;}
#links div {width: 30%; height:150px; float: left;padding: 0 1%;display: inline;}

/*----END LEFT-CONTENT----*/

/*----START-RIGHT-CONTENT----*/


#right-content{
	float:left;
	width:174px;
	margin:0px 10px 0 -12px;
	padding:0;
	font-size:1.2em;
	background-color:none;
	}

#right-content .sub-nav-top{
	background:url(../../images/ui/sub-nav-top.gif) no-repeat;
	margin:10px 0 0 10px;
	width:174px;
	height:40px;
	}

#right-content .sub-nav-top h3{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	padding:15px 0 0 8px!important;
}

ul.sub-nav{
	background-color:#fdf8ed;
	width:172px;
	margin:0px 0 0 10px;
	color:#000000;	
	}
	
ul.sub-nav li{	
	list-style: none;
	width: 160px;
	line-height:18px;
	border-bottom: dashed 1px #666666;
	padding:0 0 0 7px;
	font-weight:normal;
}

ul.sub-nav li.last{
	border-bottom:none;
	}

ul.sub-nav li a{ color:#000000;}
ul.sub-nav li a:hover{ color:#ff0000;}

#right-content .sub-nav-btm{
	background:url(../../images/ui/sub-nav-btm.gif) no-repeat;
	margin: 0 0 0 10px;
	width:174px;
	height:16px;}


/* END CONTENT */

/* START #footer */

#footer {
	clear:both;
	background:url(../../images/ui/footer.png) 0px 0 no-repeat;
	margin: 5px 0 0 -5px;
	height: 55px;
	background-position:bottom;
	color:#666666;
	
	
}

#footer p {
	float:right;
	margin:25px 10px 0px 0px;
	width:auto;	
	
	}
#footer p a {font-weight:bold;}
#footer p a:hover{}

#gallery_id{
	margin:0 0 0 0;
	text-align:center;
	}

#tag{
	margin:55px 0px 0 36%;
	text-align:left;
	font-size:1.8em;
	color:#000066;
	font-weight:bold;
	}
	
#news-ticker {
	float:left;
	margin:4px 0 0 0;
	
}