﻿/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#2f373a;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

html, input, textarea
	{
		font-family:Tahoma;
		font-size:0.688em;
		line-height:1.364em;
		color:#635956;
	}



input, select { vertical-align:middle; font-weight:normal;}

a {color:#d14a00;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

cite {padding:0; display:block; font-size:1.364em; font-family:arial; line-height:1.467em;}

h3 {font-size:1.091em; margin:13px 0px 10px;}

ol {padding-left:26px;}
ol li {color:#c35020;}
ol li a {color:#12191c;}

ul {padding-left:26px; list-style-type:disc;}
ul a {color:#635956; text-decoration:none; line-height:1.636em;}
ul a:hover {text-decoration:underline; color:#c35020;}

.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:10px;}
.title2 {margin-bottom:6px;}

/* ============================= header ====================== */

#column1, #column3{width:210px; vertical-align:top; text-align:left;}
#column1{background-color:#B9ADA2; border-right:2px solid #9A958B;}
#inner1{padding:15px 20px 15px 20px;}
#column2{width:100%; vertical-align:top; text-align:left;}
#inner2{padding:15px 30px;}
#inner3{padding:15px 30px 15px 0px;}
.componentheading, {width:100%;}

/* ============================= content ====================== */

.content{background:#cdc8bd; border-top:1px solid #c1bcb1;}
.contentheading, .componentheading{width:100%; font-size:22px; font-family:Arial, Helvetica; color:#442216; letter-spacing:-1px; padding:12px 0px 6px;}
.contentpaneopen{width:100%;}

.contentpaneopen table {
margin-top:10px;
}
#reserve{}
#modify{clear:both; margin-top:15px;}

.row1 .moduletable{margin:0; padding:0; border-bottom:1px solid #9a958b; background-color:#b9ada2; padding:20px 30px;}
.row1 .moduletable h3{margin:0px; font-size:16px; margin-bottom:13px;}

.row1 #introduction{background:url(images/page1_img1.jpg) -10px 15px no-repeat; padding-left:170px; padding-top:10px; font-size :10px;}
.row1 #introduction h3{margin:0px; font-size:16px; margin-bottom:13px;}

.moduletable{margin-bottom:20px;}
.moduletable ul.menu{}
.moduletableFooter{margin:0;}

.moduletablebox{width:185px; border:1px solid #9A958B; background-color:#B9ADA2; padding:10px; margin-bottom:20px;}
.moduletablebox h3{width:100%; margin:0; font-style:italic; font-family:Georgia, "Times New Roman", Arial; padding:0px; margin-top:5px; margin-bottom:10px;}
.moduletablebox ul{padding-left:18px;}
.moduletablebox ul li{margin-bottom:5px;}

.table{width:100%; margin-top:20px;}
.table td{vertical-align:top; text-align:left;}

#column2 ul{margin-top:16px}

.dataTable{border:1px solid #9A958B; border-collapse:collapse; margin-top:15px;}
.dataTable th{background-color:#9E3A18; color:#CDC8BD; padding:2px 5px;}
.dataTable td{ border:1px solid #9A958B; padding:2px 5px;}

#hkTagaytay{background-color:#B9ADA2; margin-top:30px; border:1px solid #9A958B;}
#hkTagaytay h3, #hkTagaytay p{margin:0; padding:0;}
#hkTagaytay div div{float:left}
#hkTagaytay img{margin-top:10px; margin-right:10px; margin-bottom:10px;}

/* ============================= forms ============================= */
.small {font-size: 10px;}

.highlight{color: #CC0000;}

table.searchintro{padding: 0px; width: 100%;}

table.searchintro td {padding: 0px !important;}

.contentpaneopen fieldset {
	width:100%;
	margin: 0px 0px 10px 0px;
	border: 0px;
	border: 1px solid #9A958B;
}

.contentpaneopen fieldset div{padding:5px 10px; clear:both;}

.contentpaneopen fieldset a, .contentpaneopen fieldset a:visited {font-weight: bold;}
input #area_content{padding-top:20px;}
.inputbox {height:14px; border:1px solid #717171; background:#fff; padding:2px; font-size:1em; background:url(images/spacer.gif) repeat;}
#searchForm div div{width:100%; clear:both; height:20px;}
#search_searchword {height:14px; border:1px solid #717171; background:#fff; padding:2px 2px; font-size:1em; background:url(images/spacer.gif) repeat;}
#ContactForm .rowi {height:43px;}
#emailForm .inputbox {width:350px; height:14px; border:1px solid #717171; background:#fff; padding:2px; font-size:1em; background:url(images/spacer.gif) repeat;}
#emailForm #contact_text{width:350px; height:80px; border:1px solid #717171; background:#fff; padding:2px; overflow:auto; font-size:1em; margin-bottom:15px;}
#contact_name, #contact_email{margin-bottom:5px; margin-top:1px;}
.input{border:0;}
.button{height:20px; border:2px solid #717171; cursor:pointer; font-weight:bold; font-size:10px; padding:0; margin:0; vertical-align:middle;}
.button:hover{background-color:#9E3A18; color:#FFF; border:2px solid #682209;}

select.inputbox{height:auto;}
