@charset "UTF-8";
/* CSS Document */

* {

	margin: 0;

	padding: 0;

}



body {

	background: #f2f3ee;

	font: normal 12px/1.6em Verdana, Helvetica, sans-serif;

	color: #535353;

	text-align: center;

}



fieldset {

	border: 0;

}



a img, :link img, :visited img {

	border: 0;

}



a, a:visited {

	color: #508ba9;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

	color: #508ba9;

}



ul li {

	padding-left: 10px;

	position: relative;

	list-style-type: none;

	background: url(/images/icon_list.gif) no-repeat 0 6px;

}

h2 {
	font-size: 1.4em;
	margin-bottom: 8px;
}

h3 {

	font-size: 1.1em;
	
	padding: 0 0 5px 0;

}



h4 {

	font-size: 1.1em;

}

h5 {
	position: relative;
	
	left: 120px;
	
	top: -70px;
	
	font-size: 1.1em;
	
}


h6 {
	position: relative;
	
	left: 175px;
	
	top: -70px;
	
	font-size: 1.1em;
	clear: none;
}



hr {

	width: 100%;

	height: 1px;

	margin: 10px 0;

	color: #ccc;

	background: #ccc;

	border: 0;

}







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

	Custom Classes

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



/*	Document Setup

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



#index {

	width: 900px;

	margin: 0 auto;

	background: #fff;

	border: 20px solid #e8eae1;

	border-top-width: 8px;

	border-bottom: 0;

	text-align: left;

}



.title, .title a {

	display: block;

	text-indent: -9000em;

	overflow: hidden;

}



#body p,

#body ul,

#body ol {

	margin-bottom: 15px;
}

ol {

	margin: 0 30px 15px 45px;
}


#logo {
	float: left;
	
	padding: 10px 0px 0px 10px;
	
	clear: none;
	
}

#logo a:image {
	text-decoration: none;
	
}


/*	trNav

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#trNav {
	float: right;
	position: relative;
	right: 0px;
	padding: 10px 10px 0 0;
	text-align: right;
	font-size: 0.8em;
	clear: none;
}


#trNav li {

	padding: 0 13px 0 17px;

	display: inline;

	background: transparent;

	line-height: 10px;

	font-size: 1.1em;

	border-left: 1px solid #d9d9d9;

}



#trNav li.first {

	padding-left: 0;

	border: 0;

}

#trNav a:link, #trNav a:visited {
	color: #969696;
	
	text-decoration: none;
}

#trNav a:hover, #trNav a:active, #trNav a:focus {

	color: #508ba9;

	background: transparent;

}




/*	Masthead

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



#masthead {

	width: 100%;

	height: auto;
	
	clear: both;
	
	position: relative;
	
	top: -35px;
}




#masthead a:link, #masthead a:visited {

	color: #555;

	text-decoration: none;

}



#masthead a:hover, #masthead a:active, #masthead a:focus {

	color: #508ba9;
	background-color: transparent;
}



#masthead ul {

	width: 100%;
	
	text-align: center;

	padding: 10px 0 5px 0px;

	float: right;

}



#masthead li {

	padding: 0 35px 0 35px;

	display: inline;

	background: transparent;

	line-height: 10px;

	font-size: 0.9em;
	
	font-weight: bold;

	border-left: 1px solid #d9d9d9;

}



#masthead li.first {

	padding-left: 0;

	border: 0;

}



/* --- UI --- */



#masthead #ui {

	width: 890px;

	height: 24px;

	margin: 14px 0 0 0;

	padding: 0 0 0 0;

	float: right;

}



#ui li {

	float: left;

	padding: 0;

	border-left: 1px solid #d8dadb;

}



#ui li.first {

	border: 0;

}



#masthead #ui a:link, #masthead #ui a:visited {

	height: 24px;

	float: left;

	text-indent: -9000em;

	overflow: hidden;

}



#masthead #ui a:hover, #masthead #ui a:active, 

#masthead #ui a:focus {

	background-position: left bottom;

}









/*	Messaging

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




#home #index #messaging {

	height: 182px;
	background: url(../images/messaging.jpg) no-repeat center;
	position: relative;
}


#home #index #aboutusMessaging {

	height: 130px;
	background: url(../images/messagingAboutUs.jpg) no-repeat center;
}


#home #index #capabilitiesMessaging {

	height: 130px;
	background: url(../images/messagingCapabilities.jpg) no-repeat center;
}

#home #index #technicalMessaging {

	height: 130px;
	background: url(../images/messagingTechnical.jpg) no-repeat center;
}

#home #index #productsMessaging {

	height: 130px;
	background: url(../images/messagingProducts.jpg) no-repeat center;
}

#home #index #marketsMessaging {

	height: 130px;
	background: url(../images/messagingMarkets.jpg) no-repeat center;
}

#home #index #faqMessaging {

	height: 130px;
	background: url(../images/messagingFAQ.jpg) no-repeat center;
}

#home #index #legalMessaging {

	height: 130px;
	background: url(../images/messagingLegal.jpg) no-repeat center;
}

#home #index #contactMessaging {

	height: 130px;
	background: url(../images/messagingContactUs.jpg) no-repeat center;
}

#home #index #quoteMessaging {

	height: 130px;
	background: url(../images/messagingQuote.jpg) no-repeat center;
}

/* --- ui secondary --- */



#sidebar #ui_secondary {

	width: 234px;

	float: left;

	clear: none;

	padding: 10px 0 0 0;

	margin: 0 0 67px 0;

}



#ui_secondary ul {

	width: 234px;

	margin: 0;

	padding: 0;

	float: right;

	clear: both;

}



#ui_secondary li {

	margin: 0;

	padding: 0;

	width: 234px;

	float: left;

	background: transparent;

}



#ui_secondary li a:link,

#ui_secondary li a:visited,

#ui_secondary li.active ul a:link,

#ui_secondary li.active ul a:visited {

	width: 199px;

	float: right;

	margin: 0;

	padding: 3px 5px 3px 10px;

	background-image: url(/images/icon_list_secondary.gif);

	background-repeat: no-repeat;

	background-position: 0 9px;

	font-size: 1em;

	font-weight: normal;

}



#ui_secondary li a:hover,

#ui_secondary li a:active,

#ui_secondary li a:focus,

#ui_secondary li ul a:hover,

#ui_secondary li ul a:active,

#ui_secondary li ul a:focus,

#ui_secondary li.active ul li a:hover,

#ui_secondary li.active ul li a:active,

#ui_secondary li.active ul li a:focus {

	color: #508ba9;
	
	text-decoration: underline;
	
	cursor: pointer;

}



#ui_secondary li ul a:link,

#ui_secondary li ul a:visited,

#ui_secondary li.active ul li a:link,

#ui_secondary li.active ul li a:visited {

	width: 179px;

	background-position: -2px 9px;

}



#ui_secondary li.active {

	background: #e7e7e7;

}



#ui_secondary li.active ul li {

	background: #fff;

}



#ui_secondary li.active a:link,

#ui_secondary li.active a:visited,

#ui_secondary li.active a:hover,

#ui_secondary li.active a:active,

#ui_secondary li.active a:focus {

	font-weight: bold;

	background-color: transparent;

	cursor: default;

	color: #508ba9;

	background-image: url(/images/icon_list_secondary.gif);

}





/*	Body

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/*	Body: Content

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



#content {

	width: 100%;

	padding: 20px 50px 50px 25px;

	float: left;

	background: url(/images/bg_body.jpg) no-repeat right top;

}



#interior #body_content_wrapper {

	width: 100%;

}


#content #body_leftside_content_wrapper {

	width: 510px;
	
	float: left;

}



#interior_terminalmap #content {

	min-height: 0;

	padding-bottom: 0;

	background: transparent;

}



#home #content {

	width: 855px;

	padding: 17px 22px;

}


#rightside_column_content {
	float: right;

	width: 334px;
	
}

#rightside_column_content .newsItem .butt  {
	background: url(../images/quoteButtonHover.jpg) no-repeat;
	height: 30px;
	width: 344px;
	margin-bottom: 10px;
	
}

#rightside_column_content .newsItem .butt:hover {
	background: url(../images/quoteButtonOpen.jpg) no-repeat;
}

#content #body_rightside_content_wrapper {

	width: 640px;
	
	float: right;

}


#leftside_column_content {
	float: left;

	width: 200px;
	
}

#listBox {
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 3px 5px 3px 8px;
	border: 2px solid #999999;
}

#listBoxHeader {
	font-weight: bold;
	font-size: 1.1em;
}


.subnav li {
	padding: 3px 0px 0px 10px;
	
	font-weight: bold;	
}

#leftside_column_content .subnav li a {
	color: #508ba9;
	padding: 0 5px;
}

#leftside_column_content .subnav li a:hover {
	color: #508ba9;
	padding: 0 5px;
	text-decoration: underline;
}

#leftside_column_content .subnav li a.current {
	background-color: #508ba9;
	color: #ffffff;
	padding: 0 5px;
}


#header {

	margin-bottom: 10px;

}

#legalWrapper {
	padding: 10px 30px;
}

#legalWrapper h3 {
	padding: 25px 0 0 0;
}









/*	Footer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



#footer {

	width: 900px;

	height: 40px;

	margin: 0 auto;

	padding: 15px 20px 0 20px;

	clear: both;

	background: #e8eae1;

	color: #858585;

	font-size: 0.8em;

	line-height: 1.4em;

	text-align: left;

}



#copyright {

	width: 500px;

	float: left;

}



#footer_links {

	width: 400px;

	float: right;

	text-align: right;

}



#footer_links li,

#footer_linka a {

	float: right;

}



#footer_links li {

	border-right: 1px solid #d9d9d9;

	padding: 0 14px;

	background: transparent;

}



#footer_links li.last {

	border: none;

	padding-right: 0;

}



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

	Form Styles

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



.input_class {

	border: 1px solid #9da8b0;

	font: normal 10px/1.6em Verdana, Helvetica, sans-serif;

	color: #969696;

}



.required {

	color: #f00;

}







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

	Miscellaneous

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



/* http://www.access-board.gov/sec508/guide/1194.22.htm#(o) */

#skip {

	position: absolute;

	left: -9000em;

}



/* http://microformats.org/wiki/hcard */

.vcard {

	display: none;

}



.clearfix {

	width: 100%;

	height: 0;

	clear: both;

}





/* --- lightbox --- */



#lightbox {

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 950;

	text-align: center;

	line-height: 0;

}



#lightbox a img { 

	border: none; 

}



#outerImageContainer {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}



#imageContainer {

	padding: 10px;

}



#loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

	

#hoverNav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 900;

}



#imageContainer>#hoverNav { 

	left: 0;

}



#hoverNav a { 

	outline: none;

}



#prevLink, #nextLink {

	width: 49%;

	height: 100%;

	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

} 



#prevLink { 

	left: 0; 

	float: left;

}



#nextLink { 

	right: 0; 

	float: right;

}



#prevLink:hover, 

#prevLink:visited:hover { 

	background: url(/images/prevlabel.gif) left 15% no-repeat; 

}



#nextLink:hover, 

#nextLink:visited:hover { 

	background: url(/images/nextlabel.gif) right 15% no-repeat; 

}





#imageDataContainer {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

}



#imageData {

	padding: 0 10px;

}



#imageData #imageDetails { 

	width: 70%; 

	float: left;  

	text-align: left; 

}

 

#imageData #caption { 

	font-weight: bold;	

}



#imageData #numberDisplay { 

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}



#imageData #bottomNavClose { 

	width: 66px; 

	float: right;  

	padding-bottom: 0.7em;

}

		

#overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 800;

	width: 100%;

	height: 500px;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

}

.clear {
	clear: both;
}


.clear:after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

	clear: both;

}