body {
	background-color: #B1E4FF;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 40px;

	background-image: url('/_images/bg_bottom.jpg');
	background-repeat: repeat-x;
	background-position: bottom;

	font-family: Arial, Verdana;
	line-height: 18px;
}

#body_top {
	background-image: url('/_images/bg_top.jpg');
	background-repeat: repeat-x;
	background-position: top;
	padding: 0;
	margin: 0;
}

.home #body_top {
	background-image: url('/_images/bg_top_balloon.jpg');
}


#areaContainer {
	width: 1000px;
	background-color: #FFF;
	padding-bottom: 100px; 
	margin: 0 auto;
	background-image: url('/_images/bg_glass.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 1560px; /*EQUAL KICKER HEIGHT*/
	_height: 1560px; /*FOR IE6*/
}

.gallery #areaContainer {
	min-height: 900px; /*EQUAL KICKER HEIGHT*/
	_height: 900px; /*FOR IE6*/
}

.contact #areaContainer {
	min-height: 1200px; /*EQUAL KICKER HEIGHT*/
	_height: 1200px; /*FOR IE6*/
}

.events #areaContainer {
	min-height: 1300px; /*EQUAL KICKER HEIGHT*/
	_height: 1300px; /*FOR IE6*/
}

.news #areaContainer {
	min-height: 1000px; /*EQUAL KICKER HEIGHT*/
	_height: 1000px; /*FOR IE6*/
}

.guide #areaContainer {
	min-height: 1300px; /*EQUAL KICKER HEIGHT*/
	_height: 1300px; /*FOR IE6*/
}

#bg_container_top {
	background-image: url('/_images/bg_container_top.jpg');	
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 50px;
}

.home #bg_container_top {
	background-image: url('/_images/bg_container_top_balloon.jpg');
}

.bg_kicker_top {
	background-image: url('/_images/bg_kicker_top.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}

.bg_kicker_bottom {
	background-image: url('/_images/bg_kicker_bottom.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	display: block;
	height: 60px;
}

#areaKicker {
	width: 268px;
	float: left;
	position: absolute;

	background-image: url('/_images/bg_kicker_vindex.jpg');
	background-repeat: repeat-y;
	background-position: top right;
	margin-right: 53px;
/*	min-height: "=Kicker height";*/
}

#areaKicker img {
	margin: 5px 0;

}

.spacekicker {
	padding-left: 43px; 
}


#areaContent {
	padding-left: 268px;
}
.spacecontent {
	padding-left: 25px; 
	padding-right: 55px; 
}

.imgLeft {
	margin-top: 5px;
	margin-right: 20px;
}

.imgRight {
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 20px;
}



.default #areaContent a {color: #F09;}
.default #areaContent a:hover {color: #00AEEF; text-decoration: none;}


 #areaHeader {
	width: 1000px;
	margin: 0 auto;
	color: #000;
	font-size: 11px;
	height: 240px;

	background-image: url('/_images/banner/default.jpg');
	background-repeat: no-repeat;
	background-position: 0 15px;
}

.home #areaHeader {
	background-image: none;
}

.logo {
	position: absolute; float: left;
	width: 1000px;
	margin: 35px 0 0 45px;
}

.spacemainnav {padding-top: 210px; padding-left: 368px; float: right; position: absolute;}
#areaMainnav {
	height: 30px;
	display: block;
}


#areaFooter {
	width: 1000px;
	text-align: center;
	margin: 10px auto;
	font-size: 11px;
}

#areaFooter a {
	color: #000;
	text-decoration: none;
	padding: 0 2px;
}

#areaFooter a:hover {
	color: #06f;
	text-decoration: underline;
}

#areaFooter a.actived {
	color: #06f;
	text-decoration: underline;
	font-weight: bold;
}

img {border: none; padding: 0; margin: 0;}

h1 {
	font-size: 18px;
	color: #0099FF;
	padding: 0 0 10px 0;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
}

h2 {
	font-size: 13px;
	color: #FF0099;
	padding: 5px 0 10px 0;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
}

h3 {
	font-size: 12px;
	color: #FF0099;
	padding: 5px 0 10px 0;
	margin: 0;
	font-weight: bold;
}

h4 {
	font-size: 13px;
	color: #FF0099;
	padding: 5px 0;
	margin: 0 0 8px 0;
	font-weight: normal;
	border-bottom: 1px dotted #AFAFAF;
}

p, form {
	font-size: 12px;
	color: #333;
	line-height: 18px;
	padding: 0 0 10px 0;
	margin: 0;
}

ul {padding: 5px 0; margin: 0;  line-height: 18px;
	list-style-type: none;
	/*
	background-image: url('/_images/icon_plus.gif');
	background-repeat: no-repeat;
	background-position: 0 15px;
	*/
}

li {padding-bottom: 3px;
padding-left: 18px;
	background-image: url('/_images/icon_plus.gif');
	background-repeat: no-repeat;
	background-position: left 4px;

}
blockquote {padding: 5px 0 5px 20px; margin: 0;  line-height: 18px;}
a {color: #00AEEF; text-decoration: none;}
a:hover { text-decoration: underline;}


.group_link_arrow {
	padding: 5px 0 10px 0;
	font-size: 12px;
	line-height: 18px;
}
.group_link_arrow a {
	color: #0071bc;
	text-decoration: none;
	background-image: url('/_images/arrow_blue.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 12px;
}

.group_link_arrow a:hover {
	text-decoration: underline;
}

.back_to_top {
	margin: 10px 0;
	padding: 5px 0 0 0;
	border-top: 1px dotted #AFAFAF;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
}

.back_to_top a {
	color: #00AEEF;
	text-decoration: none;
	background-image: url('/_images/arrow_top_blue.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	font-weight: bold;
}

.back_to_top a:hover {
	text-decoration: underline;
}

.link_magnify, .link_pdf {
	font-size: 12px;
	line-height: 18px;
}

.link_magnify a, .link_pdf a {
	color: #00AEEF;
	text-decoration: none;
	background-image: url('/_images/icon_magnify.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	font-weight: bold;
}

.link_pdf a {
	background-image: url('/_images/icon_pdf.gif');
}

.link_magnify a:hover, .link_pdf a:hover {
	text-decoration: underline;
}


#areaMainnav a {	font-size: 13px; color: #FFF; font-weight: bold; text-decoration: none; padding: 6px 0 0 0;height: 24px; width: 122px; 
	display: block;}
#areaMainnav a:hover, #areaMainnav a.actived {
	float: left; text-decoration: none;
}

#nav1, #nav2, #nav3, #nav4, #nav5 {
	float: left; 
	background-repeat: no-repeat; 
	padding: 0; 	margin: 0 0 0 1px; 
	text-align: center; 
}
#nav1 {background-image:  URL("/_images/nav/nav_orange.png"); _background-image:  URL("/_images/nav/nav_orange.gif");}
#nav2 {background-image:  URL("/_images/nav/nav_green.png"); _background-image:  URL("/_images/nav/nav_green.gif");} 
#nav3 {background-image:  URL("/_images/nav/nav_purple.png"); _background-image:  URL("/_images/nav/nav_purple.gif");}
#nav4 {background-image:  URL("/_images/nav/nav_blue.png"); _background-image:  URL("/_images/nav/nav_blue.gif");}
#nav5 {background-image:  URL("/_images/nav/nav_pink.png"); _background-image:  URL("/_images/nav/nav_pink.gif");}

.home #nav1 {_background-image:  URL("/_images/nav/nav_orange_home.gif");}
.home #nav4 {_background-image:  URL("/_images/nav/nav_blue_home.gif");}
.home #nav5 {_background-image:  URL("/_images/nav/nav_pink_home.gif");}

#nav1 a:hover, #nav1 a.actived {background-image:  URL("/_images/nav/nav_orange_on.png"); _background-image:  URL("/_images/nav/nav_orange_on.gif");}
#nav2 a:hover, #nav2 a.actived {background-image:  URL("/_images/nav/nav_green_on.png"); _background-image:  URL("/_images/nav/nav_green_on.gif");}
#nav3 a:hover, #nav3 a.actived {background-image:  URL("/_images/nav/nav_purple_on.png"); _background-image:  URL("/_images/nav/nav_purple_on.gif");}
#nav4 a:hover, #nav4 a.actived {background-image:  URL("/_images/nav/nav_blue_on.png"); _background-image:  URL("/_images/nav/nav_blue_on.gif");}
#nav5 a:hover, #nav5 a.actived {background-image:  URL("/_images/nav/nav_pink_on.png"); _background-image:  URL("/_images/nav/nav_pink_on.gif");}

.home #nav1 a:hover, .home #nav1 a.actived {_background-image:  URL("/_images/nav/nav_orange_on_home.gif");}
.home #nav4 a:hover, .home #nav4 a.actived {_background-image:  URL("/_images/nav/nav_blue_on_home.gif");}
.home #nav5 a:hover, .home #nav5 a.actived {_background-image:  URL("/_images/nav/nav_pink_on_home.gif");}


#areaSubNav {margin: 0 auto; position: absolute; z-index:998;}
#areaSubNav a {
	font-family: Arial, Verdana; font-size: 12px; 	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	height: 24px;
	padding-top: 5px;
	background-color: #ababab;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
}
#areaSubNav a:hover ,
	#areaSubNav a.actived {	color: #000;	text-decoration: none;	background-color: #d9d9d9;
}



hr {
	border: none;
	border-top: 1px dotted #AFAFAF;
	color: #FFF;
}

.sideRight {
	float: right;
}

.bg_weather {
	width: 166px;
	height: 138px;
	text-align: center;
	border: 1px solid #CCC;
	padding: 15px 0 0 0;
	background-image: url('/_images/bg_weather.jpg');
	background-repeat: no-repeat;
}

.pngfix, img {   behavior: url("../_includes/iepngfix.htc");}
.icon_th img {margin: 15px 20px 0 0;}
.fontThai {font-family: Tahoma, Verdana, Arial; font-size: 14px; line-height: 22px;}
.fontThaiLarge {font-size: 16px;}
.fontSmall {font-size: 11px;}
.fontMed {font-size: 13px;}
.colorGreen {color: #393;}
.colorBlue {color: #09F;}
.colorPurple {color: #909;}
.colorPink {color: #C39;}
.colorOrange {color: #F60;}


.formContact {}
.formContact td {padding: 5px 0;}
.formContact input, .formContact textarea {width: 200px; color:#633; font-size: 10px;}
.formContact input.button {width: 60px; color: #FFF; font-size: 12px; font-family: arial;}
.formContact input.errInput, .formContact textarea.errInput {border: 2px solid #F60;}
.formContact label {font-weight: bold;}
.button {
	border: none;
	color: #FFF;
	background-color: #09F; 
	padding: 3px;
	font-weight: bold;
	cursor: pointer;
}


.tableTimetable {width: 640px; border: 1px solid #09C; border-right: none; border-bottom: none; font-size: 10px; }
.tableTimetable th, .tableTimetable td {border: 1px solid #09C; border-left: none; border-top: none; text-align: center; font-size: 10px;}
.tableTimetable th {background-color: #CCC; font-size: 8px; font-weight: bold; color: #09C;}
.tableTimetable td.left {text-align: left;}

.indent {
	padding-top: 0px;
	padding-left: 15px;
	padding-bottom: 10px;
}