html, body
{  
    margin: 0px;
    background-color: #222; /*#555;*/
    font-size: 13pt;
    min-height: 100%;  
}     

a:link {color:#f25102 }      /* unvisited link */

/* navigation */
div#titleAndNav
{                                             
    width: 100%;
    height: 157px;    
    background-image:url('background.jpg'); 
    background-repeat:no-repeat;
}

/* allows text for search engines and blind readers but not displayed */
#titleAndNav a i { visibility: hidden; } 

a#titleLink 
{
  position: absolute;
  left: 345px;
  top: 10px;
  width: 178px;
  height: 86px;
  font-size: 25px;
  text-decoration: none;
}

#navbar a {
   position: absolute;
   height: 39px;
   top: 102px; 
   text-decoration: none;
   font-size: 15px;
   }

a#home { left: 183px; width: 93px;}
a#gallery { left: 293px; width: 116px;}
a#members { left: 453px; width: 136px; }
a#booking { left: 597px; width: 126px; }

div#textBody
{                 
    margin: 0px auto 0px auto; /* 8px 8px 8px;*/
    border-left: 8px solid #222;
    border-right: 8px solid #222;
    padding: 25px 35px 20px 35px;
    background-color: #FDFDFD;
    min-height: 80%;
    max-width:1050px;            
}

img.centered
{
    border: 0px solid #000;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div#copyright
{           
    clear: both;        
    font-size: 10pt;
    margin-top: 20px;
    padding-top: 7px;
    border-top: 1px solid #C0C0C0;
    text-align: center;
    bottom: 0px;             
}

span.reference
{
    font-size: 10pt;
}

div#title
{
    font-size: 14pt;
    font-weight: bold;
    border-bottom: 1px solid #AAA;
    margin-bottom: 5px;
}
/* members page */
div#membersTextBody
{
    margin: 0px auto 8px auto; /* 8px 8px 8px;*/
    border-left: 8px solid #222;
    border-right: 8px solid #222;
    padding: 25px 0px 20px 35px;
    background-color: #FDFDFD;   
    max-width:1050px;     
}

div.member
{
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

div.member div.photo
{
    float: left;
    width: 220px;
}

div.member div.blurb
{                 
    float: left;
    width: 40%;
    min-width: 310px;
    height: 262px;    
    padding-right: 5px;
}

div.member div.name
{
    font-weight: bold;
}

div.member div.videos
{
    float: left;
    width: 36%;
    text-align: center;
    min-width: 300px;
    height: 262px;  
}

div.member div.blurb div.textBox
{
    margin-top: 15%;
}    

div.member div.blurb div.textBoxLarge
{
    margin-top: 1%;
}              

div#fullscreen
{
      float: right;
      margin-right: 13px;
      margin-top: -2px;
      font-size: 12pt;
}