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

/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
#container {
	width: 736px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 650px;
}

#topContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 225px;
	width: 260px;
	margin-left: 9px;
	padding-left: 10px;
	float: right;
	margin-top: 15px;
	color: #666666;
	list-style-image: url(../images/bullet.png);
}



#sertopContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 250px;
	width: 230px;
	margin-left: 9px;
	padding-left: 10px;
	float: right;
	margin-top: 20px;
	color: #666666;
}
#latestPro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 222px;
	width: 260px;
	margin-left: 10px;
	float: right;
	margin-top: 10px;
	color: #333333;
	padding-left: 10px;
}

#news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	height: 225px;
	width: 200px;
	margin-left: 10px;
	margin-top: 15px;
	padding-left: 10px;
}

#header {
	height: 110px;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #CCCCCC;
} 
#mainContent {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	height: 540px;
}
.style1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.style2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style3 {	color: #ABB861;
	font-weight: bold;
	font-size: 11px;
}
.style11 {
	color: #FFFFFF;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.style12 {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}


.style13 {
	color: #015790;
	font-weight: bold;
}
.style14 {
	font-weight: bold;
	color: #666666;
}
.style15 {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}



#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 25px;
	width: 708px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top: 5px;
	padding-left: 10px;
}
#topLeft {
	height: 100px;
	width: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	float: left;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#contactMain {
	height: 136px;
	width: 190px;
	margin-left: 10px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 10px;
	float: right;
	color: #666666;
	background-image: url(../images/contact-back.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 10px;
}
#contactMain a:link, #contactMain a:active, #contactMain a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
#contactMain a: hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #015790;
	text-decoration: underline;
}
#submenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 370px;
	width: 200px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	color: #67635f;
	padding-left: 10px;
}
#submenu a:link, #submenu a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
#submenu a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #015790;
}
#submenu a:active   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
#title {
	height: 35px;
	width: 190px;
}
#left {
	height: 345px;
	width: 210px;
}
	
a:link {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #015790;
	text-decoration: underline;
}
a:active {
	color: #015790;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
#sernews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
	height: 250px;
	width: 230px;
	margin-left: 10px;
	margin-top: 20px;
	padding-left: 10px;
	color: #666666;
}
#serlatestPro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 185px;
	width: 230px;
	margin-left: 10px;
	padding-left: 10px;
	float: right;
	margin-top: -60px;
	color: #666666;
}
#sercontactMain {
	height: 185px;
	width: 230px;
	margin-left: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: -60px;
	float: right;
	color: #666666;
}
#serlatestPro a:link, #serlatestPro a:visited, #serlatestPro a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#serlatestPro a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #015790;
}
#sertopContent a:link, #sertopContent a:visited, #sertopContent a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#sertopContent a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #015790;
}
#sernews a:link, #sernews a:visited, #sernews a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#sernews a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #015790;
}
#portcontactMain {
	height: 222px;
	width: 190px;
	margin-left: 10px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 10px;
	float: right;
	color: #666666;
}
#portsubmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 330px;
	width: 210px;
	margin-top: 10px;
	float: left;
}
#portsubmenuB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 330px;
	width: 210px;
	float: left;
}


#porttopLeft {
	height: 100px;
	width: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	float: left;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	margin-left: -30px;
	margin-top: 0px;
}

.hoverbox a
{
	cursor: default;
	text-decoration: none;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -35px;
	z-index: 1;
}

.hoverbox img
{
	background: ;
	border-color: ;
	border-style: ;
	border-width: ;
	color: ;
	padding: 0px;
	vertical-align: top;
	width: 62px;
	height: 50px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	width: 125px;
	height: 125px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}
#porttopContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 240px;
	width: 270px;
	margin-left: 9px;
	float: right;
	margin-top: 15px;
	color: #666666;
}
#portnews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
	height: 288px;
	width: 200px;
	margin-left: 10px;
	margin-top: 15px;
	padding-left: 10px;
	color: #666666;
}
#views {
	height: 20px;
	width: 260px;
	margin-top: 10px;
	float: right;
}
#portlatestPro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 235px;
	width: 262px;
	margin-left: 12px;
	padding-left: 10px;
	float: left;
	margin-top: 10px;
	color: #333333;
}
#fair {
	height: 30px;
	width: 60px;
	margin-top: 25px;
}
#termstopContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 470px;
	width: 460px;
	margin-left: 9px;
	padding-left: 10px;
	float: right;
	margin-top: 15px;
	color: #666666;
	padding-right: 20px;
	list-style-image: url(../images/bullet.png);
	overflow: auto;
}
#termsmainContent {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	height: 540px;
}
#portfair {
	height: 30px;
	width: 60px;
	margin-left: 60px;
}
#maptopContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 288px;
	width: 260px;
	margin-left: 9px;
	padding-left: 10px;
	float: right;
	margin-top: 15px;
	color: #666666;
	list-style-image: url(../images/bullet.png);
}
#maptopContent a:link, #maptopContent a:visited, #maptopContent a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#maptopContent a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #015790;
	text-decoration: underline;
}
#maplatestPro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 175px;
	width: 260px;
	margin-left: 10px;
	padding-left: 10px;
	float: right;
	margin-top: 10px;
	color: #333333;
}
#maplatestPro a:link, #maplatestPro a:visited, #maplatestPro a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#maplatestPro a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #015790;
	text-decoration: underline;
}
#form {
	height: 290px;
	width: 460px;
}

.textfield {
	color:#43433b;
	margin:3px;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: transparent;
	background-image: url(../images/formtrans.png);
	background-repeat: no-repeat;
}
.submit {
	height:20px;
	border:solid 0 #fff;
	width:80px;
	color:#666666;
	background-image: url(../images/submitbtn.png);
	background-repeat: no-repeat;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 4px;
}
.submit a:hover {
	background-image: url(../images/searchover.jpg);
	background-repeat: no-repeat;
}
.reset {
	height: 22px;
	border: solid 0 #fff;
	width: 100px;
	color: #666666;
	background-image: url(../images/search.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 4px;
}
.reset a:hover {
	background-image: url(../images/searchover.jpg);
	background-repeat: no-repeat;
}
.textfield {
	color:#43433b;
	margin:3px;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: transparent;
	background-image: url(../images/formtrans.png);
	background-repeat: no-repeat;
}
#footer {
	background:#DDDDDD;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	padding-right: 10px;
	padding-left: 10px;
	height: 30px;
	width: 714px;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-size: 9px;
	color: #FFFFFF;
} 
#footer a:link, #footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
#footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: underline;
}
#sertitle {
	height: 40px;
	width: 490px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-left: 10px;
	border-right-width: 1px;
	margin-left: 0px;
}
#sertopLeft {
	height: 40px;
	width: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	float: left;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
#contacttopContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 470px;
	width: 460px;
	margin-left: 9px;
	padding-left: 10px;
	float: right;
	margin-top: 15px;
	color: #666666;
	padding-right: 20px;
	list-style-image: url(../images/bullet.png);
}
#port_title {
	height: 15px;
	width: 100px;
	float: left;
	margin-top: 8px;
}

.port_title {
	font-size: 11px;
	font-weight: bold;
	color: #015790;
}
#port_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 146px;
	width: 260px;
	margin-left: 10px;
	float: right;
	margin-top: 10px;
	color: #333333;
	padding-left: 10px;
}
#port_list {
	height: 90px;
	width: 483px;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 5px;
}
#list_box {
	float: left;
	height: 90px;
	width: 265px;
	margin-right: 8px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-width: 2px;
}
#list_box a:link, #list_box a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#list_box a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #015790;
	text-decoration: underline;
}
#list_box2 {
	float: left;
	height: 90px;
	width: 198px;
	margin-right: 8px;
	border-right-width: 2px;
}
#list_box2 a:link, #list_box2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#list_box2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #015790;
	text-decoration: underline;
}
#newsB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	height: 175px;
	width: 480px;
	margin-left: 0px;
	margin-top: 15px;
	text-align: justify;
	padding-left: 6px;
	padding-right: 5px;
}
#NewstopContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 225px;
	width: 490px;
	margin-left: 9px;
	float: right;
	margin-top: 15px;
	color: #666666;
	list-style-image: url(../images/bullet.png);
}
#latestProB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 222px;
	width: 260px;
	margin-left: 10px;
	float: right;
	margin-top: 10px;
	color: #333333;
	padding-left: 10px;
	text-align: justify;
}
#topImg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 225px;
	width: 480px;
	margin-left: 9px;
	padding-left: 10px;
	float: right;
	margin-top: 15px;
	color: #666666;
	background-image: url(../images/logodesign.png);
	background-repeat: no-repeat;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}