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

body { margin:0; padding:0; background:#B9BEBD; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
img { border:0; vertical-align:bottom; }

/*--------- logo and lang -----------*/
#logo { margin:0; padding:0; height:85px; background:#FFFFFF; }
#logoimg {margin:0; padding:0; float:left; position:relative; }
#lang { margin:0; padding:0; float:right; position:relative; }
#lang ul { margin:0; padding:0; list-style:none; }
#lang li { margin:0; padding:0; }
.list1 {margin-left:14px;list-style-image: url(/img/listpoint.gif);}
/*--------- menu -----------*/
#menu { margin:0; padding:0; width:100%; height:110px; background:url(../img/menu_bg.jpg) no-repeat; float:left; text-align:left}
.sbtn1 { margin:20px 0 0 0; padding:0 0 0 95px; float:left; }
.sbtn2 { margin:20px 0 0 20px; padding:0; float:left; }
.sbtn3 { margin:20px 0 0 13px; padding:0; float:left; }
.sbtn4 { margin:20px 0 0 35px; padding:0; float:left; }
.sbtn5 { margin:20px 0 0 10px; padding:0; float:left; }

/*--------- maincontent -----------*/
#frame { margin:20px auto 0; width:978px; }
#maincontent { width:978px; margin:0; padding:0; text-align:left}
#maincontentbg { margin:0; padding:0; background:url(../img/sbtnbg_med.jpg) repeat-y #C3D5D9; float:left; width:100%; }
#maincontentabg { margin:0; padding:0; background:url(../img/sbtnabg_med.jpg) repeat-y #C3D5D9; float:left; width:100%; }
#maincontentbbg { margin:0; padding:0; background:url(../img/sbtnbbg_med.jpg) repeat-y #C3D5D9; float:left; width:100%; }
#maincontentcbg { margin:0; padding:0; background:url(../img/sbtncbg_med.jpg) repeat-y #C3D5D9; float:left; width:100%; }
#maincontentbgnone { margin:0; padding:0; background-color:#C3D5D9; float:left; width:100%; }

/*--------- leftcolumn -----------*/
#leftsubmenu { width:205px; margin:0; padding:0; float:left; }
.roundcorner { height:24px; background:url(../img/sbtnbg_top.jpg) no-repeat; }
.roundcornera { height:24px; background:url(../img/sbtnabg_top.jpg) no-repeat; }
.roundcornerb { height:24px; background:url(../img/sbtnbbg_top.jpg) no-repeat; }
.roundcornerc { height:24px; background:url(../img/sbtncbg_top.jpg) no-repeat; }
h1, h2 { margin:0; padding:0; font-weight:normal; }
h1.menuhead { font-family:"Times New Roman", Times, serif; font-size:22px; font-weight:normal; color:#FFFFFF; margin:0 0 0 10px; padding:0; }
h1.menusubhighlight { width:155px; font-size:12px; color:#FFFFFF; font-weight:normal; margin:0; padding:3px 0 3px 25px; background:url(../img/sarrow.gif) 5px 0 no-repeat #095BA6; }
h1.menusublink a { width:155px; font-size:12px; color:#FFFFFF; margin:0; font-weight:normal; padding:3px 0 3px 25px; text-decoration:none; display:block; background:url(../img/sarrow.gif) 5px 0 no-repeat; }
h1.menusublink a:hover { color:#FFFFFF; background:url(../img/sarrow.gif) 5px 0 no-repeat; background-color:#095BA6; }
h2.menusubsubhighlight { width:145px; font-size:12px; font-weight:normal; color:#FFFFFF; margin:0; padding:3px 0 3px 35px; background:url(../img/sdisc.gif) 20px 0 no-repeat #095BA6; }
h2.menusublink a { width:145px; font-size:12px; color:#FFFFFF; font-weight:normal; margin:0; padding:3px 0 3px 35px; text-decoration:none; display:block; background:url(../img/sdisc.gif) 20px 0 no-repeat; }
h2.menusublink a:hover { color:#FFFFFF; background:url(../img/sdisc.gif) 20px 0 no-repeat; background-color:#095BA6; }
#bottomimga { background:url(../img/sbtnbg_bom.jpg) 0 0 no-repeat; }
/*--------- new leftcolumn -----------by bosco*/
#leftmenu {list-style-type:none; padding:0; margin:0; width:205px; position:relative; left:0; border:0px; z-index:100;}
#leftmenu ul {list-style-type:none; padding:0; margin:0;}
#leftmenu li {float:left; position:relative; border-top:0px; }
#leftmenu li a {  font-size:12px; color:#FFFFFF;  font-weight:normal; text-decoration:none; display:block; width:161px; padding:3px 10px 3px 10px; margin:0; }
#leftmenu ul,
#leftmenu li:hover ul ul {display:none; }
#leftmenu li:hover { color:#FFFFFF; background-color:#095BA6; z-index:500;}
#leftmenu li:hover ul {display:block; position:absolute; left:181px; top:0; border:0; height:auto;}
#leftmenu li:hover ul li.middle { background:url(../img/sdisc.gif) 5px 0 no-repeat; background-color:#095BA6; }
#leftmenu li:hover ul li a { width:161px; font-size:12px; color:#FFFFFF; font-weight:normal; margin:0; padding:3px 10px 3px 25px; text-decoration:none; display:block; }
#leftmenu li:hover ul li.top { height:5px; background:url(../img/slidebartop.gif) no-repeat; width: 196px;} 
#leftmenu li:hover ul li.bottom { height:5px; background:url(../img/slidebarbottom.gif) no-repeat; width: 196px;}
#leftmenu li.slide {background:url(../img/sarrow.gif) no-repeat top right; }
#leftmenu li.slide:hover { color:#FFFFFF; background-color:#095BA6; z-index:500;}
#leftmenu li:hover ul li.middle:hover {z-index:500; color:#FFFFFF; background:url(../img/sdisc.gif) 5px 0 no-repeat; background-color:#98a; }  
/*--------- rightcolumn -----------*/
#rightcontent { margin:10px 0 0 25px; padding:0; float:left; width:700px; }
h1.mainhead { font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:49px; color:#7C9EA6; margin:0 0 10px 0; padding:0; }
div.heading { margin:0 0 20px 0; padding:1px 0 0 20px; font-size:18px; font-weight:normal; color:#FFFFFF; height:23px; background:url(../img/headingbar.gif) no-repeat;}
div.heading span { margin:0; padding:0 0 0 30px; background:url(../img/headingbararrow.gif) 10px -2px no-repeat; }
p#header { margin:20px 0 10px 0; padding:0; font-size:22px; color:#2055BC; font-family:"Times New Roman", Times, serif; font-weight:normal; }
p#body{ margin:0 0 20px 0; padding:0; font-size:12px; color:#000; line-height:140%; }
p#subheader { margin:40px 0 10px 0; padding:0; font-size:14px; font-weight:normal; color:#000000; }

h1.headerfirst { margin:0 0 10px 0; padding:0; font-size:22px; color:#2055BC; font-family:"Times New Roman", Times, serif; font-weight:normal; }
#rightcontent table { margin:0 0 20px 0; padding:0; font-size:12px; line-height:140%; color:#000000; }
/*span { margin:0 0 20px 0; padding:0; font-size:12px; color:#000; line-height:140%; }*/
#rightcontent a { color:#2055BC; }
#backtotop { margin:0; padding:20px 0 0 0; }
#backtotop a { font-size:11px; color:#000000; text-decoration:underline; font-style:italic; }
#backtotop a:hover { text-decoration: underline; }
#list { font-size:12px; color:#000; }
#list ul { margin:0; padding:0; list-style:none; }
#list li { margin:5px 0 5px 0; padding:0 0 0 25px;  background:url(../img/listpoint.gif) no-repeat; }
.clear { clear:both; height:1px; background-color:#FFFFFF; }
#bodyLeft { height:20px; border-top:solid 1px #FFF; padding:4px 0 4px 0; line-height:140%; }
#bodyLeftheader { margin:0; padding:0 0 4px 0; font-size:22px; color:#2055BC; font-family:"Times New Roman", Times, serif; }
#bodyLeftwhiteborder { border-top:solid 1px #FFF; padding:4px 0 4px 4px; vertical-align:top; }
#roombooking { height:20px; border-top:solid 1px #FFF; padding:2px 0 2px 5px; font-weight:bold; color:#095BA6; }
#subheaderCenter { height:20px; padding:2px 0 2px 0; font-weight:bold; color:#FFF; }
#year a { font-size:12px; text-decoration:none; }
#year ul { margin:0; padding:0; list-style:none; }
#year li { margin:0; padding:0 0 10px 25px; background:url(../img/listpoint.gif) no-repeat; }
#listingtable { border:0; }
#listingtable td { border-bottom:1px solid #FFF; vertical-align:text-top; }

/*--------- footer -----------*/
#footer { height:30px; padding:10px 0 0 0; background-color:#FFF; font-size:10px; color:#999; text-align:center; position:relative; border-top:solid 1px #999; }

/*--------- sitemap -----------*/
#sitemap { margin:0; padding:0; font-size:11px; width: 978px; text-align:left}
#sitemapframe { margin:0; padding:0 0 20px 0; width:100%; background:#F2F2F2; position:relative; float:left; }
#sitemapframe .header { border-bottom:solid 1px #999; display:block; }
#sitemap ul { margin:0; padding:0; list-style:none; }
#sitemap li { margin:0; padding:0 0 0 5px; }
#sitemap li a { text-decoration:none; color:#7C9EA6; }
#sitemap li a:hover { text-decoration:underline; }
#sitemap span { margin:0; padding:10px 0 0 0; display:block; }
#sitemap span a { color:#095BA6; text-decoration:none; }
#sitemap span a:hover { color:#095BA6; text-decoration:underline; }
.sitemapcola { width:150px; margin:0; padding:0 0 0 40px; float:left; }
.sitemapcolb { width:160px; margin:0; padding:0; float:left; }
.sitemapcol { width:160px; margin:0; padding:0 0 0 40px; float:left; }

/*--------- .hk -----------*/
#framepopup { margin:0 auto 0; padding:0; width:850px; }
#maincontentpopup { width:850px; margin:0; padding:0; }
#maincontent_wbg { margin:0; padding:0; background:url(../img/sbtn_wbg_med.jpg) repeat-y #FFF; float:left; width:100%; }
.roundcorner_w { height:12px; background:url(../img/sbtn_wbg_top.jpg) no-repeat; }
#rightcontent_w { margin:0 0 0 25px; padding:0; float:left; width:600px; }
h1.mainhead_blue { font:49px "Times New Roman", Times, serif normal; color:#095BA6; margin:0; padding:0; }
#rightcontent_w a { color:#2055BC; }

/*--------- table 1 -----------*/
table.news
{ border: 0px;
border-spacing: 0px;
margin-top: 5px;}

table.news th
{ border-top: 0px;
border-bottom: 1px solid #ffffff;
border-left: 0px;
border-right: 0px;
margin:0; 
padding:0 0 4px 0; 
font-size:22px; color:#2055BC; 
font-family:"Times New Roman", Times, serif; 
}

table.news td
{ font-family: Verdana, sans-serif, Arial;
border-top: 1px solid #ffffff;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
font-weight: normal;
color: #000000;
font-size: 11px;
text-align: left;
padding:4px 0 4px 4px; 
vertical-align:top; } 


/*--------- table 2 -----------*/
table.room
{ border: 0px;
border-spacing: 0px;
margin-top: 5px;}

table.room th
{ border-top: 0px;
border-bottom: 1px solid #ffffff;
border-left: 0px;
border-right: 0px;
height:20px; 
padding:2px 0 2px 0; 
font-weight:bold; 
color:#ffffff; 
font-family: Arial, Helvetica, sans-serif; 
background:#095BA6;
}

table.room td
{ font-family: Verdana, sans-serif, Arial;
border-top: 1px solid #ffffff;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
font-weight: normal;
color: #000000;
font-size: 11px;
text-align: left;
padding:4px 0 4px 4px; 
vertical-align:top;
background:#E1EEF1;
} 

/*--------- table 3 -----------*/
table.member
{ border: 0px;
border-spacing: 0px;
margin-top: 5px;}

table.member th
{ border-top: 0px;
border-bottom: 1px solid #ffffff;
border-left: 0px;
border-right: 0px;
margin:0; 
padding:0 0 4px 0; 
font-size:22px; color:#2055BC; 
font-family:"Times New Roman", Times, serif; 
}

table.member td
{ font-family: Verdana, sans-serif, Arial;
border-top: 1px solid #ffffff;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
font-weight: normal;
color: #000000;
font-size: 11px;
text-align: left;
padding:4px 0 4px 4px; 
vertical-align:top; }