/**
 *      Author: H.Thomas
 *        date: 01/07/08
 * Description: Shell Bay Sailing Style sheet
*/

body{
  font-family: Verdana;
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  background: url(../images/background.jpg) repeat-y; 
  background-position: center top; 
  background-color:#E1D2BE;
}


 #wrapper{
   width: 888px; 
   margin: 0px auto 0 auto;
   padding: 0;
   text-align: left;
 }


/* These are the top and bottom delimiters for the page graphic *************/
   #topBorder {
     width:910px;
     margin: 0px auto 0px auto;
     background: url(../images/topBorder.jpg) no-repeat center top;
     height:20px;
     /* border: dashed 1px blue; */
   }


   #bottomBorder {
      width:910px;
      margin: 0px auto 0px auto;
      height:20px;
      background: url(../images/bottomBorder.jpg) no-repeat center top;
     /* border: dashed 1px blue; */
   }


  div#header{
    width: 886px; 
    height: 120px; 
    background: url(../images/header_reduced.jpg) no-repeat 8px 0px;
    float: left;
    clear: both;
    margin: 15px 0 0 0;
    padding: 0; 
    /* border: dashed 1px blue; */
  }


  div#content{
    width:846px;
    height:100%;
    padding:10px 20px 0 20px;
    font-size: 1.4em;
    /* border: dashed 1px green; */
  }


  div#content p{
    font-size: 1.15em;
    line-height: 1.2em;
    /* border: dashed 1px green; */
  }
  
  
  div#content h1{
    font-size:1.8em;
    /* border: dashed 1px green; */
  }
  
  
  div#content h4{
    margin-bottom:-10px;
    font-size:1.2em;
    /* border: dashed 1px green; */
  }



/* --------------------------image styles---------------- */
  div#content .imgRight{
    margin-left:15px;
    float:right;
  }
  
  
  div#content .imgLeft{
    margin-right:15px;
    float:left;
  }
  
  
  div#content img.map{
    margin-bottom:20px;
  }

/* ------------------- boat page only --------------------*/
  div#content .box{
    width:372px;
    height:262px;
    float:left;
    margin-left:50px;
    padding-top:10px;
    /* border: dashed 1px green; */
  }


  div#content div.imgCont{
    float: left;
    margin-right: 5px;
    /* border: dashed 1px green; */
  }


  div#content .box p{
    font-size: .9em;
    margin-right:15px;
    /* border: dashed 1px green; */
  }
/* ------------------- end of boat page --------------------*/



/* ---------------------------Prices page table ------------*/
  table { 
    border-collapse: collapse;
    width: 844px;
  }

  caption {
    color:Silver;
    text-align: right;
    font-size: .75em;
  }

  td,th {
    border: 1px solid blue;
    padding: 3px 5px 2px 5px;
    font-size: .85em;
  }
  
  td#title{
    border: 0;
  }

  td.spacer{
    border: none;
  }


  th {
    background: url(../images/prices/thBg.jpg) no-repeat  left top;
    color: #000000;
    border:0;
    text-align: left;
  }

  tr.alt td {
    background: url(../images/prices/td_bg.png) no-repeat left top;
  }
/* ---------------------------End Prices table ---------------------------*/




/* ----------------Footer section---------------------------------------- */

div#footer{
  width:886px;
  margin:0px auto 10px auto;
  height:35px;
  font-size:1em;
  padding:12px 0 2px 0px;
  background: url(../images/footer.jpg) no-repeat 8px 0px;
  /* border:1px dashed #00B4E5; */
}


span#lastUpdate{
 color:#B8860B;
 display:block;
 float:left;
 width:370px;
 padding-left:15px;
 font-size:.9em;
 text-align:left;
 /* border:1px dashed #00B4E5; */
}


div#footer .top{
 width:300px;
 float:right;
 text-align:right;
 padding-right:15px;
 /* border:1px dashed #00B4E5; */
}