body{
	margin:0px;
	font-family:Tahoma;
	font-size:11px;
	color:#444444;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#container{
	position:relative;
	margin:auto;
	width:910px;
}
/* =======  Common  =========*/
a{color:#444444;text-decoration:none;}
a:visited{color:#444444;}
a:hover{ color:#88BE1E}
.textbox{
	background-image: url(images/textbox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:197px;
	height:24px;
	padding-top:2px;
	text-align:left;
}
.textbox input{
	background-color:transparent;
	width:165px;
	height:18px;
	border:0px;
	padding-left:8px;color:#444444; font-size:12px
}
.textarea{ border:1px solid #DDDDDD; padding-left:8px;color:#444444; font-size:12px; width:260px; height:120px }
.Errmessage{ font-weight:bold; font-size:12px; color:#88BE1E}

.dropdown{
	color:#196D9E; font-weight:bold; font-size:12px;
	width:197px;
	height:20px;
	text-align:left;
	z-index:0;
}
.dropdown option{ z-index:0}

h3{ margin:0px; padding:0px; font-size:15px; font-weight:normal}
.green{ color:#88BE1E}
.blue{color:#3694CA}
.blueBold{ color:#196D9E; font-weight:bold}
.bullet{
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding:0px 0px 0px 14px;
}
.allimages{margin:10px 0px 10px 0px; padding:5px 5px 5px 5px; text-align:center; border:1px solid #E3D9D9}
.image{margin:10px 0px 10px 0px; padding:5px 4px 10px 4px; text-align:center; border:1px solid #E3D9D9} .image img{ padding-bottom:5px; border:0px}
.image a{ display:inline!important; padding:0px!important; background:none!important; margin:0px; }
.image a:hover{background:none!important;}
.imgBorder{ border:1px solid #c1c1c1!important;padding:3px!important;}


.button{ padding:3px 10px 3px 10px; background:url(images/sub_menu.jpg) repeat-x left top; margin-bottom:2px;}
.button:hover{background:url(images/sub_menuo.jpg) repeat-x left top; color:#FFFFFF}


hr{ height:1px; background:transparent; color:#e1e1e1; border:0px; background-color:#e1e1e1}
.CustomPaging
{
	border-style: solid;
	overflow:hidden;
	border-width: 0px;
	border-color: #CCCCCC;
	position: relative;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}
.Paging
{
	position: relative;
	padding: 2px 6px 2px 6px;
	margin-left: 2px;
	border: 1px solid #EBE9E7;
	text-decoration: none;
	background-color: #75ac09;
	color:#ffffff!important
}
.Paging:Hover
{
	color:#FFFFFF;
	background-color: #3592c8;
	text-decoration:none;
}

.visited
{
	position: relative;
	padding: 4px 8px 4px 8px;
	margin-left: 2px;
	border: 1px solid #EBE9E7;
	text-decoration: none;
	background-color: #75ac09;
	cursor:pointer;
	color:#FFFFFF;
}
.visited:Hover
{
	/*background-color: #FC9A2E;*/
	text-decoration:none;
	color:#FFFFFF;
}
.table{ border:1px solid #3592c8; }
.tblHeader td{ background-color: #3592c8; color:#FFFFFF; font-weight:bold;}
.tblHeader1 td{ background-color: #88BE1E; color:#FFFFFF; font-weight:bold; /*border-color:#e1e1e1!important*/}
.tblHeader2 td{ background-color: #3592c8; color:#FFFFFF; font-weight:bold}
.table td{border-left:1px solid #3592c8; border-bottom:1px solid #3592c8; }

.table-td{background-color: #3592c8; color:#FFFFFF; font-weight:bold;}

.list{ margin:0px 0px 0px 25px; padding:0px}
.list li{ margin:0px; padding:0px 0px 2px 0px}

/*===========  Header  ============*/
#Header{
	height:82px;
	padding-top:12px;

}
#Header #Links{
	position:absolute;
	top:20px;
	left:565px;
	text-align:right
}
#Logo{} #Logo img{ border:0px;} #Logo span{ color:#FF0000;  font-size:16px; position:absolute; top:28px;}
#Menu{
	position:relative; z-index:100
}
#search{ margin-top:16px; float:right;position:relative; padding-left:2px;} 
#btnSearch{
	background-image: url(images/btnSearch.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:26px; height:24px; border:0px; top:0px; left:172px;
	position:absolute; background-color:transparent
}
/*=============== ContantArea ==============*/
#ContantArea{
	overflow:auto;
	height:100%;
	min-height:673px;
}
#PageArea{
	overflow:auto;
	height:100%;
}
/*===================  Home Page =================*/
#NewsArea{
	height:235px;
	overflow:hidden
}
#NewsArea #NewsEvents{
	width:298px;
	height:235px;
	float:left;
	background-image: url(images/news_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;	
	background-color:#FFFFFF; 
}
#NewsArea #NewsEvents #news{

}
.sticky{margin:0px 0px 0px 0px!important;}
.sticky li{ background:url(images/g2.jpg) left top repeat-x #45779a !important; color:#FFFFFF}
.sticky li a{ color:#FFFFFF!important}
.sticky2{margin:0px 0px 0px 0px!important;}
.sticky2 li{ background:url(images/g1.jpg) left top repeat-x #87BF1E !important; color:#FFFFFF}
.sticky2 li a{ color:#FFFFFF!important}



.sticky-notics {position:relative; overflow:auto; height:57px}
.sticky-notics li {position:absolute; top:0; left:0; z-index:1; opacity:0.0;}
.sticky-notics li.active { z-index:3; opacity:1.0;}
.sticky-notics li.last-active {z-index:2;}


#NewsArea #NewsEvents .panel-body{	
	padding:0px 6px 0px 6px; 
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;
	height:218px;
}
#NewsArea #NewsEvents h3{ border-bottom:1px solid #D4D4D4}
#NewsArea #NewsEvents #news ul{ margin:0px 0px 10px 0px; padding:0px; }
#NewsArea #NewsEvents #news ul li{ 
	margin:0px; 
	padding:10px 8px 0px 8px; height:47px; 
	list-style:none;
	background-image: url(images/item_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top; overflow:auto;	
}
#NewsArea #NewsEvents #news ul li a{color:#196D9E; font-weight:bold}
#NewsArea #NewsEvents #news ul li span{ float:right; position:static}
#NewsArea #NewsEvents .links{ position:absolute; top:345px;left:5px;}

/* Ticker */

#Ticker{
	background-image: url(images/ticket_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top; 
	height:18px;
	border:1px solid #CCCCCC;
	margin-top:8px;
	padding:3px 5px 0px 5px;
	clear:both;
}
#Ticker #weatherInfo{ float:right; width:280px; position:relative;}
#Ticker .weatherInfo{position:absolute; left:535px }
#Ticker img{ position:absolute; margin:2px 0px 0px 8px;}
#Ticker #TideInfo{float:left; width:250px; height:18px; }
#Ticker #TideInfo ul{ margin:0px; padding:0px}
/* --------  Panels ------*/
#Panels{
	margin-top:10px;
}
.pnl{
	width:298px;
	height:206px;
	background-image: url(images/pnl_bottom1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom; 
	position:relative;
	float:left;
	margin-bottom:10px;
}
.pnl div{height:190px; 
	border-right:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	background-image: url(images/pnl_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.pnl div h3{ height:28px; padding:4px 0px 0px 10px; margin-bottom:20px;}
.pnl div h3 img{ position:absolute; left:235px;top:10px}
.pnl div p{padding:0px 10px 0px 10px; margin:12px 0px 12px 0px}
.pnl div .bullet{ position:absolute!important; top:178px}

#Introduction div h3{ 
	background-color:#3592C8; 
	color:#FFFFFF;
}
#AtGlance { margin:0px 8px 0px 8px}
#AtGlance div h3{ 
	background-color:#88BE1E; 
	color:#FFFFFF;
}
#Message div h3{ 
	background-color:#3592C8; 
	color:#FFFFFF;
}

#Developement{ height:176px; margin-right:8px;}
#Developement div {height:160px;}
#Developement div .bullet{ top:150px}
#Developement div h3{ 
	background-color:#2E2E2E; 
	color:#FFFFFF;
}
#ShippingIntelligence{
	background-image: url(images/ship_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:7px;
	float:left;
}
#ShippingIntelligence .rightend{
	background-image: url(images/ship_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right:7px;
	width:590px;
	height:177px;
}
#ShippingIntelligence div .desc{
	height:165px;
	border-top:1px solid #D0D0D0;border-bottom:1px solid #D0D0D0;
	background-image: url(images/ship_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding:10px 10px 0px 10px;
}#ShippingIntelligence div .desc h3{ border-bottom:1px solid #d0d0d0}
#ShippingIntelligence a{ 
	display:block;
	background-image: url(images/link_bg.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	padding:6px 0px 6px 10px;
	margin-bottom:3px;
}#ShippingIntelligence a:hover{background-image: url(images/link_hover.jpg); color:#FFFFFF}
#ShippingIntelligence a span{
	background-image: url(images/bullet1.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left:10px;
}#ShippingIntelligence a:hover span{ background-image: url(images/bullet1_over.png);}

/* -------------  inner pages  ---------------------*/
#column1{ width:710px; float:left; background:url(images/bottom.jpg) no-repeat left bottom; padding-bottom:8px } 
#Description{border-left:1px solid #e3d9d9;border-right:1px solid #e3d9d9; background-color:#FFFFFF}
#Description p { margin:0px; padding:6px 0px 6px 0px;}

#details{ padding:6px 30px 0px 37px; min-height:300px; text-align:justify}

.siteImage{ float:right; margin:0px 0px 6px 14px; padding:3px; border:1px solid #e3d9d9 }
.img-top-padding{ margin-top:8px!important;}


.siteLinks{ padding-top:12px; margin-bottom:18px}
.PageHeading{ background:url(images/bullet2.jpg) no-repeat 13px 12px; padding:2px 20px 2px 30px;}
.PageHeading div{ border-right:1px solid #e3d9d9;border-left:1px solid #e3d9d9; height:45px}
.PageHeading h1{border-bottom:1px solid #e3d9d9;color:#3592c8; margin:0px; padding:5px 0px 5px 5px; font-size:16px; font-weight:normal}

.subH1{ color:#75ac09; font-size:13px}

#SubMenu{ width:184px; margin-left:15px; float:left}
#SubMenu a{ display:block; padding:6px 0px 6px 8px; background:url(images/sub_menu.jpg) repeat-x left top; margin-bottom:2px;}
#SubMenu a:hover{background:url(images/sub_menuo.jpg) repeat-x left top; color:#FFFFFF}
#SubMenu a span{background:url(images/b1.jpg) no-repeat left 4px; padding:0px 0px 0px 12px}
#SubMenu a:hover span{ background-image:url(images/b1over.jpg)}

/*================= Footer =================*/
#Footer{
	clear:both;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-color:#DEDEDE;
	background-position: left top;		

}
#Footer div{
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
	background-color:#DEDEDE;
	margin:auto;
	width:910px;
	padding-top:30px;
}
#Footer div p{ text-align:center; padding:0px 0px 10px 0px; margin:0px}
#Footer div a{ padding:0px 10px 0px 10px;}