
/*** Zehra's Style Sheet *** 
Dark Sand Colour is #6A5543 ,
Pale Sand Color: #F2E0B6
Dark Brown is #524234
Pale Blue is #B7DBF3
Sky Blue is #1C99ED
darker Blue : #004370
yellow of Bucket is #FFD414

***/ 
  p { font-family: Tahoma, Verdana,  Arial, Helvetica, sans-serif; font-size: 0.8em; color:#524234;} 
  h1 { font-family: Tahoma, Verdana, Arial, sans-serif;  font-size: 1.7em; color:#524234;} 
  h2 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color:#524234;} 
  h3 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color:#524234;} 

  hr {
     color: #6A5543; 
     background-color: #6A5543; 
     border-style: none; 
     height: 1px; 
     width: 90%; 
     } 
  
  a:link, a:visited
          {
          color :#004370;
          text-decoration: none;
          }
          
  a:hover {
          color :#004370;
          text-decoration: underline;
          }
  img {
       border: none;
      }        
          
  body {
       margin: 0; 
       padding: 0; 
       background-color: #B7DBF3;
       font-family: Verdana, Arial, sans-serif; 
       } 

form p {
         /* clear:left;*/
          margin: 0;
          padding: 0;
          padding-top: 5px;
       }

form p label {
      float: left;
      width: 11em;
      }

table {
      background-color: #F2E0B6;
      
      }
      
td {
      color: #524234;  
      font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
      font-size: 0.8em;
      }      
             
  #wrapper {
           /* wrapper holds content & navigation to allow for centred layout */
           text-align: left;
           width: 750px;
           margin-top: 10px;
           margin-bottom: 10px;
           margin-left: auto;
           margin-right: auto;
           background-color: #FFFFFF;
           }
            
  #content { 
           /* content has border and wavy edge */
           border-top:1px solid #1C99ED;
           border-left: 1px solid #1C99ED;
           border-bottom: 3px solid #1C99ED;
           border-right: 3px solid #1C99ED;
           background-color: #F2E0B6;
           width: 100%;
           float: left;
           text-align: left;
           background-image: url(../images/graphics/wavyedge.gif);
           background-position: bottom left;
           background-repeat: repeat-x;
           margin-bottom: 5px;
           }
           
 #header {
         float: left;
         padding-left:0px;
         padding-bottom: 0px;
         top: -20px;
         background-color: #F2E0B6;
         text-align: left;
       /*  height:188px;*/
        } 
  
  #textarea {
            width: 70%;
            font-size: 1.1em; 
            line-height: 1.3em ; 
            font-family: Arial, Helvetica, sans-serif;
            clear: both;
            float:left; 
            margin-left:30px;
            padding-top: 10px; 
            }
  

             
  #bodytext img {
               border: 1px solid #1C99ED; 
               float: left; 
               margin: 0px 10px 0px 0px;
               }          
            
  #slideshow img {
               float: left;
               padding-right:20px;
               padding-bottom: 20px; 
               }
  
  #slideshow p {
         padding-left:20px;
         }
                   
  #menu_right {
               width: 22%;
               float: right; 
               padding-top: 50px;
               padding-left: 10px;
               margin-right: 10px;
               font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
               font-size: 0.9em; 
               font-weight: bold;
               line-height: 1.8em ; 
               text-align: right;

              }  
              
  #menu_right ul {
                  list-style:none;
                  margin: 0;
                  padding-top: 20px;
                  background-color: #ECD294;
                  color:#524234;
                  background-image: url(../images/graphics/background_sand.gif);
                 }
                 
  #menu_right li {
                  
                  padding-left: 0px;
                  padding-right: 15px;
                  border-bottom: solid 2px #F2E0B6;

                  }

  #menu_right li a:link, #menu_right li a:visited {
                 color :#654235;
                 text-decoration: none;
                  }
 
  #menu_right li a:hover {
                 text-decoration: underline;
                 color: #004370;
  
                  }                                                     

  #menu_right li a:active {
                  color: #1C99ED;
                  background-color: #6A5543 ;
                  }
                                                                       
  #menu_right img {
                  border: none; 
                  display: block;
                  margin-left: auto;
                  margin-right: auto; 
                  } 
           
#footer { 
        border-top: 0px solid #006600; 
        height: 60px;
        color: #000000; 
        font-size: 0.8em; 
        clear: both; 
        line-height: .9em; 
        text-align: center;
        }
         
  #footer p {margin: 0.5em 0 1em 1em; padding: 0;} 
  #footer a:link, #footer a:visited { color :#654235}
  #footer a:hover {color :#654235;
                  text-decoration:underline;
                  } 

.float_left {float:left;}
.float_right {float:right;} 

.clear_float {clear:both;}

.caption {
         float:left;
         font-size:0.7em;
         font-weight: bold;
         }

.caption img {
         padding: 10px;
         }

.gallery {
          list-style-type: none;
            }
                           
.gallery li {
              float: left;
              margin-right: 10px;
              color: #524234;
              font-family: Tahoma, Verdana,  Arial, Helvetica, sans-serif; 
              font-size:0.8em;
              }
              
.gallery img {
                display: block;
                border: 1px solid #1C99ED;
                }
                              
td.booked  {background-color: #F63C3C;}
           
td.available  {background-color: #47F147;}
           
