body
{
  text-align:center;
  background-color: #F0D6C0;
}

img#logo
{
  float:left;
  margin-top:10px;
  margin-left:65px;
}

input.magbutton
{
  background-color:#FDD99E;
  color:#A82C54;
  border:medium double #A82C54;
  padding:3px 5px;
}
 
table.magtable
{
  background-color:#fdd99e;
  border:medium double #A82C54;
}

tr.magtable
{

}

td.magtable
{
 padding:5px;
 border:1px solid #a82c54;
 vertical-align:top;
}
  
div#container
{
  width:960px;
  height:710px;
  background-color: #D8B3AB;
  background-image:url('container.png');
  margin:auto;
}


div#subcontainer
{
  width:816px;
  height:710px;
  background-color: #fde8cb;
  text-align:left;
  margin:auto;
}

div#container2
{
  width:960px;
  height:710px;
  background-color: #D8B3AB;
  background-image:url('container.png');
  margin:auto;
}


div#subcontainer2
{
  width:816px;
  height:710px;
  background-color: #fde8cb;
  text-align:left;
  margin:auto;
  overflow:auto;
}

div#header
{
  width:816px;
  height:110px;
  background-color: #D1C37B;
  background-image: url('header1.png');
}

h1
{
  padding:5px 0px 0px 210px;
  color:#A82C54;
  font-size:220%;
  font-family: Segoe Print, Geneva, sans-serif;
  font-weight:bold;
  margin:0;
}

h2
{
  padding:5px 0px 0px 288px;
  color:#785C5A;
  font-family: Segoe Print, Geneva, sans-serif;  
  font-size:140%;
  margin:-10px 0 0 0;
}


h2.y
{
  padding:5px 0px 0px 28px;
  color:#785C5A;
  font-family: Segoe Print, Geneva, sans-serif;  
  font-size:140%;
  margin:-10px 0 0 0;
}

h2.x
{
  padding:5px 0px 0px 60px;
  margin:-40px 0 0 0;
}

div#headerline
{
  width:816px;
  height:40px;
  background-color: #785C5A;
}

div#header1
{
  float:left;
  width:204px;
  height:40px;
  background-color: #785C5A;
}

div#header1top
{
  width:204px;
  height:28px;
  background-color: #D1C37B;
}

div#header1bottom
{
  width:204px;
  height:12px;
  background-color: #785C5A;
}

div#header2
{
  float:left;
  width:612px;
  height:40px;
  background-color: #785C5A;
}

div#header2title
{
 width:268px;
 height:40px;
 float:left; 
}

span#header2title
{
 padding: 6px 10px 3px 12px;
 font-size:150%;
 color:#FDE8CB;
 font-weight:bold;
}

div#header2fader
{
 width:24px;
 height:40px;
 float:left;
 background-color:#D1C37B;
 background-image:url('fader.png');
 margin:0px;
 padding:0px;
}

div#header2top
{
  float:left;
  width:320px;
  height:19px;
  background-color:#D1C37B;
}

div#header2sub
{
  float:left;
  width:320px;
  height:21px;
  color:FDE8CB;
  font-size:90%;
}

div#display1
{
  width:816px;
  height:340px;
  background-color:#FDE8CB; 
}

div#display1left
{
  width:184px;
  height:340px;
  float:left;
  background-color: #FDE8CB;
}

div#display1main
{
  width:316px;
  height:340px;
  float:left;
  background-color: #FDE8CB;
}

div#photoholder
{
  padding:30px 10px;
}

img.photos
{
  width: 296;
  height: 230;
}

div#display1thumbs
{
  width:64px;
  height:340px;
  float:left;
  background-color: #785C5A;  
  margin:0px;
  padding:0px;
}

img.thumbs
{
  width: 45px;
  height:45px;
  border:1px solid #A82C54;
  margin:0px 8px -4px 8px;
  padding:0;
}

div#display1right
{
  width:242px;
  height:340px;
  float:right;
  background-color:#FDE8CB;
}

div#rightdisplay
{
  margin:10px 10px 10px 0px;
}

span.rooms
{
  color: #A82C54;
}

div#displayspace
{
  width:816px;
  height:12px;
  background-color:#785C5A;
  clear:both;
}

div#display2
{
  width:816px;
  height:167px;
  background-color: #FDE8CB;
}

div#display2left
{
  width:256px;
  height:167px;
  float:left;
  clear:left;
  background-color: #D1C37B; 
  background-image:url('display2.png'); 
  background-repeat: repeat-x;  
}

div#display2main
{
  width:344px;
  height:167px;
  float:left;
  background-color: #FDE8CB;  
  background-image:url('display2up.png');
  background-repeat: repeat-x;  
}

div#display2right
{
  width:216px;
  height:167px;
  float:left;
  background-color: #D1C37B;
  background-image:url('display2.png');
  background-repeat: repeat-x;
}

h3.display2
{
  padding:6px 10px 0px 10px;
  margin:0px;
  color:#A82C54;
}

span.brand
{
  font-size:140%;
  color:#5D2104;
  font-weight:bold;
  font-family: Segoe Print, Tahoma, Geneva, sans-serif; 
}

p.address
{
  color:#000;
  font-size:90%;
  margin-left:12px;
}

div#footer
{
  width:816px;
  height:41px;
  background-color: #785C5A;
  text-align:center;
}

span#copyright
{
  color:#280C01;
}

a.foots
{
  margin-left:15px;
  font-size: 80%;
}

div#display1block
{
  overflow: auto;
  width:816px;
  height:340px;
  background-color:#FDE8CB; 
  float:left;
  padding:10px 10px;
}

div#display1bookings1
{
  width:184px;
  height:340px;
  background-color:#FDE8CB; 
  float:left;
  
}

div#d1b1top
{
  width:184px;
  height:220px;
  background-image:url('display2up.png');
  background-repeat: repeat-x;
  padding-left:5px;
}  
  
div#d1b1bot
{
  width:184px;
  height:50px;
  text-align:center; 
}

div#d1b1bot2
{
  width:184px;
}

div#display1bookings2
{
  width:396px;
  height:340px;
  background-color:#FDE8CB; 
  float:left;
  padding:5px 0px 0px 25px;  
}

div#display1bookings3
{
  width:180px;
  height:340px;
  background-color:#FDE8CB; 
  float:right;
  background-image:url('display2up.png');
  background-repeat: repeat-x;

}

div#d1b3top
{
  width:175px;
  height:220px;
  float:right;
}

div#d1b3bot
{
  width:175px;
  height:50px;
  text-align:center;
  float:right;
}

div.bkrms
{
  padding-left:5px;
  width:120px;
  float:left;
}

div.bkrms2
{
  width:40px;
  float:left;
}


div.avail
{
  background-color:fuchsia;
}

th.availhead
{
  font-size:70%;
  background-color:#D8B3AB;
}

tr.availtr
{
  height:48px;
  width:77px;
}

div.availntsarea
{
  overflow:auto;
  width:370px;
  height:150px;
  float:left;
  margin-top:10px;
}

td.dates
{
  text-align:center;
  font-size:70%;
  border:1px solid #785C5A;  
}

td.avail
{
  text-align:center;
  font-size:70%;
  border:1px solid #785C5A;
}

td.unavail
{
  text-align:center;
  font-size:70%;
  background-color:#D8B3AB;
  border:1px solid #785C5A;
}

table.availtbl
{
  background-color:#D1C37B;
  border:medium double #A82C54;
  margin-left: 10px;
}

div.tc1
{
  background-color: #FDD99E;
  width:380px;
  height:200px;
}

div.tc2
{
  background-color: #D8B3AB;
  width:380px;
  height:200px;
}

div.tc3
{
  background-color: #D1C37B;
  width:380px;
  height:200px;
}

div.transfers
{
  text-align:center;
}

div.vehicles
{
  text-align:left;
  width:300px;
  margin:auto;
}

div.threecols
{
  width:250px;
  float:left;
}