﻿*                 { margin: 0px; padding: 0px; }
html              { height: 100%; }
body              { height: 100%; background-color: #fff; font-family: Verdana, Helvetica, sans-serif; font-size: 13px; }
h2                {
	padding: 6px 0px 4px 21px;
	border-bottom: 1px #000 solid;
	font-family: Times, serif;
	font-size: 1.9em;
	font-weight: normal;
}
p                 { padding: 5px 142px 1em 5px; line-height: 18px; }
input             { width: 210px; margin-top: 5px; }
textarea          { width: 210px; height: 90px; margin-top: 5px; }
input, textarea   { border: 1px solid #ccc; padding: 2px; }
input.button      { width: 105px; padding: 1px; _padding: 0px; cursor: pointer; }
span.question     { padding: 7px 0px 0px 5px; float: left; width: 241px; display: block; }

#container        { width: 800px; margin: 0px auto -45px auto; padding: 0px 21px; background: transparent url(dropshadow.gif) top left repeat-y; position: relative; min-height: 100%; height: auto important!; _height: 100%; }

#header           { width: 800px; height: 83px; height: 0px; padding-top: 83px; overflow: hidden; background: transparent url(old_penang_guesthouse.jpg) top left no-repeat; }
#headerimage      {
	width: 800px;
	padding: 5px 0px;
	display: block;
	border-top:0px #000 hidden;
	border-bottom: 0px #000 hidden;
}
#headerimage.home { height: 253px; background: transparent url(header_home_0.jpg) left 5px no-repeat; }
.about_old_penang { height: 202px; background: transparent url(header_about_old_penang.jpg) left 5px no-repeat; }
.accomodation     { height: 202px; background: transparent url(header_accomodation.jpg) left 5px no-repeat; }
.facilities_service { height: 202px; background: transparent url(header_facilities_service.jpg) left 5px no-repeat; }
.rates            { height: 202px; background: transparent url(header_rates.jpg) left 5px no-repeat; }
.reservation      { height: 202px; background: transparent url(header_reservation.jpg) left 5px no-repeat; }
.location      { height: 202px; background: transparent url(location.jpg) left 5px no-repeat; }


#nav              { width: 201px; padding: 11px 16px; float: left; list-style-type: none; }
#nav li           {
	padding: 3px 5px;
	border-bottom: 1px #000 solid;
}
#nav a            { color: #000; font-size: 1.1em; font-weight: bold; text-decoration: none; }
#nav a:hover, #nav a.current { color: #630; }

#pagecontent      { width: 526px; margin-left: 270px; margin-bottom: 45px; padding-top: 9px; #min-height: 233px; }
#pagecontent h2   {
	padding: 21px 0px 0px 5px;
	border-bottom: 1px #000 none;
	font-family: Times, serif;
	font-size: 1.9em;
	font-weight: normal;
}
#pagecontent ul   { list-style-type: none; padding: 0em 0em 1em 1em; line-height: 18px; }
#pagecontent a    { color: #963; text-decoration: none; }
#pagecontent a:hover { color: #f93; }

#footer           { width: 800px; height: 45px; padding: 0px 21px 0px 21px; margin: 0px auto 0px auto; position: relative; clear: both; background: transparent url(footer.gif) top left no-repeat; }
#footer ul        { list-style-type: none; float: right; padding-top: 21px; width: 475px; text-align: right; }
#footer li        { display: inline; border-left: 1px solid #ccc; }
#footer ul li:first-child { border-left: none; }
#footer a         { color: #963; font-size: 9px; text-decoration: none; padding: 0px .3em 0px .7em; }
#footer a:hover   { color: #f93; }
#footer p         { padding: 21px 0px 0px 0px; color: #aaa; font-size: 9px; float: left; }
li.noborder { border-left: none !important; }
li.noborder a { padding-left: 0px !important; }

.padtop           { padding-top: 5px !important; }
.compulsory       { margin: .3em 0px 0px 241px; font-size: .9em; }