﻿#wrapper {
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font:10pt/20px verdana;
	color:rgb(114,112,111);
}
body {
	min-height: 100%;
	width: 100%;
	height: 100%; 
	margin: 0;
	padding: 0;
	font:10pt/20px verdana;
	color:rgb(114,112,111);
}
html {
	min-height: 100%;
	width: 100%;
	height: 100%; 
	margin: 0;
	padding: 0;
	font:10pt/20px verdana;
	color:rgb(114,112,111);
}
html > body #wrapper {
height: auto;
}
html > body {
height: auto;
}
#wrapper {
position: absolute;
top: 0;
left: 0;
}
#main {
margin-bottom: 140px;
}

html{
	background:url('../images/bg-ornaments.jpg') no-repeat 790px 120px;
}
img {
	border:none;
	width:auto;
	height:auto;
}
a {
	text-decoration:none;
	outline:none;
}

/*NAVIGATION BAR:main bar*/
#nav {
	position:absolute;
	top:90px;
	left:0px;
	width:100%;
	height:50px;
	background:url('../images/bg-navtop.gif') repeat-x;
}
#nav ul {
	margin:8px 0px 0px 300px;
	padding:0px;
	list-style-type:none;
}
#nav li {
	float:left;
	padding:0px 10px 0px 10px;
}
#nav a {
	font-weight:bold;
	color:rgb(111,96,22);
}
#nav a:hover {
	color:rgb(170,156,105);
}
#nav a.current {
	color:rgb(111,96,22);
	font-size:11pt;
}
/*NAVIGATION BAR:subbar*/
#navsub {
	position:absolute;
	top:120px;
	left:0px;
	width:100%;
	height:21px;
	background:rgb(225,217,213);
}

#navsub ul {
	margin:0px 0px 0px 320px;
	padding:0px;
	list-style-type:none;
}
#navsub li {
	float:left;
	padding:0px 10px 0px 10px;
}
#navsub a {
	font-weight:normal;
	color:rgb(64,66,36);
}
#navsub a:hover {
	border-bottom:1px dashed;
}
#navsub a.current {
	color:rgb(111,96,22);
}

/*TOP LEFT PANEL:LOGO, ONLINE RESERVATION, FAITH TOUR*/
#topleftpanel {
	position:absolute;
	top:-3px;
	left:20px;
	height:100%;
	width:252px;
	background:url('../images/bg-topleftpanel.gif') no-repeat;
}

#logo {
	position:absolute;
	top:10px;
	left:25px;
}
#logo a:hover img{
	opacity: 0.5;
	filter: alpha(opacity = 50);
}
#booking{
	line-height:normal;
	text-align:left;
	position:absolute;
	top:85px;
	width:250px;
	color:rgb(64,66,36);
}
#booking ul {
	list-style-image: url('../images/listimg1.gif');
}
#booking li {
	padding:0px 0px 8px 0px;
}
#booking a {
	color:rgb(64,66,36);
}
#booking a:hover {
	color:rgb(136,142,108);
}
#booking .bookingfont1 {
	font-size:12pt;
	font-weight:bolder;
}
#secureinstant {
	position:absolute;
	top:220px;
	margin:0px 0px 0px 0px;
	height:465px;
	width:252px;
	text-align:left;
	line-height:normal;
	font-size:8pt;
	line-height:normal;
	color:rgb(64,66,36);
	text-align:center;
	background:url('../images/bg-secureinstant.gif') no-repeat;
}
#secureinstant h1 {
	color:rgb(64,66,36);
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	margin:8px 0px 0px 0px;
	padding:5px;
}
#secureinstant ul {
	text-align:left;
	margin:0px 10px 0px 25px;
	padding:5px;
}
#secureinstant p{
	margin:2px 10px 0px 12px;
}
#secureinstant p.p1{
	text-align:left;
	font-weight:bold;
}
#visitpenang {
	position:absolute;
	top:700px;
	width:250px;
	height:auto;
	text-align:center;
}
#visitpenang h1 {
	color:rgb(64,66,36);
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	margin:8px 0px 0px 0px;
	padding:5px;
}
#visitpenang img{
	padding:10px 0px 0px 0px;
}
#visitpenang a:hover img{
	opacity:0.5;
	filter: alpha(opacity = 50);
}
#faithtour {
	position:absolute;
	top:880px;
	width:250px;
	height:auto;
	text-align:center;
}
#social{
	position:absolute;
	top:980px;
	width:250px;
	height:auto;
	text-align:center;
}


/*TOP RIGHT PANEL*/
#toprightpanel {
	position:absolute;
	top:5px;
	right:0px;
	height:15px;
	text-align:center;
}
#toprightpanel ul {
	padding:0px;
	list-style-type:none;
}
#toprightpanel li {
	float:left;
	padding:0px 15px 0px 0px;
}
#toprightpanel a img{
	opacity: 0.3;
	filter: alpha(opacity = 30);
}
#toprightpanel a:hover img{
	opacity: 1.0;
	filter: alpha(opacity = 100);
}
#toprightpanel a {
	color:rgb(136,142,108);
	opacity:0.3;
	filter: alpha(opacity = 30);
	font-size:8pt;
}
#toprightpanel a:hover {
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

/*SEASONAL PROMOTION NOTICE*/
#seasonalpromotion {
	position:absolute;
	top:68px;
	left: 300px;
	width:auto;
}
#seasonalpromotion a{
	color:green;
}
#seasonalpromotion a:hover{
	color:red;
}


/*CONTENT*/
#content {
	position:absolute;
	top:160px;
	left: 300px;
	width:545px;
}
#content h3{
	font:20pt century gothic;
	letter-spacing:-2px;
	color:rgb(105,140,35);
}
#content h4{
	font:12pt century gothic;
	letter-spacing:-1px;
	color:rgb(105,140,35);
	margin:0px;
}
#content h5{
	font:10pt verdana;
	font-weight:bolder;
	color:rgb(111,96,22);
	padding:0px;
	margin:0px;
}
#content h6{
	font:10pt verdana;
	color:rgb(111,96,22);
	padding:0px;
	margin:0px;
}

#content hr{
	padding:0px;
	margin:0px 0px 5px 0px;
}
#content p {
	margin-bottom:20px;
	margin:0px;
}
#content p.right {
	text-align:right;
}
#content p.center {
	text-align:center;
}
#content p.italic {
	font-style:italic;
}
#content .sidenote {
	font-style:italic;
	font-size:xx-small;
}

#content a.style1{
	color:rgb(105,104,35);
}
#content a.style1:hover{
	border-bottom:1px dashed;
}

#content a.style1:hover{
	border-bottom:1px dashed;
}
#content a.style2{
	color:rgb(105,104,35);
}
#content a.style2:hover{
	color:rgb(105,140,35);
}

#content a:hover img{
	opacity:0.5;
	filter: alpha(opacity = 50);
}
#content ul{
	padding:0px;
	margin:0px 0px 0px 20px;
}
#imagerotator {
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url('../images/bg-imagerotator.jpg') center no-repeat;
	height:310px;
	text-align:center;
	vertical-align:middle;
}
#room {
	height:130px;
	vertical-align:bottom;
	padding-bottom:10px;
}
#room img{
	float:left;
	padding:0px 10px 0px 0px;
}
#room img.icon{
	float:left;
	padding:0px 2px 0px 0px;
}
#hallcapacity {
	padding-bottom:10px;
}
#hallcapacity p.hallname{
	text-align:left;
	font-weight:bold;
	padding:0 0 0 5px;

}
#hallcapacity td.colorbg {
	background-color: rgb(225,217,213);	
}
#hallcapacity td{
	border: 0.25pt white solid;
	text-align:center;
	height: 1px;
	margin:0;
}
/*PHOTO GALLERY*/
#photogallery {
	vertical-align:bottom;
	padding-bottom:10px;
}

#photogallery ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}
#photogallery li {
	float:left;
	padding:0px 5px 5px 0px;
}
#photogallery img {
	width:120px;
	height:auto;
}
/*SEMINAR PACKAGE*/
#seminar {
	vertical-align:bottom;
	padding-bottom:10px;
}

/*NEAREST PLACE*/
#nearpl {
	height:230px;
	vertical-align:top;
	text-align:center;
}
#nearpl ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}
#nearpl li {
	float:left;
	padding:0px 10px 0px 0px;
}
#nearplace {
	padding-right:8px;
	padding-bottom:10px;
}
#nearplace img{
	vertical-align:top;
}



/*FOOTER*/
#footer {
position: absolute;
bottom: 0;
width: 100%;
background: url('../images/bg-footer.gif') repeat-x 50% bottom;
border-top:2px rgb(114,112,111) ridge;
height:130px;
text-align:left;
font:8pt/15px verdana;
}
#footer p{
	margin:5px 10px 0px 20px;
}
#footer a{
	color:rgb(64,66,36);
}
#footer a:hover{
	border-bottom:1px dashed;
}



