body{
    font-size:12px;
    font-family:Arial,san-serif;
}

#area-header img{
    display: block;
}
#area-content{
    min-height:350px;
    height:expression(this.height<350?"350px":"auto");
}
#area-content-center{
    overflow:hidden;
}
#area-footer{
    background-color:#3b90c7;
}
.message-info{
    margin:10px;
    padding:10px;
    background-color:#CCCCFF;
    border:1px solid blue;
    color:#000099;
}
.message-warning{
    margin:10px;
    padding:10px;
    background-color:#FFFF66;
    border:1px solid red;
    color:#FF3300;
}
.message-success{
    margin:10px;
    padding:10px;
    background-color:#CCCCFF;
    border:1px solid blue;
    color:#000099;
}
.message-error{
    margin:10px;
    padding:10px;
    background-color:#FFFF66;
    border:1px solid red;
    color:#FF3300;
}

/* -- header menu --*/
.header-menu{
    background:#ff5d02 url(/images/bg_menu.gif) repeat-x scroll;
    font-size:14px;
    height:28px;
    width:100%;
    margin:0;
    padding:0;
    list-style-type:none;
}
.header-menu li{
    float:left;
    width:16%;
}
.header-menu li.selected a{
    color:black;
}
.header-menu a{
    color:white;
    font-weight:bold;
    display:block;
    text-decoration:none;
    text-align:center;
    padding-top:6px;
    height:22px;
}
.header-menu a:hover{
    color:black;
}

/* -- header submenu --*/
.header-submenu{
    width:100%;
    height:50px;
    margin:0;
    padding:0;
    padding-left:10px;
    list-style-type:none;
}
.header-submenu li{
    float:left;
    display:inline-block;
    background:transparent url(/images/background/bg-submenu-left.gif) no-repeat scroll left bottom;
    height:50px;
}
.header-submenu li span{
    background:transparent url(/images/background/bg-submenu-right.gif) no-repeat scroll right bottom;
    margin-left:8px;
    padding-right:8px;
    display:inline-block;
}
.header-submenu li span a{
    background:transparent url(/images/background/bg-submenu-center.gif) repeat-x scroll left bottom;
    color:black;
    display:inline-block;
    padding:32px 2px 2px 2px;
    height:16px;
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
}
.header-submenu li span a:hover{
    color:white;
}

.header-submenu li.selected{
    display:inline-block;
    background:transparent url(/images/background/bg-submenu-left-select.jpg) no-repeat scroll left bottom;
    height:50px;
}
.header-submenu li.selected span{
    background:transparent url(/images/background/bg-submenu-right-select.gif) no-repeat scroll right top;
    padding-right:10px;
    display:inline-block;
    margin-left:50px;
}
.header-submenu li.selected span a{
    background:transparent url(/images/background/bg-submenu-center-select.gif) repeat-x scroll left bottom;
    padding-left:0px;
}

/* -- style -- */
.content-center-style1{
    width:692px;
    background:transparent url(/images/style/bg-style1-center.jpg) repeat-y scroll;
}
.content-center-style1 .bc-area{
    background:transparent url(/images/style/bg-style1-top.jpg) no-repeat scroll left top;
    height:expression(this.height<12?"12px":"auto");
    min-height:12px;
}
.content-center-style1 .bc-content{
    padding:6px 10px;
    width:674px;
}
.content-center-style1 .bc-footer{
    background:transparent url(/images/style/bg-style1-bottom.jpg) no-repeat scroll left top;
    height:expression(this.height<12?"12px":"auto");
    min-height:12px;
}

.style-next-trip{
    margin-top:10px;
    width:262px;
    background:transparent url(/images/background/bg_next_trip_content.gif) repeat-y scroll left top;
}
.style-next-trip .bc-header{
    height:49px;
    background:transparent url(/images/background/bg_next_trip_head.gif) no-repeat scroll left top;
}
.style-next-trip .bc-content{
    padding-left:17px;
    padding-right:17px;
    width:228px;
}
.style-next-trip .bc-area{
    padding-bottom:24px;
	background:transparent url(/images/background/bg_next_trip_foot.gif) no-repeat scroll left bottom;
}

.style-gossip-news{
    margin-top:10px;
    width:265px;
    background:transparent url(/images/background/bg_gossip_news_content.gif) repeat-y scroll left top;
}
.style-gossip-news .bc-header{
    height:47px;
    background:transparent url(/images/background/bg_gossip_news_head.gif) no-repeat scroll left top;
}
.style-gossip-news .bc-area{
    padding-bottom:18px;
    background:transparent url(/images/background/bg_gossip_news_foot.gif) no-repeat scroll left bottom;
}

.style-gossip-news .bc-content{
    width:230px;
    padding-left:17px;
    padding-right:17px;
}
.style-gallery .bc-header{
    height:47px;
    background:transparent url(/images/home/head-gallery.jpg) no-repeat scroll left top;
}

/* -- adjust style for head picture -- */
.head-home-padi-course .bc-area{
    background:transparent url(/images/home/padi-course.jpg) no-repeat scroll left top;
}
.head-home-padi-course .bc-area .bc-header{
    padding-top:53px;
    background:none;
    height:auto;
}
.head-home-to-know .bc-area{
    background:transparent url(/images/home/head-to-know.jpg) no-repeat scroll left top;
}
.head-home-to-know .bc-area .bc-header{
    padding-top:54px;
    background:none;
    height:auto;
}

.head-equipment .bc-area{
    background:transparent url(/images/header/dive-equipment.jpg) no-repeat scroll left top;
}
.head-equipment .bc-area .bc-header{
    padding-top:233px;
    background:none;
    height:auto;
}
.head-course-dan .bc-area{
    background:transparent url(/images/header/course-dive-dan.jpg) no-repeat scroll left top;
}
.head-course-dan .bc-area .bc-header{
    padding-top:247px;
    background:none;
    height:auto;
}
.head-course-price-list .bc-area{
    background:transparent url(/images/header/course-dive-pricelist.jpg) no-repeat scroll left top;
}
.head-course-price-list .bc-area .bc-header{
    padding-top:239px;
    background:none;
    height:auto;
}
.head-course-professional .bc-area{
    background:transparent url(/images/header/course-dive-professional.jpg) no-repeat scroll left top;
}
.head-course-professional .bc-area .bc-header{
    padding-top:245px;
    background:none;
    height:auto;
}
.head-course-register .bc-area{
    background:transparent url(/images/header/course-dive-register.jpg) no-repeat scroll left top;
}
.head-course-register .bc-area .bc-header{
    padding-top:245px;
    background:none;
    height:auto;
}
.head-course-specialty .bc-area{
    background:transparent url(/images/header/course-dive-specialty.jpg) no-repeat scroll left top;
}
.head-course-specialty .bc-area .bc-header{
    padding-top:249px;
    background:none;
    height:auto;
}
.head-course-starter .bc-area{
    background:transparent url(/images/header/course-dive-starter.jpg) no-repeat scroll left top;
}
.head-course-starter .bc-area .bc-header{
    padding-top:243px;
    background:none;
    height:auto;
}

.head-trip-domestic .bc-area{
    background:transparent url(/images/header/trip-domestic.jpg) no-repeat scroll left top;
}
.head-trip-domestic .bc-area .bc-header{
    padding-top:242px;
    background:none;
    height:auto;
}
.head-trip-inter .bc-area{
    background:transparent url(/images/header/trip-international.jpg) no-repeat scroll left top;
}
.head-trip-inter .bc-area .bc-header{
    padding-top:242px;
    background:none;
    height:auto;
}
.head-trip-booking .bc-area{
    background:transparent url(/images/header/trip-booking.jpg) no-repeat scroll left top;
}
.head-trip-booking .bc-area .bc-header{
    padding-top:257px;
    background:none;
    height:auto;
}

.head-about-us .bc-area{
    background:transparent url(/images/header/about-us.jpg) no-repeat scroll left top;
}
.head-about-us .bc-area .bc-header{
    padding-top:221px;
    background:none;
    height:auto;
}
.head-about-us-staff-profile .bc-area{
    background:transparent url(/images/header/about-us-staff-profile.jpg) no-repeat scroll left top;
}
.head-about-us-staff-profile .bc-area .bc-header{
    padding-top:242px;
    background:none;
    height:auto;
}

.texthead{
    color:#51b946;
    font-weight:bold;
    font-size:12px;
}
.from {
    background-color:#CCCCCC;
    border:thin solid #7F9DB9;
}