body {



font-size: 0.83em;



font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;



text-align:center;



}



input, select, textarea {

    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;

    font-size: 0.98em;

}



p {



	color: #ffffff;



	}

	

h1{

	color:#84C029;

	text-align: center;

}

h2{

	color: #ffffff;

}

td {



	font-size: .80em;



	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;



	color: #ffffff;



	text-align: center;



	padding: 3px 5px 3px 5px;



}



.selectbooking{

	border: solid 1px #ffffff;

	margin: 10px;

}



th{



	color: #ffffff;



	font-weight: bold;



	padding-right: 5px;



	padding-left: 5px;



}



table{



	margin: 0px;







}



li{



	color: #ffffff;



}



legend{

	width: ;

}

fieldset{

	padding-top: 10px;

	border: solid 1px;

}



.maincontentheader  {



	font-size: 1.5em; font-family: "Comic Sans MS", cursive, Tahoma, Geneva, "Trebuchet MS";



	font-weight: bold;



	color: #84C029;



	text-align: center;



	margin-bottom: 0px;



	margin-top: 0px;



	}







a {



	color: #007BB5;



}



a:hover{



	background-color: #84C029;



	color: #170939;



}



.date{



	font-size: 1.2em;



	color: #84C029;;



	font-weight: bold;



	}

.thumb{

	margin: 7px;

	float: left;

	border:2px solid #000000;

}

.thumbover{

	margin: 7px;

	float: left;

	border:2px solid #F64F55;

}



/****Table************************************************/



.sunday{



	background-color: #954144;



}



.before6{



	background-color: #5C7A2E;



}



.after6{



	background-color: #251E36;



}



.before4{



	background-color: #8C8136



}



.after4{



	background-color: #5D2F3D;



}







td.party{



	background-color: #EAF32E;



	color: #ffffff;



}







td.pending{



	background-color: #FF6600;



	color: #ffffff;



}







/****Navigation*******************************************/



.button{



	font-weight: bold;



	}



a.button{



	background-color: #F64F55;



	padding: 5px 6px 5px 6px;



	color: #EAF32E;



	text-decoration: none;



	margin-left: -2px;



	margin-right: -2px;



	margin-top: 15px;



	}



a:hover.button{



	background-color: #84C029;



	color: #170939;



	}







/****Sections***********************************************/



#window{/* This creates a centre area on the site area */



	width: 1024px;



	margin-right: auto;



	margin-left: auto;



	text-align: left;



}

#window:after {

content:"";

display:block;

clear:both;

}







#logo{



	float: left;



	width: 308px;



	height: 116px;



	margin: 10px;



	color: #ffffff;



	float: left;



	padding: 5px;



}







.maincontent { /*content box right under the logo*/



	width: 308px;



	height: 260px;



	margin: 10px;



	overflow: auto;



	color: #ffffff;



	float: left;



	padding: 5px;



	font-size: 1.15em;







}



.contentbox{



	width: 308px;



	height: 260px;



	background-color: #333333;



	margin: 10px;



	overflow: auto;



	color: #ffffff;



	float: left;



	padding: 5px;



}

.quotecontent{



	width: 308px;



	height: 260px;



	background-color: #333333;



	margin: 10px;



	overflow: hidden;



	color: #ffffff;



	float: left;



	padding: 5px;



}



form#booking 

{

width: 280px;

margin-top: 0px;

padding-top: 0px;

padding-left: 0px;



}



.contentad{



	width: 308px;



	height: 260px;



	margin: 10px;



	overflow: hidden;



	color: #ffffff;



	float: left;



	padding: 5px;







}



#navigation{



	width: 636px;



	height: 116px;



	margin: 10px;



	overflow: auto;



	float: left;



	padding: 5px;



	padding-left: 10px;



	padding-right: 10px;



	text-align: center;



}



#success_msg {

    color: yellow;

    font-weight: bold;

    height: 75px;

    text-align: center;

    font-size: 11pt;

}



#vipsignup{

	text-align: right;

	color: #ffffff;

	font-size: .85em;

	}







.bigphoto{/*On the right hand side, a large picture*/



	width: 636px;



	height: 260px;



	margin: 10px;



	overflow: auto;



	float: left;



	padding: 5px;



	background-color: #F64F55;



	padding-left: 10px;



	padding-right: 10px;



}

#gallery{

	width: 954px;

	height: 260px;

	margin: 10px;

}



.ratechart{



	width: 636px;



	height: 260px;



	margin: 10px;



	overflow: auto;



	float: left;



	padding: 5px;



	background-color: #333333;



	padding-left: 10px;



	padding-right: 10px;



	overflow: hidden;



}







#jingcologo{ /*bottom right hand corner*/



	float:right;



	margin-left: 20px;



	text-align: right;



	color: #ffffff;







}



#bottominfo{



	clear:both;



	padding-bottom: 5px;



	padding-top: 30px;



	text-align: left;

}







#schedule{



	width: 510px;



	margin: 10px;



	overflow: auto;



	float: left;



	padding: 5px;



	padding-left: 10px;



	padding-right: 10px;



	color: #ffffff;



}







#booking{



	width: 440px;



	margin: 10px;



	color: #ffffff;



	float: left;



	padding: 5px;



}

#accountinfo{

	border: solid 1px #ffffff;

}





/****Forms**************************************************/



.submit {



	color: #333333;



	background-color: #cccccc;



	border: 1px solid #84C029;



	font-size: .83em;



}



.big_btns {



	color: #333333;



	background-color: #cccccc;



	border: 1px solid #84C029;



	font-size: 1.00em;

}



.disabled_btn {



	background-color: #F64F55;



	color: #EAF32E;



	border: 1px solid #cccccc;



	font-size: 1.00em;



	font-weight: bold;

}



/*.textarea{



	border: solid 1px #C6E44B;



	margin: 10px;



}



.text input{



	color: #333333;



	background-color: #ffffff;



} */



.submit input{



	background-color: #84C029;



	text-decoration: none;



	padding: 0px 10px 0px 10px;



	color: #1F7B9A;



	font-weight: bolder;



	border: solid 2px #1F7B9A;



	margin-left: 25px;



	}







label/* for the name of label next to input*/



{



width: 8em;



float: left;



text-align: right;



margin-right: 0.5em;



display: block



}







/****Styles**************************************************/



.smallad{



	margin-top: 6px;



	margin-bottom: 4px;



	border: solid 1px #F64F55;







}



.white



{



   color: #FFFFFF;



}



table.roomtable

{

    width: 490px;

    border-spacing: 25px 5px;

}



table.roomtable td.header

{

    width: 510px;

    font-size: 9pt;

}



table.roomtable td.available

{

    background-color: #5C7A2E;

    height: 150px;

    width: 150px;

    vertical-align:top;

    text-align: center;

}



table.roomtable td.unavailable

{

    background-color: #333333;

    height: 150px;

    width: 100px;

    vertical-align:top;

    text-align: center;

}



table.roomtable td.full

{

    background-color: #954144;

    height: 150px;

    width: 100px;

    vertical-align:top;

    text-align: center;

    align:center;

}



table.roomtable td.available_disp

{

    background-color: #5C7A2E;

    height: 20px;

    width: 150px;

}



table.roomtable td.unavailable_disp

{

    background-color: #333333;

    height: 20px;

    width: 150px;

}



table.roomtable td.full_disp

{

    background-color: #954144;

    height: 20px;

    width: 150px;

}



/*#########################################################################################################*/

/*#########################################################################################################*/





.octable

{

width:100%;

border-collapse:collapse;

}

.octable th

{

font-size:1em;

font-family:"Comic Sans MS", cursive, Tahoma, Geneva, "Trebuchet MS";

font-weight:bold;

color:#84C029;

text-align:left;

}

.octable td.ocsmall

{

font-size:.6em;

}

.ocmaincontentheader

{

font-size:1em;

font-family:"Comic Sans MS", cursive, Tahoma, Geneva, "Trebuchet MS";

font-weight:bold;

color:#84C029;

text-align:left;

margin:0px;

}







/*#########################################################################################################*/

/*###########################################  Booking  ###################################################*/

/*################################## Added by John Uy 04-24-07 ############################################*/

/*#########################################################################################################*/





#bookingcontent

{

width:1024px;

margin:0px;

padding:0px;

clear:both;

}

#bookingcontent h1

{

font-size:1.8em;

font-family:"Comic Sans MS", cursive, Tahoma, Geneva, "Trebuchet MS";

font-weight:bold;

color:#84C029;

text-align:left;

margin-bottom:10px;

margin-top:0px;

}











#bookingleft

{

width:300px;

margin:0px;

padding:0px;

float:left;

}

#bookingleft p

{

font-size:1.15em;

font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;

color:#ffffff;

}











#bookingright

{

width:620px;

margin:0px 25px 0px 0px;

padding:0px;

float:right;

border:1px dashed #84c029;

}

#bookingright h1

{

font-size:1.5em;

font-family:"Comic Sans MS", cursive, Tahoma, Geneva, "Trebuchet MS";

font-weight:bold;

color:#84C029;

text-align:left;

margin:0px 0px 10px 20px;

}

#bookingright form

{

margin:0px;

padding:0px;

font-size:1.15em;

font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;

color:#ffffff;

}

#bookingright form select

{

border:1px solid #84c029;

background:#ffffff;

color:#84c029;

}

#bookingright .formleft

{

width:285px;

height:25px;

margin:0px 0px 5px 10px;

padding:0px;

font-size:1.15em;

font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;

color:#ffffff;

float:left;

text-align:right;

}

#bookingright .formright

{

width:285px;

height:25px;

margin:0px 10px 5px 0px;

padding:0px;

font-size:1.15em;

font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;

color:#ffffff;

float:right;

text-align:left;

}











#

{

width:0px;

height:0px;

margin:0px;

padding:0px;

}