.building_work
	{
	height: 50px;
	background: #000 url(/homestay/img/topnav_stretch.gif) repeat-x;
	border-bottom: solid 2px #369;

	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 30px;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	}

	a.white:active, a.white:visited, a.white:link, a.white:hover 
		{ color: #fff; text-decoration: none; display: block;}




/* Layout Style */

	body,html
		{
		width: 100%; height: 100%;
		margin: 0; padding: 0;
		background: #508ec1; /* url('/z/img/background.png') repeat-x; */
		background: #508ec1; /* url('/access/z/img/bck.jpg'); */
		text-align: center;
		}
	.mainpagetable
		{ background: #fff; margin: 10px auto; padding: 0; border: solid 2px #369; }
	#sidebar
		{ margin: 0; padding: 5px; }

	#sidebar p { font-size: 0.8em; }

	#mainbar
		{ margin: 0; padding: 5px; }
	#col
		{ margin: 0; padding: 0 5px; }
	.border
		{ border: solid #369; border-width: 0 2px 0 0; }
	#header
		{
		width: 100%;
		height: 125px;
		border: solid #369; border-width: 0 0 2px 0;
		}
	#logo
		{ width: 150px; height: 85px; margin-top: 5px; float: right; }
	#toptext
		{ width: 720px; height: 85px; margin-top: 5px; float: left; text-align: center; }
	#lowertext
		{ width: 250px; text-align: right; margin: 0 5px 0 0; float: right; }
	.main
		{ font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; text-decoration: none; color: #06c; margin-top: 20px; }
	.sub
		{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #808080; }
	#footer
		{ border: solid #369; border-width: 2px 0 0 0; }

#ltd
	{
	font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal; text-decoration: none; color: #fff;
	width: 980px;
	margin: -10px auto;
	padding: 0;
	}










/* Navigation Style */

	ul 
		{
		list-style: none; 
		margin: 3px 0px; padding: 0;
		}
	ul li 
		{
		line-height: 1.7em;
		color: #000;
		font-size: 0.75em;
		font-weight: normal;
		text-indent: 5px;
		border: solid 1px #fff;
		text-align: justify;
		}
		li.on
			{ color: #000; background: #ddd; border: solid 1px #369; }
		li.heading
			{ color: #000; font-weight: bold; border: solid 1px #fff; }
		li.pdf	{ background: url('/z/img/pdf.gif') no-repeat; text-indent: 20px; background-position: 0 2px; }

	li.sub
		{
		color: #666;
		font-size: 0.75em;
		font-weight: normal;
		text-align: justify;
		position: relative; top: -2px;
		padding-bottom: 10px;
		line-height: 0.8em;
		text-indent: 6px;
		border: solid 1px #ddd; border-width: 0 0 1px 0;
		}

	.new
		{
		font-weight: bold;
		color: #d00;
		text-transform: uppercase; 
		}








/* Text Style */

	body,html
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		color: #000;
		}
	p
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		font-weight: normal;
		text-align: justify;
		line-height: 1.4em;
		margin: 10px 0px 10px 0px; padding: 0 5px;
		}
	.small
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		font-weight: normal;
		color: #000;
		text-align: justify;
		line-height: 1.4em;
		margin: 10px 0px 10px 0px; padding: 0 5px;
		}
	.sidebar
		{
		font-size: 0.7em;
		font-weight: normal;
		color: #000;
		text-align: justify;
		line-height: 1.4em;
		margin: 10px 0px 10px 0px; padding: 0 5px;
		}
	h1
		{
		font-size: 0.75em; font-weight: bold; color: #fff;
		line-height: 1.8em; text-transform: uppercase; letter-spacing: 0.2em;
		background: #369;
		margin: 0; padding: 0 5px;
		border: solid 1px #369;
		text-align: justify;
		}
	h2
		{
		font-size: 0.8em; font-weight: bold; color: #000;
		line-height: 1.8em;
		margin: 0; padding: 0 5px;
		}
	h3
		{
		font-size: 150px; font-weight: bold; color: #d00;
		margin: 0; padding: 0 5px;
		text-align: center;
		}









/* LINK STYLE */

	a:active, a:visited, a:link
		{ color: #369; text-decoration: none; } 
	a:hover 
		{ color: #d00; text-decoration: underline; }










/* TABLE STYLE */

	.table
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		font-weight: normal;
		text-decoration: none;
		color: #666;
		border: 1px solid #666;
		}

	.price_header
		{
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #06c;
		line-height: 1.4em;
		margin: 0px; padding: 0px;
		border-bottom: solid 2px #06c;
		}

	.even	{ background: #ddd; padding: 2px 5px; }
	.odd	{ background: #fff; padding: 2px 5px; }

	.th	{ background: #369; color: #fff; font-weight: bold; padding: 2px 5px; border-bottom: solid 2px #666; }










/* IMAGE STYLES */

	#image
		{
		width: 750px; height: 200px;
		border: solid 2px #369;
		background: #000;
		margin: 4px 0 0 0;
		}

	.teacher
		{
		width: 150px; height: 200px;
		border: solid #369; border-width: 2px 2px 0 2px;
		}









/* BLOG TEASER STYLES */

.teaser_box
	{
	border: solid 1px #ccc;
	margin: 5px 0;
	min-height: 150px;
	position: relative;
	}
.teaser_box:hover
	{
	border: solid 1px #369;
	background: #ddd;
	}

.teaser_title
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-align: justify;
	line-height: 30px;

	position: absolute; top: 5px; left: 60px;

	width: 459px;

	border-bottom: dotted 1px #666;
	}

.teaser_detail
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	text-align: justify;
	line-height: 1.4em;

	position: absolute; top: 40px; left: 60px;
	}

.teaser_text
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: justify;
	line-height: 1.4em;
	margin-right: 30px;

	position: absolute; top: 50px; left: 55px;
	}

.teaser_continue
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-align: right;
	line-height: 30px;

	position: absolute; bottom: 0px; right: 15px;

	width: 459px;

	border-top: dotted 1px #666;
	}

.teaser_icon
	{
	width: 45px; height: 45px;
	position: absolute; top: 5px; left: 5px;
	}
.teaser_d
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;

	position: absolute; top: 28px; left: 18px;
	}
.teaser_m
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;

	position: absolute; top: 9px; left: 16px;
	}







/* BLOG STYLES */

.blog_image
	{
	float: right;
	margin: 0 0 0 10px;
	}

.blog_img_large
	{
	width: 400px; height: 300px;
	border: solid 1px #369;
	margin: 0 auto;
	}

.blog_box_full
	{
	margin: 5px 0;
	position: relative;
	}

.blog_text
	{
	margin: 60px 20px 10px 20px;

	border: solid 1px #d00;
	}

.blog_title
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-align: justify;
	line-height: 30px;

	width: 521px;

	margin: 5px 0 0 5px;

	border-bottom: dotted 1px #666;
	}

.blog_detail
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	text-align: justify;
	line-height: 1.4em;

	margin: 0 0 0 5px;
	}









/* COMMENT STYLES */

.comment_box
	{
	border: solid 1px #666;
	background: #eee;
	margin: 5px 0;
	min-height: 60px;
	position: relative;
	}
.comment_box:hover
	{
	border: solid 1px #369;
	background: #ddd;
	}

.comment_icon
	{
	width: 45px; height: 45px;
	position: absolute; top: 5px; left: 5px;
	}

.comment_detail
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	text-align: justify;
	line-height: 1.4em;

	position: absolute; top: 20px; left: 60px;
	}

.comment_text
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-align: justify;
	line-height: 1.4em;
	margin: 60px 20px 10px 20px;
	}

.comment_form
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-align: justify;
	line-height: 1.4em;

	background: #eee;

	border: solid 1px #666;
	margin: 5px 0; padding: 5px;
	}

.comment_label
	{
	margin: 10px 0 0 20px;
	}

.comment_textinput
	{
	font-family: Arial; font-size: 0.9em; color: #000;
	width: 480px; margin-left: 20px; padding: 2px 5px;
	}

.comment_textarea
	{
	font-family: Arial; font-size: 0.9em; color: #000;
	width: 480px; height: 150px; overflow: hidden; margin-left: 20px; padding: 2px 5px;
	}
.comment_submit
	{
	font-family: Arial; font-size: 0.9em; color: #000;
	width: 490px; margin: 20px; padding: 2px 5px; background: #ddd;
	}


























/* FORM STYLES */

.test
	{
	font-family: Arial; font-size: 0.8em; color: #000;
	text-align: justify;
	background: #fff;
	margin: 2px 0 5px 0; padding: 20px 0 0 0;
	}
.enrol
	{
	font-family: Arial; font-size: 1.0em; color: #fff;
	text-align: justify;
	background: #369;
	margin: 2px 0 5px 0; padding: 20px 0 0 0;
	}

form.enrol p
	{
	font-size: 0.75em; font-weight: bold; color: #fff;
	line-height: 1.8em; letter-spacing: 0.2em;
	margin: 10px 0 0 20px; padding: 0;
	text-align: justify;
	margin: 20px;
	}
form hr
	{
	border: 0;
	width: 100%; height: 1px;
	color: #fff; background: #fff;
	border: 1px dotted #fff; border-style: none none dotted;
	margin: 20px 0;
	}
.formtag
	{
	font-size: 0.75em; font-weight: bold; color: #fff;
	line-height: 1.8em; letter-spacing: 0.2em;
	margin: 10px 0 0 20px; padding: 0;
	}
.text	
	{
	font-family: Arial; font-size: 0.9em; color: #000;
	width: 480px; margin-left: 20px; padding: 2px 5px;
	}
.date_d
	{
	font-family: Arial; font-size: 0.9em; color: #000;
	width: 140px; margin-left: 20px; padding: 2px 5px;
	}
.date_m
	{
	font-family: Arial; font-size: 0.9em; color: #000;
	width: 140px; margin-left: 20px; padding: 2px 5px;
	}
.date_y

	{
	font-family: Arial; font-size: 0.9em; color: #000;
	width: 140px; margin-left: 20px; padding: 2px 5px;
	}
.address
	{
	font-family: Arial; font-size: 0.9em; color: #000;
	width: 480px; height: 100px; overflow: hidden; margin-left: 20px; padding: 2px 5px;
	}
.about_you
	{
	font-family: Arial; font-size: 0.9em; color: #000;
	width: 480px; height: 150px; overflow: hidden; margin-left: 20px; padding: 2px 5px;
	}
.message
	{
	font-family: Arial; font-size: 0.9em; color: #000;
	width: 480px; height: 250px; overflow: hidden; margin-left: 20px; padding: 2px 5px;
	}
.select
	{
	font-family: Arial; font-size: 0.9em; color: #000;
	width: 490px; margin-left: 20px; padding: 2px 5px;
	}
.submit
	{
	font-family: Arial; font-size: 0.9em; color: #000;
	width: 490px; margin: 20px; padding: 2px 5px; background: #fff;
	}


.lang_form
	{
	font-family: Arial; font-size: 1.0em;
	margin: 5px;
	}
.lang_select
	{
	font-family: Arial; font-size: 0.75em; font-weight: normal; color: #369;
	width: 200px;
	}

/* TEST STYLES */

	.wrong
		{
		color: #d00;
		text-decoration: line-through;
		}
	.correct
		{
		color: #090;
		}
	legend
		{
		font-size: 0.9em; font-weight: bold; color: #fff;
		line-height: 1.8em; text-transform: uppercase; letter-spacing: 0.2em;
		background: #369;
		margin: 0; padding: 0 5px;
		border: solid 1px #369;
		}
	fieldset
		{
		border: 1px solid #369;
		padding: 10px;
		margin-bottom: 10px;
		text-align: justify;
		}
	.gap
		{
		width: 150px;
		font-family: Arial; font-size: 10pt; font-weight: normal; color: #000;
		border: solid #06c; border-width: 0 0 1px 0;
		}



/* COMMENTS STYLE */

	.comment
		{
		border: solid #369; border-width: 0 1px 1px 1px;
	/*	padding: 10px; */
		background: #ddd;
		}

	.guestbook
		{
		font-family: Arial; color: #666; font-size: 0.8em; font-style: italic; text-align: justify;
		margin: 10px 0px 10px 0px; padding: 0 5px;
		}

	.author
		{
		font-family: Arial; color: #666; font-size: 0.8em; font-weight: bold; text-align: right;
		margin: 0px 0px 10px 0px; padding: 0 5px;
		}