/* CSS Document */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000;
}

h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:19px;
	color:#FFF;
}

#h3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:19px;
	color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
}

#h3 a {
color:#FFF;
}

h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
}

.blue_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;	
	color:#0066CC;
}

html, body , #wrapper
{
	height:100%;
	margin:0;
	padding:0;
	border:none;
	text-align:center;
}


#wrapper 
{
	margin: 0 auto;
	width: 955px;
	text-align: left;
	vertical-align:middle;
	overflow:hidden;
}

#header
{
	float:left; 
	background-image:url(images/top_nav.png);
	height:197px; 
	width:955px;
	overflow:hidden;
}

.header_main
{
	float:left;
	width:655px; 
	height:197px;
}
	
#header_nav_logo
{
	float:left;
	width:165px; 
	height:197px
}

.header_nav_bar_l
{
	float:left; 
	height:97px; 
	width:655px;
}

.header_nav_bar_r
{
	float:left; 
	height:197px; 
	width:135px;
}

.header_nav_bar_r_inner{float:left; width:135px; height:26px;}
.header_nav_bar_r_spacer1{float:left; width:135px; height:25px;}
.header_nav_bar_r_spacer2{float:left; width:135px; height:61px;}

#nav_about{float:left;}
#nav_benefits{float:left;}
#nav_news{float:left;}
#nav_markets{float:left;}
#nav_cargoes{float:left;}
#nav_members{float:left;}
#nav_login{float:left; width:37px; height:25px;}
#nav_login_spacer{float:left; width:68px; height:25px;}
#nav_lang{float:left; width:56px; height:20px; text-align:left;}
#nav_lang_spacer{float:left; width:16px; height:20px;}
#nav_print{float:left; width:35px; height:20px;}
	
#content
{
	float:left; 
	height:auto;
	width: 955px;
}

a:link {	
    color: #666666;
	text-decoration: none;
}


a:visited {	
    color: #666666;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: none;

}

a:active {
	text-decoration: none;
}


.row
{
	/* float: left;
	which was modified to none 2010-10-27 mma, 
	since problem when printing: the header is printed on a seperated page*/
	float:none; 
	width:955px;
	height:auto;
	padding-top:20px;
	overflow:hidden;
}

.left
{
	position:relative;
	float:left;
	width:318px;
	height:380px;
	overflow:hidden;
}
.middle
{
	position:relative;
	float:left;
	width:318px;
	height:380px;
	overflow:hidden;
}
.right
{
	position:relative;
	float:right;
	width:318px;
	height:380px;
	overflow:hidden;
}

.tout
{
	float:left; 
	height:160px;
	width:318px;
	text-align:left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.sub_banner
{
	float:left; 
	height:33px;
	width:772px;
	text-align:left;
	
	overflow:hidden;
}

.page_tab
{
	float:left; 
	width:265px;
	height:33px;
	background-repeat:no-repeat;
}

.breadcrumb
{	
	float:left;
	padding-top:15px;
	padding-top:10px;
	padding-left:7px;
	width:500px;
	font-size:11px;
	color:#999999;
	line-height:12px;
}

.sub_content
{
	float:left; 
	height:343px;
	width:771px;
	text-align:left;
	background-repeat:no-repeat;
	overflow:hidden;
}
.sub_nav
{
	float:left; 
	height:311px;
	width:182px;
	/*background-color:#E3E4DE;*/
	background-color:#E5F1F8;
	text-align:center;
	background-repeat:no-repeat;
	overflow:hidden;
}

.sub_nav_item
{
	float:left; 
	position:relative;
	height:32px;
	width:182px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	background-image:url(images/sub_nav_over.png);
	background-repeat: no-repeat;
	display: block;
	font-size:14px;
	line-height:15px;
	text-align:center;
	overflow:hidden;
}

.sub_nav_item a:hover a:visited
{
	float: left;
	display:block;
	font-size:14px;
	line-height:15px;
	height:32px;
	width:182px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.sub_nav_item span {
	position:absolute;
	left:10px;
	top:6px;
	margin:0;
	cursor: pointer;
}

.sub_nav_item a:hover img{visibility:hidden;}
.sub_nav_item img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible;}

.sub_left
{
	float:left; 
	height:311px;
	width:182px;
	text-align:left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.sub_center
{
	float:left; 
	height:311px;
	width:589px;
	text-align:left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.sub_right
{
	float:left; 
	height:344px;
	width:177px;
	text-align:left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.subpagetext
{
	float:left; 
	height:auto;
	width:545px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	/*font-weight:bold;*/
	text-align:left;
	overflow:hidden;
}

.tab
{
	float:left; 
	height:233px;
	width:318px;
	text-align:left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.copybox_1
{
	float:left;
	height:186px;
	width:127px;
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#33323F;
	letter-spacing:-1px;
	line-height:14px;
}

.copybox_pic
{
	float:left;
	height:186px;
	width:132px;
	background-repeat:no-repeat;
}

.copybox_2
{
	float:left;
	height:186px;
	width:127px;
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#33323F;
	letter-spacing:-1px;
	line-height:14px;
}
.copybox_home_news
{
	float:left;
	height:186px;
	width:259px;
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#33323F;
	letter-spacing:-1px;
	line-height:14px;
}

.sub_spacer
{
	padding-top:12px;
}

.big
{
	font-size:28px;
	font-weight:bold;
	color:#000;
	letter-spacing:-2px;
	line-height:24px;
}

#footer
{
	float:left; 
	width:955px;
	height:76px;
	padding-top:5px;
	background-repeat:repeat-x;
}

.footer_nav
{
	float:left; 
	height:28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}

#footer_privacy{float:left; width:156px;}
#footer_web{float:left; width:156px;}
#footer_faq{float:left; width:90px;}
#footer_sitemap{float:left; width:128px;}
#footer_greatlakes{float:left; width:250px;}
#footer_contactus{float:left; width:156px;}

.footer_empty{float:left; width:190px; height:10px;}
.footer_right{float:left; width:110px; height:10px;}

.footer_text
{	padding-left:12px;
	padding-right:12px;
	height:43px;
	font-family: Arial, Helvetica, sans-serif;;
	font-size:11px;
	line-height::12px;
	color:#FFF;
	text-align:left;
}
#footer a {color: white; }

#cw_footer
{
	float:left; 
	width:955px;
	height:40px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:center;
}

.copylink a:link {	
    color:#0066CC;
	text-decoration: none;
}


.copylink a:visited {	
    color: #0066CC;
	text-decoration: none;
}

.copylink a:hover {
	color: #0066CC;
	text-decoration: underline;

}
.smalltable
{
	font-size:12px;
}

.bigtable
{
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	color:#FFFFFF;
	background-color:#0076BD;
}

sub
{
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
	/*font-size: 65%;
    vertical-align:text-bottom;*/ 
}

.subscript10{
font-size:10px;
vertical-align:text-bottom;
font-weight:bolder;
}
.superscript10{
font-size:10px;
vertical-align:text-top;
font-weight:bold;
}
.subscript12{
font-size:12px;
vertical-align:text-bottom;
font-weight:bolder;
}
.subscript14{
font-size:14px;
vertical-align:text-bottom;
font-weight:bolder;
}

.flashfont {
	color: #F00;
	text-decoration: blink;
}