* {
margin: 0;
padding: 0;
}

#container { width: 720px; border-left: 15px solid #FFF0B3; margin: 0 auto; background-color: #ffffff; border-right: 1px dotted #FF7200; }
#header { width: 720px; height: 180px; background: #FFF0B3 url('phi-phi-islands.jpg') no-repeat right bottom; text-align: left;}
#sidemenu { width: 120px; background-color: #ffffff; float: left; text-align: right; vertical-align: top; padding: 6px; }
#toplink { width: 120px; height: 18px; float: left; vertical-align: center; text-align: left; }
#content { width: 566px; background-color: #EFEFEF; vertical-align: top; text-align: left; padding: 10px; float: right; margin: 0px; }
#footer { text-align: center; clear: both; width: 720px; background-color: #FF7200; font: normal 9px/14px arial, tahoma, sans-serif; color: #ffffff}


body { 
font-family: arial, tahoma, helvetica, "sans serif"; 
padding-top: 20px;
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size:12px; 
font-family:arial, tahoma, sans-serif;
text-align: left;
color: #000031;
background-image: none;
background-color: #EFEFEF }

a:link { color: #056BA9; text-decoration: underline; }
a:active { color: #056BA9; text-decoration: none; }
a:visited { color: #056BA9; text-decoration: none; }
a:hover { color: #056BA9; text-decoration: none; }

a.menu:link { color: #FF7200; text-decoration: none; font-weight: bold }
a.menu:active { color: #FF7200; text-decoration: none }
a.menu:visited { color: #FF7200; text-decoration: none }
a.menu:hover { color: #FF7200; text-decoration: none; font-weight: bold; font-style: italic }

a.top:link { color: #000000; text-decoration: none; font-weight: bold; font-size: 10px }
a.top:active { color: #000000; text-decoration: none; font-size: 10px }
a.top:visited { color: #000000; text-decoration: none; font-size: 10px }
a.top:hover { color: #000000; text-decoration: none; font-weight: bold; font-style: italic; font-size: 10px }

img.main {float: left; border: solid 1px; margin: 7px 10px 7px 0px}
img.hotel {float: right; border: solid 1px; margin: 7px 0px 7px 10px}
.factoid { width: 190px; float: right; background: #FFFFFF url('factbox.jpg') no-repeat left top; padding: 5px; border-bottom-style: double; border-top-style: double; border-color: #FF6600; margin: 10px }
b.title { font-size: 110%; font-weight: bold; color: #FF6600 }
p.small { font-size: 80% }

h1 { font-size: 54px; padding-left: 20px; padding-top: 50px; }
h2 { background: #FF7200; font-size: 100%; font-weight: bold; color: #FFFFFF; display: block; }
h3 { font-size: 120%; font-weight: bold; display: inline }
h4 { font-size: 100%; font-weight: bold; display: inline }

p {
margin-bottom: 20px;
}

p.formheader {
background-color: #FFF0B3; font-size: 110%; font-weight: bold;
}

.rates {margin: 0.5em 0px 0.2em 2px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; vertical-align:middle; background-color: #FFF0B3;}
.rates tr {margin: 0px; padding: 0px;}
.rates tr.header {background-color: #FF9D4F; font-weight: bold; font-size: 90%}
.rates td {padding: 2px 5px 2px 5px; border: solid 1px rgb(150,150,150); text-align: center; font-size: 80%;}