#container {

              margin-left: 10px;
              margin-right: 10px;

              padding-left: 10px;
              padding-right: 10px;
              padding-bottom: 10px;
              width: 100%;
              background: #eeeeff;
              font-family: Times New Roman, Arial, Helvetica, sans-serif;
              font-style: normal;
              font-weight: normal;
              font-size: 18px;
              
        }

        
    #container a {
               text-decoration: underline;
  
               color: #777700;   
               
               }    
        
        
    #container a:hover{ 
               color: #cccc00;
    
               }  
        
   body{
            background: #eeeeff;
            }  
        

   #banner { 	
          height: 200px;
          background-image: url(../Images/beach31427X200.jpg);
          background-repeat: no-repeat; 
          margin-bottom: 20px;        
         }

   
   #banner h1 {
    
           padding-top: 20px;
           padding-left: 40px;
           font-size: 32;
           margin-bottom: 20px;
           color: #ffff00;
           }

   
   
   #nav  {
         margin-top: 10px;
         margin-bottom: 50px;
         }                                                                                                

   #nav ul {
            margin: 0px;
            padding: 0px;
            font-size: 20px;
            line-height: 40px;
            white-space: nowrap;
            color: #000000;
            font-weight: normal;
            }
            
  
            
   #nav li {

            list-style-type: none;
            display: inline;
            padding: 10px 6px 10px 6px;                  
            }
            
        

 
           
 
   #nav li a
            {
            text-decoration: none;
            padding: 2px 4px 2px 4px;   
            color: #000000;
            background-color: #aaaaff;                 
            border-top: 0px solid #000066;
            border-bottom: 0px solid #000066;          


            }    
                    

            
   #nav li a:hover
           {

            padding: 2px 4px 2px 4px;   
            color: #ffff00;
            background-color: #000077;                 
            border-top: 0px solid #eeee00; 
            border-bottom: 0px solid #eeee00; 

            }
            
            

  #nav li.index a,
  #nav li.background a,
  #nav li.photos a, 
  #nav li.amenities a,
  #nav li.activities a,
  #nav li.terms a
           {

            padding: 2px 4px 2px 4px;   
            color: #ffff00;
            background-color: #000077;
            border-top: 0px solid #eeee00; 
            border-bottom: 0px solid #eeee00;
           }
           
                    
  
  
  #content {
               margin-right: 15px;
               margin-top: 10px;                
               margin-bottom: 40px;
           
           }        
             
      

   
 .rightcontent{
                margin-top: 0px;
                margin-bottom: 30px;
                margin-right: 0px;
                margin-left: 10px;

                height: 340px;
                width: 45%;
        
                float: right;
               }   
               
                             
 .leftcontent{
                margin-top: 0px;
                margin-bottom: 30px;
                margin-right: 10px;
                
                height: 340px;
                width: 40%;
       
                float: left;

                }   
                
                
  .rightcontentV{
                margin-top: 0px;
                margin-bottom: 30px;
                margin-right: 0px;
                margin-left: 10px;

                height: 400px;
                width: 45%;
        
                float: right;
               }   
               
                             
 .leftcontentV{
                margin-top: 0px;
                margin-bottom: 30px;
                margin-right: 10px;
                
                height: 400px;
                width: 30%;
       
                float: left;

                }                   
                
                
                            
               
 .widecontentpicture{
                margin-top: 0px;
                margin-bottom: 30px;
                width: 98%;
                

      
                float: left;
                }
                
                
 .widecontenttext{
                margin-top: 10px;                
                margin-bottom: 20px;

                width: 98%;

       
                float: left;
                }
                

 
 .boxl{
                width: 20%;      
                float: left;
                padding: 5px;
                color: #000000;
                border-top: 1px solid #000000;



                
                }     
 
                       
                
  .boxr{
                padding-right: 15px;
                padding-top: 5px;
                padding-left: 15px;
                width: 75%;
                float: left;

                border-top: 1px solid #000000;
                border-left: 1px solid #000000;
                }   
               
 
  .list1{
               list-style-type: square;
               list-style-position: outside;
               }           

    
    
   #content li a {
               
               color: #000000;
               
               }
   
   #content li a:hover {
    
               color: #cccc00;
               
               }
  
  .vertsp1{
                margin-top: 49px;
                margin-bottom: 0px;
                width: 98%;
                margin-right: 15px;
       
                float: left;
                }
 
                
 .caption{
          font size: 20px;          
          font-weight: normal;
          color: #0000ff;
          margin-right:10px;
         }
 

   
   #footer { 
            float: left;

            

            margin-top; 60px;
            width: 100%;
            height: 200px;
            }
            
   #footer ul {

            margin-left: 0px;
            padding: 0px;
            

            white-space: nowrap;
            }
            
            
   #footer li {
            list-style-type: none;
            display: inline;
            margin-left: 0px;
            padding: 2px 2px 2px 2px;                       
            }
   
             
   #footer li a {
            text-decoration: underline;
  
            color: #000000;
            }          

           
            
   #footer li a:hover {
 
            color: #cccc00;
  
            }           
             
             
  #footer li.index a,
  #footer li.background a,
  #footer li.photos a, 
  #footer li.amenities a,
  #footer li.activities a,
  #footer li.terms a
           { 
           color: #cc00cc; 
           text-decoration: underline;
           }
                     
             
              
   .topmargin{
    
               margin-top: 50px;
    
               }           
               
               
   .hidepic {
               display:none;
               
               }           
               
               
  
  .bolder{
          font size: 20px;          
          font-weight: normal;
          color: #0000ff;

         }