/* start on 07/10/2013 by BooM */

/* for all pages */
#thepage {padding:10px; font-size: 10pt; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:justify;}
#thepage ol {margin:15px 0; padding-left:20px;}
.imgright {padding:0 0 10px 10px; text-align:center; font-size:11px; color:#999999; float:right;}
.imgright img {margin-bottom:5px; padding:3px; border:1px #CCCCCC solid;}

.text-remark {color:red;}
.underline {text-decoration:underline;}
.fixwidth1 {display:inline-block;  width:80px;}
.fixwidth2 {display:inline-block; width:80px; font-weight:bold;}
.firstline {margin-top:0!important;}
.cr {clear:right;}
.clr {clear:both;}


/* for topic */
.central-topic {height:20px; margin:25px 0 5px; padding:3px 0 0 25px; color:#34A345; font-weight:bold; background:url('images/iconcentral-topic.gif') no-repeat left;}
.northern-topic {height:20px; margin:25px 0 5px; padding:3px 0 0 25px; color:#D200A7; font-weight:bold; background:url('images/iconnorth-topic.gif') no-repeat left;}
.southern-topic {height:20px; margin:25px 0 5px; padding:3px 0 0 25px; color:#1D7DC5; font-weight:bold; background:url('images/iconsouth-topic.gif') no-repeat left; clear:left}

/* for subtopic */
.central-subtopic {margin-top:15px; padding-left:25px; color:#47C431; font-weight:bold; background:url('images/iconcentral-subtopic.gif') no-repeat left;}
.northern-subtopic {margin-top:15px; padding-left:25px; color:#F45E8E; font-weight:bold; background:url('images/iconnorth-subtopic.gif') no-repeat left;}
.southern-subtopic {margin-top:15px; padding-left:25px; color:#00BCFB; font-weight:bold; background:url('images/iconsouth-subtopic.gif') no-repeat left;}

/* for border */
.border {width:565px; border-collapse:collapse;}
.border th {width:80px; text-align:left;}
.border th, .border td {border:1px #D6D6D6 solid; padding:3px 10px;}

/* for distance */
.distance {width:90%; border-collapse:collapse;}
.distance td {border:1px #D6D6D6 solid; padding:3px 10px;}
.distance .central-head {font-weight:bold; text-align:center; background-color:#E0F7D7;}
.distance .north-head {font-weight:bold; text-align:center; background-color:#FFF0FF;}
.distance .south-head {font-weight:bold; text-align:center; background-color:#F1FBFE;}
.distance .name {width:180px;}
.distance .distance {width:80px;}

/* for festivals & events */
.fixwidth {display:inline-block; width:50px;}

/* for top menu */
.central-topmenu1, .northern-topmenu1, .southern-topmenu1 {width:400px; margin:auto; padding:10px 20px;}
.central-topmenu2, .northern-topmenu2, .southern-topmenu2 {width:400px; margin:auto; padding:10px 20px;}
.central-topmenu3, .northern-topmenu3, .southern-topmenu3 {width:600px; margin:auto; padding:10px 20px;}
.central-topmenu1 ul, .northern-topmenu1 ul, .southern-topmenu1 ul, 
.central-topmenu2 ul, .northern-topmenu2 ul, .southern-topmenu2 ul, 
.central-topmenu3 ul, .northern-topmenu3 ul, .southern-topmenu3 ul {float:left; width:200px; margin:0 auto; padding:0; list-style:none;}
.central-topmenu1 a, .central-topmenu2 a, .central-topmenu3 a {margin-bottom:10px; padding-left:20px; display:inline-block; color:#009900; background:url('images/iconcentral-topmenu.gif') no-repeat left 50%;}
.northern-topmenu1 a, .northern-topmenu2 a, .northern-topmenu3 a {margin-bottom:10px; padding-left:20px; display:inline-block; color:#D341B6; background:url('images/iconnorth-topmenu.gif') no-repeat left 50%;}
.southern-topmenu1 a, .southern-topmenu2 a, .southern-topmenu3 a {margin-bottom:10px; padding-left:20px; display:inline-block; color:#0099FF; background:url('images/iconsouth-topmenu.gif') no-repeat left 50%;}

/* for golf */
.golf-topmenu1 {width:440px; margin:auto; padding:10px 20px; text-align:center;}
.golf-topmenu2 {width:640px; margin:auto; padding:10px 20px; text-align:center;}
.golf-topmenu3 {width:660px; margin:auto; padding:10px 20px; text-align:center;}
.golf-topmenu1 ul, .golf-topmenu2 ul, .golf-topmenu3 ul {float:left; width:320px; margin:0 auto; padding:0; list-style:none; text-align:left;}
.golf-topmenu1 a, .golf-topmenu2 a, .golf-topmenu3 a {margin-bottom:10px; padding-left:20px; display:inline-block; color:#009900; background:url('images/iconcentral-topmenu.gif') no-repeat left 50%;}


/* for location */
.central-location {color:#47C431;}
.northern-location {color:#F45E8E;}
.southern-location {color:#00BCFB;}

/* for map */
.map {width:860px; margin:0 auto; padding:15px 10px 20px; background-color:#DED6AD; color:maroon;}
.map table {width:560px; padding-bottom:5px; border:1px #CABD80 solid;}
.map table th {background-color:#CABD80; text-align:center;}

.map1 {width:860px; margin:0 auto; padding:15px 10px 20px; background-color:#faf8c7; color:maroon;}
.map1 table {width:560px; padding-bottom:5px; border:1px #CABD80 solid;}
.map1 table th{ background-color:#CABD80;}

.map2 {width:1080px; margin:0 auto; padding:15px 10px 20px; background-color:#DED6AD; color:maroon;}
.map2 table {width:560px; padding-bottom:5px; border:1px #CABD80 solid;}
.map2 table th{ background-color:#CABD80;}
/* for old style of map */
.northern-mapdetail {margin:20px 0;}
.northern-map {color:#D200A7;}

/* for map >> decrease to use table */
ul.map-table{display:block; list-style:none; width:600px; margin:0 auto; padding:2px 2px 0px 2px; clear:left;}  
ul.map-table li{list-style:none; display:block; float:left; background-color:#DED6AD; margin:2px 0 0 10px; padding:4px 0 0 0; width:285px; text-align:left;}
ul.map-table img{width:32px; height:26px; float:left; margin-right:6px;}

ul.map-table1{display:block; list-style:none; width:600px; margin:0 auto; padding:2px 2px 0px 2px; clear:left;}  
ul.map-table1 li{list-style:none; display:block; float:left; background-color:#faf8c7; margin:2px 0 0 10px; padding:4px 0 0 0; width:285px; text-align:left;}
ul.map-table1 img{width:32px; height:26px; float:left; margin-right:6px;}

ul.map-table2{display:block; list-style:none; width:600px; margin:0 auto; padding:2px 2px 0px 2px; clear:left;}  
ul.map-table2 li{list-style:none; display:block; float:left; background-color:##DED6AD; margin:2px 0 0 10px; padding:4px 0 0 0; width:285px; text-align:left;}
ul.map-table2 img{width:32px; height:26px; float:left; margin-right:6px;}

/* for climate & weather */
.central-climate {width:400px; background-color:#E0F7D7; border-collapse:collapse; white-space:nowrap;}
.northern-climate {width:400px; background-color:#FFF0FF; border-collapse:collapse; white-space:nowrap;}
.southern-climate {width:400px; background-color:#F1FBFE; border-collapse:collapse; white-space:nowrap;}

.central-climate th, .central-weather th {padding:3px 5px; text-align:center; border:1px solid #D6D6D6; background-color:#9EE680;}
.northern-climate th, .northern-weather th {padding:3px 5px; text-align:center; border:1px solid #D6D6D6; background-color:#FFCCFF;}
.southern-climate th, .southern-weather th {padding:3px 5px; text-align:center; border:1px solid #D6D6D6; background-color:#C7EFFA;}

.central-climate .centered, .northern-climate .centered, .southern-climate .centered {text-align:center;}
.central-climate td, .central-weather td, .northern-climate td, .northern-weather td, .southern-climate td, .southern-weather td {padding:3px 5px; text-align:right; border:1px solid #D6D6D6;}

.central-weather {width:665px; background-color:#E0F7D7; border-collapse:collapse; white-space:nowrap;}
.central-weather .central-head {text-align:left; font-weight:bold; width:127px; background-color:#9EE680;}

.northern-weather {width:665px; background-color:#FFF0FF; border-collapse:collapse; white-space:nowrap;}
.northern-weather .northern-head {text-align:left; font-weight:bold; width:127px; background-color:#FFCCFF;}

.southern-weather {width:665px; background-color:#F1FBFE; border-collapse:collapse; white-space:nowrap;}
.southern-weather .southern-head {text-align:left; font-weight:bold; width:127px; background-color:#C7EFFA;}

/* for attractions */
.contact {margin:15px 0;}
.contact th {width:100px; font-style:italic; font-weight:normal; text-align:left; vertical-align:top;}
ul.tourist-att {margin:0 0 10px 15px; padding:0;}
ul.tourist-att li {margin-top:10px;}

/* for activities */
.activities {float:left; width:auto;}
.activities td {vertical-align:top; padding-bottom:10px;}
.activities .firstcol {width:350px;}


/* for shopping & dining */
.shopping, .dining {width:100%;}
.dining-shop {width:auto; margin:10px auto 0; color:#999999;}
.dining-shop td {padding:10px; vertical-align:top; text-align:center;}
.dining-shop img {margin-bottom:5px; padding:3px; border:1px #CCCCCC solid;}

/* for shopping */
.shopping td {width:50%; vertical-align:top; padding-bottom:10px;}

/* for dining */
.dining th {width:33%; text-align:left;}

/* for shopping dining activity>> Shopping top menu, Dining top menu, Activity top menu >> decrease to use table */
ul.shop-dining-activity{display:block; list-style:none; width:650px; margin:0  auto; padding:2px 2px 15px 2px; clear:left;}  
ul.shop-dining-activity li{list-style:none; display:block; float:left; background-color:#ffffff; margin:2px 0 0 6px; padding:4px 10px 0 0; width:195px; color:#999999; text-align:center}
ul.shop-dining-activity img{margin-bottom:5px; padding:3px; border:1px #CCCCCC solid;}

/* for transportation */
.moreinfo {width:auto; margin-top:5px;}
.moreinfo th {width:180px; font-weight:normal; text-align:left;}


/* for old style activities */
.northern-table, .southern-table {width:100%;}
.northern-table td, .southern-table td {vertical-align:top;}
.northern-table .width10, .southern-table .width10 {width:10%;}
.northern-table .width40, .southern-table .width40 {width:40%;}
.northern-table .width33 {width:33%; text-align:left;}

/*for old style imgaes*/
.imgright1 {padding:0 0 10px 10px; text-align:center; font-size:11px; color:#999999; float:right;}

/*for old style national park*/
.northern-nplisting {width:100%;}
.northern-nplisting ul {float:left;  width:250px; margin:5px 0 15px 10px; padding:0; text-align:left;}
.northern-nplisting a {color:black;}

/*for old style histirical park*/
.northern-hpark {width:100%;}
.northern-hpark td {vertical-align:top;}
.northern-hpark a {text-decoration:none; color:gray;}