html, body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
body
{
	font-family:Arial,Helvetica,Adobe Caslon Pro Verdana,sans-serif; 
	font-size:12px;
	color:#333333;
	background-color:#bfbfbf;
}
img
{
	border:0;
}
a,a:link,a:active
{
    color: #2B3896;
	text-decoration: none;
	background-color: transparent;
}
a:hover
{
	text-decoration: none;
	color: #0099FF;
	background-color: transparent;
}
a:visited
{
	text-decoration: underline;
    color: #666;
	background-color: transparent;
}
div#wrapper
{
	width:900px;
	margin:0 auto;
	background-color:#f3f3f3;
	border-radius:15px;
}
div.content
{
    width:100%;
	height:710px;
    margin:0px;
    padding:0px;
    background:url(../images/bg_about.png) 0% 0% no-repeat;
    clear:both;    
}
div.content_detail
{
	padding-left:100px;
	padding-right:80px;	
	padding-top:40px;
	text-align:justify;
}
.title
{
    width:100%;
    font-size: 18px;
    color:#0093d6;
    line-height:2;
}
.icontitle
{
	color:#ff6600;
}
div.separator
{
    width:100%;
    clear:both;
}
div.leftcol
{
	width:150px;
	float:left;
}
div.rightcol
{
    width:570px;
	float:left;
}
/*  Start of Header Section */
div#header 
{
    width:100%;
    height:110px;
}
div#headerleft
{
    width:200px;
    float:left;
}
div#headerleft img
{
    width:122px;
    height:107px;
    padding-left:30px;
    padding-top:10px;
}
div#headerright
{
    height:110px;
    float:right;
    padding-right:30px
}
div#headerright .top
{
    width:100%;
    text-align:right;
}
div#headerright .bottom
{
    padding-top:50px;
    text-align:right;
    width:100%;
}
div#headerright li
{
    display:inline-block;
    list-style:none;
    padding-left:10px;
}
div#headerright li a
{
    text-decoration:none;
    color: #797b7a;
}
div#headerright li a:hover
{
    text-decoration:none;
    color: #f9771f;
}
/*  End of Header Section   */
/* Start of Navigation Section  */
div#navigation
{
    width:100%;
    height:30px;
    margin:0px;
    padding:0px;
    clear:both;
}
/*level 1*/
ul#mainmenu
{
    height:30px;
    padding:0px;
    margin:0px;
    list-style:none;
    background:#0093d6;
}
ul#mainmenu ul
{
    position:absolute;
    top:-9999px;
    left:-9999px;
    list-style:none;
}
ul#mainmenu li
{
    float:left;
    height:30px;
    border-right: dotted 1px #FFFFFF;
}
ul#mainmenu li a
{
    padding-top:9px;
    display:block;
    color:#fff;
    font:12px arial, verdana, sans-serif;
    text-decoration:none;
    text-align: center;
}
ul#mainmenu li:hover
{
    position:relative;
    background-color:#ff6600;
    background-image:url(../images/arrow.png);
    background-repeat:no-repeat;
    background-position:center bottom;
}
ul#mainmenu .mcurrent
{
    background-color:#ff6600;
    background-repeat:no-repeat;
    background-position:center bottom;    
}
/*end of level 1*/
/*level 2*/
ul#mainmenu li:hover ul
{
    top:30px;
    left:0px;
    width:165px;
    padding:0px;
    background:#FFFFFF;
    border:1px solid #E1DCDC;
    border-bottom:none;
}
ul#mainmenu li:hover ul li
{
    height:30px;
    border-bottom:solid 1px #E1DCDC;
    border-right:none;
    width:165px;/*new*/
}
ul#mainmenu li:hover ul li a
{
    /*height:30px;*/
    padding:0px;
    display:block;
    /*width:165px;*/
    line-height:30px;
    text-indent:14px;
    color:#000000;
    text-align:left;
}
ul#mainmenu li:hover ul li:hover
{
    height:30px;
    background:#f9771f;
    /*color:#000000;*/
}
ul#mainmenu li:hover ul li:hover a
{
    color:#fff;
}
ul#mainmenu .msubcurrent
{
    background:#f9771f;
    color:#fff !important;
}
/*ul#mainmenu li#mphotos:hover
{
    background-image:url(../images/marrow_active.png);
    background-repeat:no-repeat;
    background-position:right center;
}*/
ul#mainmenu .msubmenuactive
{
    background-image:url(../images/marrow_active.png);
    background-repeat:no-repeat;
    background-position:right center;
    background-color:#f9771f;
    color:#fff !important;
}
ul#mainmenu .msubmenu
{
    background-image:url(../images/marrow.png);
    background-repeat:no-repeat;
    background-position:right center;
}
/*end of level 2*/
/*level 3*/
ul#mainmenu li:hover ul ul
{
    position:absolute;
    top:-9999px;
    left:-9999px;
    list-style:none;
}
ul#mainmenu li:hover ul li:hover ul
{
    top:-1px !important;
    left:165px;
    width:165px;
    background:#fff;
    padding:0px;
    border:1px solid #E1DCDC;
    border-bottom:none;
}
ul#mainmenu li:hover ul li:hover ul a
{
    color:#000000;
}
ul#mainmenu li:hover ul li:hover ul li:hover a
{
    color:#fff;
}
ul#mainmenu .msub2current
{
    top:61px !important;
    left:165px !important;
    width:165px !important;
    background:#fff !important;
    padding:0px !important;
    border:1px solid #E1DCDC !important;
    border-bottom:none !important;
}
/*end of level 3*/
ul#mainmenu .mabout
{
    width:85px;
}
ul#mainmenu .mwhat
{
    width:105px;
}
ul#mainmenu .mproject
{
    width:190px;
}
ul#mainmenu .maction
{
    width:105px;
}
ul#mainmenu .mresource
{
    width:166px;
}
ul#mainmenu .mphoto
{
    width:120px;
}
ul#mainmenu .mcontact
{
    width:123px;
}
ul#mainmenu .last
{
    border-right:none;
}
/* End of Navigation Section   */
/*  Start of Footer Section */
div#footer
{
    width:900px;
    overflow:hidden;
    margin:0 auto;
    padding:0 auto;
}
div#footer  p
{
    margin:0px;
    padding:10px 0px 5px 15px;
    line-height:0.8;
    font-size:11px;
}
/*  End of Footer Section */
/*  Start of Homepage */
div#homecontent
{
    width:100%;
    clear:both;
}
div#homecontent .title
{
    padding-left:25px;
}
div#hometop
{
    width:100%;
}
div#homemid
{
    width:100%;
}
div#map
{
    width:415px;
    padding-left:25px;
    padding-bottom:20px;
    color:#666666;
    float:left;
}
div#map .title
{
    padding-left:0px;
}
div#news
{
    width: 450px;
    padding-bottom:20px;
    color:#666666;
    float:left;
}
.map_fl
{
    /*padding-left:25px;*/
    width:294px !important;
    height:145px;
    width:100%;
    clear:both;
}
.map_fl .fobject
{
    width:294px;
    height:145px;
}
.news_detail
{
    width:100%;
    padding-left:25px;
    border-left: dotted 1px #666666;
    clear:both;
}
div#news .left
{
    width: 110px;
    font-style:italic;
    font-size:11px;
    float:left;
}
div#news .right
{
    width: 330px;
    float:left;
    padding-right:5px;
}
div#news .separator
{
    height:10px;
    clear:both;
}
div#homebottom
{
    width:100%;
    height:61px;
    padding-bottom:30px;
    clear:both;
}
div#homebottom .banner_left{
	width:419px;
	height:61px;
	padding-left:30px;
	float:left;
}
div#homebottom .banner_left img{
	width:419px;
	height:61px;
}
div#homebottom .banner_right{
	width:426px;
	height:61px;
	float:left;
}
div#homebottom .banner_right img{
	width:426px;
	height:61px;
}

/*  End of Homepage */
/*  Start of Opinion Page */
div#opinion
{
    /*font-family: Verdana;
    font-size: 10pt;*/
}
/*  End of Opinion Page */
/*  Start of Register Page */
div#register
{
    /*font-family: Verdana;
    font-size: 10pt;*/
}
/*  End of Register Page */
/*  Start of Textpage */
div#textpage
{
    /*font-family: Verdana;
    font-size: 10pt;*/
}
/*  End of Textpage */
/*  Start of Central Future Page */
div#future
{
    width:100%;
    margin:0px;
    padding:0px;
    clear:both;
}
div#future .imgtitle
{
	 width:225px;
	 height:25px;
	 font-weight:bold;
	 text-align:center;
	 float:left;
	 margin:1px 5px 6px 5px;
}
div#future .photoslide
{
	 width: 225px;
	 /*height: 180px;*/
	 text-align:justify;
	 float: left;
	 margin: 1px 6px 6px 9px;
}
div#future .photoslide img
{
	 width: 225px;
	 height: 150px;
}
div#future .imgcenter
{
    text-align:center;    
}
div#future .imgcenter img
{
    width:300px;
    height:250px;
}
div#future p strong
{
    font-size: 22px;
}
/*  End of Central Future Page */
/*  Start of Harbour Photos */
div#harbourphotos .title
{
    padding-left:20px;
    /*background:none;*/
}
div#harbourphotos .photoslide
{
	 width: 200px;
	 height: 180px;
	 text-align: center;
	 float: left;
	 margin: 1px 20px 6px 20px;
}
/*  End of Harbour Photos */
/*  Start of Activity Photos */
div#activityphotos .title
{
    padding-left:20px;
    /*background:none;*/
}
div#activityphotos .photoslide
{
	 width: 200px;
	 /*height: 180px;*/
	 text-align: justify;
	 float: left;
	 margin: 1px 20px 6px 20px;
}
/*  End of Activity Photos */
/*  Start of Other Page */
div#other .other_left
{
	width:40px;
	float:left;
}
div#other .other_right
{
    width:660px;
	float:left;
}
div#other .separator
{
    height:2px;
    width:100%;
    clear:both;
}
/*  End of Other Page */
/*  Start of Related Links */
div#relatedlinks
{
    width:100%;
	height:710px;
    margin:0px;
    padding:0px;
    background:url(../images/bg_about.png) 0% 0% no-repeat;
    clear:both;
}
div#relatedlinks_detail
{
    width:100%;
    padding-top:40px;
	padding-left:100px;
	padding-right:80px;
	text-align:justify;
}
div#relatedlinks .leftcolumn
{
    width:360px;
    padding-bottom:20px;
    color:#666666;
    float:left;
}
div#relatedlinks .rightcolumn
{
    width: 360px;
    margin-left: 10px;
    padding-bottom:20px;
    color:#666666;
    float:left;
}
div#relatedlinks
{
    /*font-family: Verdana;
    font-size: 10pt;*/
}
/*  End of Related Links */
/*Paging*/
.pages
{
	padding-top:15px;
    clear: left;
	text-align:center;
	font-size:11px;
	font-weight: bold;
	float:right;
	/*
	position: absolute !important;
	right: 230px;
	top: 780px;
	*/
}
.pages span.current
{
    background: #0093d6;
    color: #fff;
}
.pages a, .pages span
{
	color:#009BCA;
    display: block;
    float: left;
    padding: 3px 6px;
	margin:3px;
	color:#fff;
}
.bgcolor
{
	background-color:#a6a6a6;
}
.pages a
{
    text-decoration: none;
}
.pages a:hover
{
    border-color: #009BCA;
}
.pages a.nextprev
{
    font-weight: bold;
	border:none;
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	color:#b4bfbc;
}
/*Paging*/

#popupContact a
{
    cursor: pointer;
    text-decoration:none;
}
#backgroundPopup
{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
}
#popupContact
{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:390px;
    width:780px;
    background:#FFFFFF;
    border:1px solid #cecece;
    z-index:2;
    padding:16px 10px 10px 10px;
    font-size:13px;
}
#popupContact h1
{
    text-align:left;
    color:#6FA5FD;
    font-size:22px;
    font-weight:700;
    border-bottom:1px dotted #D3D3D3;
    padding-bottom:2px;
    margin-bottom:20px;
}
#popupContactClose
{
    font-size:14px;
    line-height:14px;
    right:6px;
    top:4px;
    position:absolute;
    color:#6fa5fd;
    font-weight:700;
    display:block;
}
.pfobject
{
    width:780px;
    height:390px;
}

.highlight
{
    color:#FF0000 !important;
}