ol li{list-style-type: decimal !important;}
/* LAYOUT */
body {margin:0;border:0;padding:0;height:100%;max-height:100%;background:#002d36;font-family:arial, verdana, sans-serif;color:#000;font-size:12px;overflow: hidden;}
* html body { /* for internet explorer */padding:0 0 30px 0;}
p {line-height: 18px;}
.clear {clear:both;}
* :visited,* :link {color: #000;}
.back {position:absolute;top:0;right:0;}
#harborheader {position:relative;}
.headz {color:#e67919;}
a:hover {color: #e67919;}
a.selected:link {color:#e67919;}
a.link:link {text-decoration: underline;}
.selected {color:#e67919;}
#wrapper {position:fixed;top:0;left:0;bottom:30px;right:0;overflow:auto;text-align:center;}
* html #wrapper { /* for internet explorer */height:100%;width:100%;}
#bodycontent ul, #bodycontent ol {padding-left:15px !important;}


/* NAVIGATION */
#menu {float: right;background: #000 url(../images/menu_bg.gif) repeat-x;height: 35px;font-size: 11px;font-family: Verdana, Geneva, sans-serif; text-align: left;list-style: none; display: inline;}
#menu .side-l {height: 35px; width: 10px; background: url(../images/menu_r.gif) no-repeat;}
#menu .side-r {height: 35px; width: 10px; background: url(../images/menu_l.gif) no-repeat;}
.nav, .nav ul { list-style: none; margin: 0; padding: 0;display: inline;}
.nav {font-family: Verdana, Helvetica, sans-serif; position: relative;}
.nav li {float: left; margin: 0; position: relative;list-style: none; display: inline;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {display: block; padding: 11px 10px 9px; text-decoration: none; color:#fff;}
.nav li a:hover {border-bottom: 2px solid #e67919;color: #e67919;}
#nav-one li:hover a, #nav-one li.sfHover a {}
.myHover {border-bottom: 2px solid #e67919;background: #000 url(../images/menu_bg.gif) repeat-x; color: #e67919;}
#nav-one li:hover ul a, #nav-one li.sfHover ul a {background: #000; color: #fff; padding: 7px 6px;}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {background: #000 url(../images/menu_bg.gif) repeat-x; color: #e67919;}
.nav ul {background: #000; list-style: none; margin: 0; position: absolute; top: -999em; left: -1px;}
.nav li:hover ul,.nav li.sfHover ul {top: 35px;}
.nav ul li {border: 0; float: none;}
.nav ul a {border-bottom: 2px solid #000;padding-right: 20px; white-space: nowrap;}
.nav ul a:hover {background: #ccc; color: #000;}

#container {background:#002d36 url(../images/main_bg.jpg) repeat-x;position:relative;}
#footer {position:absolute;bottom:0;left:0;width:100%;height:30px;overflow:hidden;background:url(../images/footer.jpg) repeat-x;text-align:center;}
	#footer-wrap {margin: 0 auto; width: 950px;padding-top: 6px;text-align:left;}
	.selected {color: #e67919;}
	#footer-ticker {float:left; padding: 0 5px;color:#fff;}
	#footer-lang {float:left;padding: 0 15px 0 0;}
	
#header {margin: 0px auto; width: 950px;position:relative;}	
	#logo	{float:left;width:175px;height:59px;margin:25px 0 0 10px;background:url(../images/LOGOnew.gif) no-repeat;}
	#slogan {float:right;width:420px;height:65px;background:url(../images/slogan.jpg) no-repeat;margin-top:65px;}
	#banner {width: 950px;height:380px;background:url(../images/banner.jpg) no-repeat;z-index:4;}
#content {width: 950px;background:url(../images/content.jpg) repeat-y;min-height:300px;margin: 0 auto;text-align:left;}
* html #content {height:300px;}
#content li {list-style:disc;}
	#left {float:left; width:550px;min-height:300px; padding-left:29px;padding-right:30px;}
	#right {float:right;width:340px;}
	.transp {background:url(../images/content_t.png) repeat-x;}

	#right-banner{padding:5px 20px 0 20px;}
	
	#banner-content{height:200px;width:550px;background:#000;}
	#flash-content{height:160px;width:550px;background:#000;}
	#flash-content2{height:160px;width:540px;background:#000;padding:5px 5px 0 5px;}
	#bodyheader{width:550px;height:40px;color: #e67919;font-size:30px;font-style: italic;font-weight: 700;background:#000 url(../images/header.jpg) no-repeat;}
	#bodyheaderbg {padding-left:40px;height:40px;}
	#bodyheader2 {padding: 13px 75px 8px 0px;color: #e67919;font-size: 30px;font-style: italic;font-weight: 700;}
	#bodyheaderbg2 {padding: 13px 75px 20px 0px;background: url(../images/header.gif) no-repeat right bottom; font-size: 30px;color: #e67919;font-style: italic;font-weight: 700;}
	
	#bodycontent {padding: 20px 0px 20px 0px;width:550px;}	
		#houtleft {width: 200px; float:left;padding-top:10px;}
		#houtright {width: 280px; float:left;padding: 10px 0 0 10px;}
			dd {width: 150px;float:left;padding-bottom:10px;clear:both;}
			dt {width: 70px;float:left;padding-bottom:10px;}
			.msgbox {width:150px;}
			* #bodycontent ol {margin-left:0px !important;} 
	.newsheader {padding: 14px 0px 5px 0px;font-size: 18px;font-weight: 700;font-style: italic;color: #005096;border-bottom: 1px solid #5f91c8;margin-left:20px;margin-right:20px;}
		.news {padding: 4px 20px 9px 20px;border-bottom: 1px solid #5f91c8;line-height: 17px;margin-right:20px;}
		div.news {padding: 4px 20px 9px 20px;border-bottom: 1px solid #5f91c8;line-height: 17px;margin-right:20px;margin-left:20px;}
		.date {color: #e67919;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight:normal;}
		.title {color: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: 700;}
		.archive {margin:0 20px;padding: 9px 0px 9px 0;border-bottom: 1px solid #5f91c8;line-height: 17px;display: block;list-style-type: none !important;}
		.archivewrapper {padding: 0; margin: 0; display: block;}
		.archivenewstitle {padding: 5px 0;font-size:16px;font-weight:700;}
		.archivesummary {padding:0 0 10px 0;}
		.archivelist {display:block;text-decoration: none;list-style-type: none !important;}
		.readmore {font-size: 10px;color:#000 !important;}
		.readmore:link {font-size: 10px;color:#000 !important;}
		.head {text-decoration: none;display:block;list-style-type: none !important;}
		.head2 {text-decoration: none;display:block;list-style-type: none !important;margin-bottom:10px;}
		.noul {text-decoration: none;color:#333;list-style-type: none !important;}
		.noulticker {text-decoration: none;color:#fff;}
		.newsend {padding: 10px 20px 10px 20px;display: block;margin-right:20px;list-style-type: none !important;}
		div.newsend {padding: 10px 20px 10px 20px;display: block;margin-right:20px;margin-left:20px;}
	#newstitle {color:#000;font-size:16px;padding: 5px 0;font-weight:700;}
	img {border: 0;}

#credit {background:url(../images/foot-bg.jpg) repeat-x;margin:0 auto;width:100%;min-width:950px;position:relative;}
	#credit-wrap {position:relative;height:170px;width: 950px;background:url(../images/credit.jpg) repeat-x; margin: 0 auto;text-align:left;}
	#copyright {padding: 105px 50px 0px 0px;no-repeat right bottom;text-align: center;font-size: 10px;color: #9bb9cd;width: 185px;margin-left: 20px;}
	* html #copyright {width: 220px;}
	#iso{width:140px;height:55px;background:url(../images/iso.gif) no-repeat;margin-top:-55px;float:right;padding-right:20px;}
	
#myIframe {position:relative;height:600px;}
#jdwlFrame{height:225px;}
table {font-size: 12px;}
h4 {font-weight:700;font-size:14px;}
h3 {font-weight: 700; font-size: 16px;}
h2 {font-weight:700;font-size:17px;}
h1 {font-weight:700;font-size:18px;}
p {line-height: 18px;}
#xituzlogo {position:absolute;bottom:0;right:0;width:80px;height:80px;z-index:0;}
a.xituzlogo  {display:block;width:80px;height:80px;background:url(../images/asdp.gif) no-repeat top left;cursor:pointer;}
a.xituzlogo:hover {background:url(../images/asdp.gif) no-repeat bottom left;}
.ui-accordion {padding:0;}

.even {background: #DEF2FF;font-size:11px;font-weight:normal;}
.odd {background: #fff;font-size:11px;font-weight:normal;}
.harborlink {display:block;padding:7px 10px;text-decoration: none;}
.harborlink:hover {background:#ed7303;color:#fff;font-weight:700;}
.harborlistheader {background:#ccc;font-weight:700;}
.harborheader {font-weight:700;color:#666;font-size:12px;padding: 5px 0 0 5px;}
.harborlist {margin-top:25px;background:#ccc;}
.harborsub {width:185px;float:left;padding:7px 10px;border-top:1px solid #ccc;border-right:1px solid #ccc;}

.harborharbor {width:80px;height:60px;margin-right:10px;float:left;margin-bottom:10px;} 
.hharbor {color:#ed7201;font-size:24px;font-weight:normal;}
.hisland {color:#999;font-size:11px;font-weight:normal;margin-top:-30px;}
* html .hisland {margin-top:-25px;}
.fend {padding: 10px 20px 10px 20px;display: block;margin-right:20px;list-style-type: none !important;}
.flist2 {display:inline-block;text-decoration: none;margin-right:10px;margin-top:10px;list-style-type: none !important;}
* html .flist {margin-left:-50px !important;}
.head2 {border-bottom: 1px solid #005096;text-align:right;}
.flist {margin:0;padding: 9px 0px 9px 0;display: block;list-style-type: none !important;}
.ferryaccordion {padding:0 !important;}
.fimg {margin: 5px 0 0 5px;height:60px;border:1px solid #ccc;}
.ft {}

.ok {text-align:center !important;color:#1d1 !important;font-weight:700;}
.err {text-align:center !important;color:#d11 !important;font-weight:700;}

#slideshow {
    position:relative;
    height:155px;
	width:540px;
	overflow:hidden;
	margin: 5px 5px 0 5px;
}
#harbor_name {
font-weight:bold;
font-size:12px;
color:#006699;
margin-left:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.head_embeded {padding: 14px 0px 5px 0px;font-size: 18px;font-weight: 700;font-style: italic;color: #005096;border-bottom: 1px solid #5f91c8;margin-right:20px;}
.embeded {padding: 4px 20px 9px 20px;line-height: 17px;margin-right:20px;border-top: 1px solid #5f91c8;}
#right-banner p a {
vertical-align:middle;
font-family:tahoma,Helvetica, sans-serif;
font-size:10px;
font-weight:700;
text-decoration:none;
border:none;
vertical-align:middle;
padding: 4px 20px 0px 20px;line-height: 17px;margin-right:20px;
}
#right-banner img{
border:none;
vertical-align:middle;
padding-right:10px;
}
#right-banner a:hover{
color:#e67919;
}