body { font-family: Verdana, Gill, Helvetica, sans-serif;
       text-align: center;  }

#top { width: 950px;
       background: #C6A584;     
       border: 0px solid #526BB5; }
       
/*****************************/
/* LEFT INDEX PAGE BOX NAV. */
/****************************/        

#boxleft { float: left;
           width: 370px;
           border: 1px solid #778A99;
           padding-bottom: 5px;
           margin-bottom: 10px; } 

#Tcell-1 { width: 33%;
                       background: url(images/bg/bg-navadd.gif) repeat-x left top;
                       border-right: 1px solid #42428C;
	                   padding: 5px;
	                   margin: 0; }
	               
#Tcell-2 { width: 33%;
                       background: url(images/bg/bg-navadd.gif) repeat-x left top;
                       border-right: 1px solid #42428C;
                       padding: 5px;
	                   margin: 0; }	  
	               
#Tcell-3 { width: 34%;
                       background: url(images/bg/bg-navadd.gif) repeat-x left top;
                       border-bottom: 0px solid #42428C;
                       padding: 5px;
	                   margin: 0; }    
	                            
#tablebox { width: 100%;
            border-collapse: collapse;
            text-align: center;
            border: 0px solid #42428C; }  
             	
/*****************************/
/* RIGHT INDEX PAGE BOX NAV. */
/****************************/ 	
	
#rightbox { float: right;
            width: 370px;
            border: 1px solid #778A99;
            margin-bottom: 10px; }
            	
#index-boxright { width: 100%;
                  border-collapse: collapse;
                  text-align: center;
                  border: 0px solid #42428C; } 

#Tcell-4 { width: 50%;
                       background: url(images/bg/bg-navadd.gif) repeat-x left top;
                       border-right: 1px solid #42428C;
	                   padding: 5px;
	                   margin: 0; }
	               
#Tcell-5 { width: 50%;
                       background: url(images/bg/bg-navadd.gif) repeat-x left top;
                       padding: 5px;
	                   margin: 0; }	 
	
/*********************/
/* TOP NAVIGATION BAR */
/*********************/   
  	  
#topnav { width: 760px;
          float: left;
          margin-left: 15px;
          margin-top: 10px; } 	  
  	  
ul.mainNav { width: 100%;
             float: left;
             background: url(images/bg/nav-blue2.gif) repeat-x right top;
             border-top: 1px solid #FFFFFF; 
             border-bottom: 2px solid #42428C; 
             padding: 0; 
             margin: 0; }

.mainNav li { list-style: none;
              border-right: 2px solid #FFFFFF;
	          float: left; }

.mainNav a { display: block;
	         text-align: center;
	         text-decoration: none;
	         padding: 5px 7px 5px 7px; /* top right bottom left */
	         color: #F5F1F1;
	         font-weight: bold;
	         font-size: 9px;
	         text-transform: uppercase; }
	
.mainNav li a:hover { background: url(images/bg/nav-green.gif);
                      color: #000000; }		  
	
/*********************/
/* DIV Fiestas */
/*********************/ 
  	          
.Fiestas { font-size: 12px;
           text-align: left; }
	  	          
  
/*********************/
/* LEFT SIDE NAVIGATION BAR */
/*********************/ 	          
                   
#left { width: 168px;
	    float: left;
	    background: #FFFFFF;
	    border-left: 1px solid #42428C;
        border-right: 1px solid #42428C;
	    margin-top: 12px; } 
	        
#left h1 { background: #FFFFFF; 
           color: #152D6A;  
           padding-top: 5px;
           padding-bottom: 7px;
           margin-bottom: 0;
	       font-size: 11px;  }      	         
	        
#left h2 { color: #004A84; 
	       font-size: 9px;
	       margin-top: 0;
	       margin-bottom: 4px;
	       padding-top: 0px;
	       padding-bottom: 3px;
	       border-bottom: 1px dashed #506BB1; }
	        
#left h3 { color: #004A84; 
           background: #FFFFFF;  
	       font-size: 9px;
	       margin-bottom: 2px;
	       margin-top: 0px;
	       padding-bottom: 3px; }	

#navleft h1 { font-size: 14px;
              background: #42428C;
              font-weight: 400;
              color: #FFFFFF; 
              text-align: center;
              margin: 0;
              padding-top: 2px;
              padding-bottom: 3px; } 
  
#navleft h2 { font-size: 12px;
              font-weight: 500;
              color: #000000; 
              text-align: left;
              margin: 0;
              padding: 3px 0px 6px 40px; } /* top right bottom left */	  
              
#navleft h3 { font-size: 14px;
              background: #42428C;
              font-weight: 400;
              color: #FFFFFF; 
              text-align: center;
              margin: 0;
              padding-top: 2px;
              padding-bottom: 3px; }            
        	     	          
#navleft h4 { font-size: 12px;
              font-weight: 400;
              color: #000000;
              text-align: center;
              margin: 0;
              padding-top: 2px;
              padding-bottom: 3px; }
              
/*******************************/
/* LEFT NAVIGATION BAR SECTION */
/*******************************/
	    
#navleft { width: 168px; }	 
              	       
#navleft ul { margin: 0;
              padding: 0;
	          list-style: none; }
	          
#navleft li { border-top: 0; }             
	                
#navleft li a { text-decoration: none;
                color: #FFFFFF;
                font-size: 10px;
                background: #526BB5;
                font-weight: 700;
                text-align: left;	         
	            text-transform: uppercase;          
	            display: block;
	            padding: 6px 0px 6px 30px; } /* top right bottom left */
	            
#navleft a:hover { font-weight: bold;
                        font-size: 10px;
                        color: #572564;
	                    background: #B2F511;  } 	          

/***************************************/
/* LEFT NAV. BAR HOLIDAY GUIDE SYMBOLS SECTION */
/**************************************/

#navleft a.Hnavbar { color: #000000;
                     background: #D4F96F url(images/here-2.png) no-repeat 5px 50%; }   
                     
#navleft a.homenav { color: #000000;
                     background: #D4F96F url(images/here-2.png) no-repeat 5px 50%;
                     padding-left: 35px; }     
                     
#navleft a.homenav-2 { color: #000000;
                       background: #D4F96F url(images/here-2.png) no-repeat 10px 50%;
                       padding-left: 40px; }                                      
                     
#navleft a.mailbox { font-size: 13px;
                     color: #FFFFFF;
                     text-decoration: underline;
                     font-weight: 400;
                     text-transform: none; 
                     background: #42428C url(images/email-small.gif) no-repeat 18px 32%;
                     padding: 3px 0px 4px 50px; } /* top right bottom left */ 
                                               
#navleft a.mailbox:hover { color: #FF0000;
                           font-weight: bold; } 
                           
#navleft a.maillink { font-size: 10px;
                      color: #FFFFFF;
                      font-weight: 700;
                      text-decoration: none;
                      text-transform: none; 
                      background: #42428C url(images/email-small.gif) no-repeat 9px 52%;
                      padding: 6px 0px 6px 40px; } /* top right bottom left */ 
                      
#navleft a.letterLink { font-size: 10px;
                        color: #FFFFFF;
                        font-weight: 700;
                        text-decoration: none;
                        text-transform: none; 
                        background: #42428C url(images/letter.gif) no-repeat 9px 52%;
                        padding: 6px 0px 6px 45px; } /* top right bottom left */   
                        
#navleft .mobileLink { font-size: 10px;
                        color: #FFFFFF;
                        font-weight: 700;
                        text-decoration: none;
                        text-transform: none; 
                        background: #42428C url(images/letter.gif) no-repeat 9px 52%;
                        padding: 6px 0px 6px 40px; } /* top right bottom left */                          
                        
                        
#navleft a.letterLink:hover { font-weight: bold;
                              font-size: 10px;
                              color: #FF0000;
	                          background: #B2F511 url(images/letter.gif) no-repeat 9px 50%;   }                         
                                               
#navleft a.maillink:hover { font-weight: bold;
                            font-size: 10px;
                            color: #FF0000;
	                        background: #B2F511 url(images/email-small.gif) no-repeat 9px 50%;   }                            

#navleft a.Hguide { background: #526BB5 url(images/holidays.gif) no-repeat 5px 52%;
                     padding-left: 35px; }
#navleft a.Hguide:hover { font-weight: bold;
                          font-size: 10px;
                          color: #572564;
	                      background: #B2F511 url(images/holidays.gif) no-repeat 5px 52%;  }  

#navleft a.link { background: #526BB5 url(images/nav-3.gif) no-repeat 11px 52%;
                  padding-left: 40px; }
                  
#navleft a.link:hover { font-weight: bold;
                        font-size: 10px;
                        color: #572564;
	                    background: #B2F511 url(images/nav-2.gif) no-repeat 11px 52%;  } 

#navleft a.Carlink { background: #526BB5 url(images/car.gif) no-repeat 11px 52%;
                     padding-left: 40px; }
                     
#navleft a.Carlink:hover { font-weight: bold;
                           font-size: 10px;
                           color: #572564;
	                       background: #B2F511 url(images/car.gif) no-repeat 11px 52%;  }

#navleft a.botlink { background: #526BB5 url(images/nav-bot.gif) no-repeat 11px 52%;
                     padding-left: 40px; }
#navleft a.botlink:hover { font-weight: bold;
                           font-size: 10px;
                           color: #572564;
	                       background: #B2F511 url(images/botlink-hover.gif) no-repeat 11px 52%;  } 

#navleft a.CaboGata { background: #526BB5 url(images/bird.gif) no-repeat 5px 52%;
                     padding-left: 35px; }
#navleft a.CaboGata:hover { font-weight: bold;
                            font-size: 10px;
                            color: #572564;
	                        background: #B2F511 url(images/bird.gif) no-repeat 5px 52%;  } 

#navleft a.arrow { background: #526BB5 url(images/arrow.gif) no-repeat 5px 52%;
                   padding-left: 35px; } 
#navleft a.arrow:hover { font-weight: bold;
                               font-size: 10px;
                               color: #572564;
	                           background: #B2F511 url(images/go.png) no-repeat 5px 52%;  }  
 
#navleft a.mosquitoeLink { background: #526BB5 url(images/mosquitoe.gif) no-repeat 5px 52%;
                           padding-left: 35px; }  
#navleft a.mosquitoeLink:hover { font-weight: bold;
                                 font-size: 10px;
                                 color: #572564;
	                             background: #B2F511 url(images/mosquitoe-2.gif) no-repeat 5px 52%;  }  

#navleft a.weatherLink { background: #526BB5 url(images/weather.gif) no-repeat 5px 52%;
                         padding-left: 35px; }                      
#navleft a.weatherLink:hover { font-weight: bold;
                               font-size: 10px;
                               color: #572564;
	                           background: #B2F511 url(images/weather.gif) no-repeat 5px 52%;  }  

#navleft a.penpager { background:  #526BB5 url(images/pen.gif) no-repeat 5px 52%;
                      padding-left: 35px; }                      
#navleft a.penpager:hover { font-weight: bold;
                            font-size: 10px;
                            color: #572564;
	                        background: #B2F511 url(images/pen.gif) no-repeat 5px 52%;  }  
	                        
#navleft a.saxphone { background:  #526BB5 url(images/sax.gif) no-repeat 5px 52%;
                      padding-left: 35px; }	                                             
#navleft a.saxphone:hover { font-weight: bold;
                            font-size: 10px;
                            color: #572564;
	                        background: #B2F511 url(images/sax.gif) no-repeat 5px 52%;  } 	                        

#navleft a.mobile { background: #526BB5 url('images/mobile-4.gif') no-repeat 5px 52%;
                    padding-left: 35px; }                   
#navleft a.mobile:hover { font-weight: bold;
                            font-size: 10px;
                            color: #572564;
	                        background: #B2F511 url(images/mobile-5.gif) no-repeat 5px 52%;  } 

#navleft a.losLink { background: #526BB5 url(images/house.gif) no-repeat 5px 52%;
                     padding-left: 35px; }
                     
#navleft a.losLink:hover  { background: #B2F511 url(images/house2.gif) no-repeat 5px 52%;
                            color: #572564;
                            padding-left: 35px; }                     

/***************************************/
/* LEFT NAV. BAR MUSIC SYMBOLS SECTION */
/**************************************/	                           	                        
                   	     	                 	     	          
     	     	          
/* force hover on entire width of  link */
* html #navleft a { height: 1px; }
	          	                     
/* special formatting for holiday guide page link */

#rental { background: #ffffff url(images/home.gif) no-repeat 5px 52%; }

li#OwnersD { background: #ffffff url(images/owners.gif) no-repeat 5px 52%;
             padding-left: 30px; }
              
#mobileLink { background:  #FFFFFF url(images/mobile-3.gif) no-repeat 5px 52%; } 
      
#giftLink { background: #ffffff url(images/gift.gif) no-repeat 5px 52%; }           
            
#golfLink { background: #ffffff url(images/golf2.gif) no-repeat 5px 52%; }

#skiLink { background: #ffffff url(images/ski.gif) no-repeat 5px 52%; }
#mailbox { background: #ffffff url(images/email-small.gif) no-repeat 5px 52%; }

#planeLink { background: #ffffff url(images/plane.gif) no-repeat 5px 52%; }  

a#mail { background:   #526BB5 url(images/email.gif) no-repeat 5px 52%; }
a#mail-text { background: url(images/email.gif) no-repeat 5px 52%;
              padding: 4px 4px 4px 44px; } /* top right bottom left */


li#mouse { background: url('images/mouse.gif') no-repeat 0px 2px; }
li#email { background: url('signs/email-v2.gif') no-repeat 0px 2px; }

/* special formatting for mid-right */
li#redthumb { background: url('CSS/images/thumb-r.gif') no-repeat 0px 2px; }


#sale { background:  #FFFFFF url(images/sale.gif) no-repeat 9px 52%; }            
#house { background: url(images/bg-house.gif) no-repeat left top; }
#property { background: url(images/bg-property.gif) no-repeat left bottom;
            margin-top: 10px; }
#gift-shop { background: url(images/shop.gif) no-repeat left bottom;
             margin-top: 10px; }

/* styles for the "you are here" buttons */
#home #navleft,
#feature #mainNav a#featureLink { background: #FFFFFF url(images/bg_here.png) no-repeat 95% 50%;
	                              padding-right: 15px;
	                              padding-left: 30px;
	                              font-weight: bold; }

#home #navleft a#homelink:hover,
#feature #mainNav a#featureLink:hover { color: #A6E105; } 

#contact { background:  #FFFFFF;
           padding-bottom: 5px; }
	       
#contact a:hover { color:#FF0000;
                   font-weight: 500;
                   font-size: 9px;
                   background:  #FFFFFF url(images/email.gif) no-repeat 25px 52%; }

#contact a { color: #0000FF;
             font-weight: 500;
             font-size: 9px;
             text-decoration: underline;
             padding: 3px 0px 4px 55px;
             border: 0; }                            
	                              	
/*********************/
/* RIGHT SIDE NAVIGATION BAR */
/*********************/   
	        
#right { width: 150px;
         float: right;       
         margin-top: 10px;
         border: 1px solid #506BB1; }
 	         
#right h1 { background: #FFFFFF; 
            color: #152D6A;  
            padding-top: 5px;
            padding-bottom: 7px;
            margin-bottom: 0;
	        font-size: 11px; 
	        border-bottom: 0; }      	         
	        
#right h2 { color: #004A84; 
	        font-size: 9px;
	        margin-top: 0;
	        margin-bottom: 4px;
	        padding-top: 0px;
	        padding-bottom: 3px;
	        border-bottom: 1px dashed #506BB1; }
	        
#right h3 { color: #004A84; 
            background: #FFFFFF;  
	        font-size: 9px;
	        margin-bottom: 2px;
	        margin-top: 0px;
	        padding-bottom: 3px; }	 
       	          
ul.navright { float: left;
              margin: 0;
	          list-style: none;
	          font-size: 8px;
	          width: 150px; }

.navright a { text-decoration: none;
              background: #FFFFFF url(images/arrow-b.gif) no-repeat 5px 52%;
              text-align: left;
	          color: #000000;
	          font-size: 9px;
	          border-bottom: 1px dashed #999999;
	          display: block;
	          padding: 5px 5px 5px 30px; }
	          
.navright a:hover { font-weight: bold;
                    font-size: 10px;
	                background: #B2F511 url(images/go.png) no-repeat 5px 50%; }	 
	                                            
            
			
/*********************/
/* MAIN TEXT SECTION */
/*********************/
	      
#maintext { width: 600px;
            float: left;
            border: 0;
            margin-top: 0px;
		    margin-left: 15px;
		    padding-bottom: 10px; }
		    
#maintext h1 { color: #526bb5;
               font-size: 18px;
               font-weight: bold;
               text-align: left;
               margin-top: 20px;	           
	           text-transform: uppercase;
	           letter-spacing: 0px;
	           word-spacing: 1px; }
	           
#maintext span.title { font-family: Verdana, Gill, Helvetica, sans-serif;
                       color: #152D6A;
                       font-size: 14px;
                       font-weight: bold;
                       font-style: italic;
                       text-align: left;	                   
	                   margin-top: 5px;
	                   padding-left: 10px;
	                   border-bottom: 1px dotted #294E56;
	                   display: block; }  
	                   
#maintext span.Tred { font-family: Verdana, Gill, Helvetica, sans-serif;
                      color: #FF0000;
                      font-size: 14px;
                      font-weight: bold;
                      font-style: italic;
                      text-align: left;	                   
	                  margin-top: 5px;
	                  padding-left: 10px;
	                  border-bottom: 1px dotted #294E56;
	                  display: block; }  	                   
	                   	                                
#maintext h2 { color: #152D6A;
               font-size: 16px;
               font-weight: bold;
               text-align: left;  
               padding-top: 15px;
               border-top: 1px dotted #294E56;            
	           margin-top: 10px; }	
	           	           	           		           	           	           
#maintext span.title-h2 { font-family: Verdana, Gill, Helvetica, sans-serif;
                          color: #152D6A;
                          font-size: 13px;
                          font-weight: bold;
                          font-style: italic;
                          margin-top: 5px;
                          padding-left: 10px;
                          text-align: left;
                          display: block;	}  
                                        
#maintext h3 { color: #152D6A;
               font-size: 15px;
               text-transform: uppercase;
               font-weight: bold;
               text-align: left;  
               padding-top: 15px;          
	           margin-top: 10px; }	
	            
#maintext h4 { color: #526bb5;
               font-size: 14px;
               font-weight: bold;
               text-align: left;
               margin-top: 20px;	           
	           text-transform: uppercase;
	           letter-spacing: 0px;
	           word-spacing: 1px; }
	           
#maintext h5 { color: #526bb5;
               font-size: 14px;
               font-weight: bold;
               text-align: left;               	           
	           text-transform: uppercase;
	           letter-spacing: 0px;
	           word-spacing: 1px;
	           margin-top: 20px;
	           padding-top: 15px;
	           border-top: 1px dotted #294E56; }
	           
#maintext h6 { color: #526bb5;
               font-size: 10px;
               font-weight: bold;
               text-align: center;               	           
	           word-spacing: 1px;
	           margin-top: 20px; }
	           	           
#maintext p { color:#000000; 
              font-size: 12px;
              text-align:justify; 
              font-weight:500; 
              letter-spacing: 1.2px; 
              margin-top: 3px; }	           
	                        
#maintext span.text { color: #526bb5; 
                      font-size: 14px;
                      font-weight: bold; 
                      letter-spacing: 1.2px; 
                      margin-top: 3px; }	      
 
#maintext a { color: #0000FF;
              text-decoration: none;
              font-weight: 600; }             
#maintext a:visited { color: #152D6A; }    
#maintext a:hover { text-decoration: underline; } 

/*********************/
/* FOOTER SECTION */
/*********************/

#footer { clear: both;
         width: 950px; 
         font-family: Verdana, Gill, Helvetica, sans-serif; 
         font-size: 9px;
         font-weight: bold;
         text-align: center;
	     border-top: 1px dashed #999999;
	     color: #666666; }

#footer a { padding: 4px 1px 4px 1px;
	        text-align: center;
	        text-decoration: none;
            color: #0000FF;
	        font-size: 8px; }

#footer a:hover { color:#F53205; }	        	        
	         
/*********************/
/* MISC */
/*********************/	         
	         
.noborder { border: 0; }

.left-img { float: left; 
            margin-right: 10px;
            border-width:0; }
            
.right-img { float: right; 
             margin-left: 10px;
             border-width:0; } 
            
.red { color: #FF0000;
	   font-size: 11px;
	   font-weight: bold; }
	   
.red-16 { color: #FF0000;
	      font-size: 16px;
	      font-weight: bold; }	   
	   
.warning { font-family: Verdana, Gill, Helvetica, sans-serif;
           font-size:10px; 
           background: url(images/warning.png) no-repeat left center;
	       padding-top: 2px;
	       text-align: center;
	       margin: 20px;
	       padding-left: 15px; }	   
	   
/*********************/
/* OWNERS SECTION */
/*********************/	   
	   
#ownerList { text-align: left;
             font-size: 12px;
             list-style: none; }

li#Tphone { background: url('images/mobile-2.gif') no-repeat 0px 2px;
            padding-left: 50px;
            padding-bottom: 6px;
            padding-top: 6px; }
            
li#Hphone { background: url('images/phone.gif') no-repeat 0px 2px;
            padding-left: 50px;
            padding-bottom: 6px;
            padding-top: 6px; }
                        
li#address { background: url('images/letter.gif') no-repeat 0px 8px;
             padding-left: 50px;
             padding-bottom: 6px;
             padding-top: 6px;
             margin-top: 5px; }     
             
li#eletter { background: url('images/eletter.gif') no-repeat 0px 8px;
             padding-left: 50px;
             padding-bottom: 8px;
             padding-top: 6px;
             margin-top: 5px; }               
             
li#web { background: url('images/web.gif') no-repeat 0px 8px;
             padding-left: 50px;
             padding-bottom: 6px;
             padding-top: 6px;
             margin-top: 5px;
             margin-bottom: 5px; }
             
li#eletter-red { background: url('images/eletter-red.gif') no-repeat 0px 8px;
                 padding-left: 50px;
                 padding-bottom: 8px;
                 padding-top: 6px;
                 margin-top: 5px; }
                 
/*********************/
/* List box - MOSQUETOES*/
/*********************/

ul.listbox  { font-family: Verdana, Gill, Helvetica, sans-serif;
              margin: 0;
	          padding: 0;
	          list-style: none;
	          text-align: left; 
	          font-size: 12px; }                
                 
/*********************/
/* TABLE SECTION */
/*********************/	    

#table-rent { padding-bottom: 20px; }
                      
.list { font-family: Verdana, Gill, Helvetica, sans-serif;
        border: 0px solid #506BB1;
        width: 164px;
        font-size: 10px;
        text-align: left;
        border-collapse: collapse;  }       
              
#cost { font-family: Verdana, Gill, Helvetica, sans-serif; 	           
	    width: 100%;
	    text-align: center;
	    font-size: 11px;
	    border-collapse: collapse;
	    border: 1px solid #73afb7;
	    padding-top: 6px;
	    padding-bottom: 16px;  }      
       
.title td { border:  1px solid #506BB1;
            text-align: center;
            Padding: 4px;
            font-weight: bold; }	
            
.title td { border:  1px solid #506BB1;
            text-align: center;
            color: #FF0000;
            Padding: 4px;
            font-weight: bold; }           
          
.odd td { background-color: #E0E6C6;
          border:  1px solid #42428C; }
         
.even td {  background-color: #FFFFFF;
            border:  1px solid #506BB1; }