/**
 *      Author: H.Thomas
 *        date: 01/07/08, 23/03/09
 * 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:1px dashed 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; */
  }

  div#content ul.bullet{
     font-size: 1.1em;
     font-weight: bold;
     color: #285A92;
     line-height: 1.4em;
  }

  div#content #ryaLogo{
    float:left;
    width:230px;
    margin-bottom:16px;
  }

/* --------------------------image styles---------------- */
  div#content div.imgRight{
    float:right;
    margin-left:15px;
    margin-bottom:5px;
    margin-top:0px;
    border: 1px solid #285A92;
  }
  
  
  div#content .imgLeft{
    float:left;
    margin-right:15px;
    margin-bottom:15px;
    border: 1px solid #285A92;
  }
  
  #inProgress{
  position:absolute;
  top:250px;
  left:480px;
  }
  
   
  div.imgCaption{
  font-size:.75em;
  color:#285A92;
  padding: 2px 0 2px 5px;
  }

/* ------------------- 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:Green;
    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;
  }
  
  .dates{
    font-size: 0.8em;
    font-weight: normal;
  }
  

/* ---------------------------End Prices table ---------------------------*/



/* ------------------- Accomodation table-------------------------------------*/
  table tr.acc{
  
   font-size:.9em;
  }

/* -------------------------------------------------------------------------------------*/


/* ------------------- News section Index page only 25/03/09-----------------------------------*/

div#newsFrame{
/* width:412px; */
min-height:300px;
  float:right;
  width:200px;
  font-size:.8em;
  margin-left:15px;
  margin-bottom:5px;
  margin-top:50px;
}

div.newsItem{
/* margin:10px 0 0 0; */
padding: 5px 4px 5px 4px;
border-right: 2px solid #B8860B;
border-left: 2px solid #B8860B;
}

div#newsTop{
 background: url(../news/images/top.jpg) no-repeat left top;
 height: 30px;
}


div#newsBottom{
 background: url(../news/images/bottom.jpg) no-repeat left bottom; 
 height: 30px;
}

div#newsFrame div#imgNews{
padding-left:25px;
border-right: 2px solid #B8860B;
border-left: 2px solid #B8860B;

}


/* ------------------End of News section -------------------------------------------------*/

/* google search */
   #mapsearch {
   width : 418px;
   height: 350px;
   }

/* ----------------Footer section---------------------------------------- */

div#footer{
  width:886px;
  clear:both;
  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; */
}