body {
     background : url('images/Tanheavy.gif');
}

body, table {
    font-family : verdana, arial, sans-serif;
    font-size: 13px;
    color: #5f4d10;
}

a, table a { color: #3F3930; }


div.main p {
    font-size: 120%;
    text-align: center;
}

.error {
    text-align: center;
    color: #cc0000;
    font-weight: bold;
}



/* -------------- Header Table ---------------- */

table#header {
    width: 100%;
    background: #D0B066;
}

table#header td {
    color : #B08C37;
    text-align: center;
}
table#header td.white { color: #fff; }

    table#header td a {
        color : #69521c;
    }
    table#header td.onder {
        background: #E3D1A6;
        width: 33%;
    }


/* -------------- Menu Table ---------------- */

table#menu { width: 100%; padding: 8px 0; }

table#menu td { width: 25%; }

table#menu td a.home { background: url('images/homebut1.gif') no-repeat top; }
table#menu td a.home:hover { background: url('images/homebut2.gif') no-repeat top; }
table#menu td a.rooms { background: url('images/de_roems1.gif') no-repeat top; }
table#menu td a.rooms:hover { background: url('images/de_roems2.gif') no-repeat top; }
table#menu td a.hermanus { background: url('images/hermanusbut1gif.gif') no-repeat top; }
table#menu td a.hermanus:hover { background: url('images/hermanusbut2gif.gif') no-repeat top; }
table#menu td a.bookings { background: url('images/Bookings1gif.gif') no-repeat top; }
table#menu td a.bookings:hover { background: url('images/Bookings2gif.gif') no-repeat top; }

table#menu td a { height: 46px; width: 146px; display: block; margin: 0 auto;}
table#menu td a span { display: none; }


/* -------------- Bullet Table ---------------- */

table#bullet { width: 500px; margin: 0 auto;}

table#bullet td { text-align: left; font-weight: bold; vertical-align: top;}
table#bullet td.left {
    width: 15%; height: 40px;
    background: url('images/veerdot70x20.gif') no-repeat top;
    }
    
/* -------------- Form Table ---------------- */

table.form {
    width: 450px;
    border-collapse: collapse;
    border: 0;
    margin: 0 auto;
    color: #333;
    font-weight: bold;
    font-size: 90%;
}

table.form td em {
    font-weight: normal;
    font-size: 90%;
}
table.form td span {
    color: #990000;
}

table.form td { vertical-align: top; }
table.form td.right { text-align: right; }
table.form td.center { text-align: center; font-size: 80%; font-weight: normal; padding: 8px 0;}


table#inbookings {
    color: #333;
    width: 450px;
    margin: 0 auto;
}

div.bookings_footer {
    font-weight: bold;
    text-align: center;
    color: #333;
}


/* -------------- Calender ---------------- */

#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 99;
}

#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 8pt;
  border-left: 1px solid #336;
  border-right: 1px solid #336;
  border-bottom: 1px solid #336;
}

/* weekdays heading */
#CalendarControl th {
  font-weight: normal;
  margin: 0; padding: 3px;
  color: #333;
  background: #B8D65B;
}

/* close | clear */
#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #333;
  padding: 1px;
}

/* Top Heading */
#CalendarControl td {
  text-align: center;
  margin: 0; padding: 0;
}

#CalendarControl .header {
  background-color: #095036;
  padding: 5px;
}

#CalendarControl .weekday {
  background-color: #DDD;
  color: #000;
  padding: 3px;
}

#CalendarControl .weekend {
  background-color: #FFC;
  color: #000;
  padding: 3px;
}

#CalendarControl .current {
  border: 1px solid #339;
  background-color: #336;
  color: #FFF;
  padding: 3px;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #336;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
  padding: 3px;
}

#CalendarControl .empty {
  background-color: #CCC;
  border: 1px solid #FFF;
}