﻿/* PAGE GENERAL */

.img_lt { 
   float: left; 
   border:0;
   display:inline;
   padding:3px 5px 3px 0px;
}
.img_partner { 
   float: left; 
   border:0;
   display:inline;
   padding:0px 15px 0px 0px;
}

.img_rt { 
   float: right; 
   border:0;
   display:inline;
   padding:3px 0px 3px 5px;
}
.img_test {
	border:0;
	padding:5px;
	margin:0;
}
.noborder { border:0; }

.red-14 {
	font-size:14px;
	color:red;
	padding-left:2px;
	padding-right:2px;
}

.blue {
	color:#244C7A;
}
.text_center {
	text-align:center;
	vertical-align:middle;
}
.test_150 {
	float:left;
	margin:0;
	width:160px;
}
.test_text {
	float:left;
	margin:0 0 0 10px;
	width:460px;
}
.d_bg2{
	clear:left;
	background-image:url('CSSimage/d_bg.gif');
	background-repeat:repeat-x;
	width:590px;
	height:1px;
	margin:20px;
	padding:0;
}
#topbar li.bold_home a {
	font-weight:bold;
}
/* TOPBAR NAVIGATION MENU */

#topbar { 
    width:796px;   
	float:left;
	display:inline;
	padding:0;
	margin-left:2px;
	margin-bottom:0;
}      
#topbar ul { 
    width:800px;
    float :left; 
	padding:0;
	margin:0 0 0 1px;
}	 

#topbar li { 
    margin-left:0px;
    display:inline;
	float:left;	
	text-align:center;
	font-size:12px;
	height:22px;
}	                                     
#topbar li a { 
    background-color:#ffffff;
    display: block;           
	text-decoration: none;
	cursor:auto;
	color: #000000;
	padding:5px 0 5px 0;   /* top right bottom left */
	font-weight:normal;
	text-align:center;
	font-size: 11px; 
}  
                  
#topbar li.top_home a { 
	font-weight:bold;                   
}	
                    
#topbar li#box8 { width: 195px; } 
#topbar li#box9 { width: 174px; }  
#topbar li#box10 { width: 160px; } 
#topbar li#box11 { width: 141px; } 
#topbar li#box12 { width: 124px; }  
#topbar li#box13 { width: 115px; }  /* not used */
 

#topbar li a:hover { 
    font-weight:bold;
}

#golf-link {    /* link golf page to golf challenge page */
    float: left;
    width: 124px;
    margin:20px 0 0 2px;
    padding:1px 0 10px 0;
    background-color:#2C341B;
    font-family: Verdana, Gill, Helvetica, sans-serif; 
    border-left:1px #2C3517 dashed;
    border-right:1px #2C3517 dashed;
}
.img_golf { 
   margin:0; 
   padding:0;
   border:0;
}

	  	 
/* PAGE DIVS */

body { font-family: verdana, arial, sans-serif;
       color: #333333;
       font-size: 11px;
	   text-align: center;
       padding: 6px 0px 0px 0px; /* top right bottom left */ 
	   background-color: #fff; 
}	   
#container { 
    width: 800px; 
    margin:auto;
	padding-top: 7px;
	background: url('CSSbg/top.gif') repeat-x 0px 0px; 
	text-align: justify; 
}
#page_content { 
    width: 800px;
    height:1550px; 
    background-image: url('CSSbg/sideBars.gif');
    background-repeat:repeat-y;
    background-position: 0px 0px;
}	      
#header_logo {
	width:794px;
	height:140px;
	float:left;
	display:inline;
	margin-left:3px;
}
#logo {
	width:194px;
	height:140px;
	float:left;
	background-image: url('CSSbg/fort.gif');
	background-repeat:repeat-x;
	background-position:left;
}
#logo h1 {
	font-size:12px;
	font-family:Verdana;
	padding-top:117px;
	padding-left:7px;
	color:black;
}
#header {
	width:600px;
	float:left;
}
	                     
/* COLOUR BAR BELOW MAIN MENU */

#menu-bar { margin-left: 2px;
	        width: 796px;  
	        float:left;
	        display:inline;
	        height:15px;
	        text-align: justify; } 
	        
/* LEFT COLUMN */
	                      
#wrapper-left { 
    width: 796px;
    background:#FFFFFF url('CSSbg/left-bg.gif') repeat-y 1px top;
    float:left;
    display:inline;
    margin-left:2px;
} 

#nav_wrapper { float: left;
               width: 131px;
               display: inline;
               font-family: verdana, arial, sans-serif;
               margin:0;
               padding:0; }
	         	          
#nav_wrapper h1 { /* left column h1 text - class function used to display image */
    width: 79px;
    height: 25px;
    padding: 5px 0px 0px 50px;
    margin:0;
    font-weight:bolder;
    font-size: 11px;  
    color:#EDEBEB; 
}      
                
#nav_wrapper h2  { 
    float:left;
    padding:0;  
    margin:0;
    font-weight:bolder;    
    font-size:11px;  
    color:#EDEBEB; 
}    

#nav_wrapper h3 {
	font-size:11px;
	margin:0;
	padding:2px 0 2px 6px;
	background-color:#FFFFFF;
	width:118px;
}
#nav_wrapper p {
	font-size:11px;
	text-align:left;
	padding:4px;
	margin:0;
	color:white;
	background-color:#2C341B;
}
#nav_wrapper .diamond {
	background: 0px 4px url(CSSgolf/bullet-diamond.gif) no-repeat;	
	padding-left:10px;
}
#nav_wrapper .more {
	margin:0;
	padding:1px 3px 3px 3px;	
}
#nav_wrapper a {
	color:white;
	font-weight:bold;
	font-size:10px;
}
	                    
#ads-title { 
    width: 130px;
    float:left;
    display:inline;
    margin-left:1px;
    margin-bottom:20px;
}

/* MAIN TEXT SECTION */

#text_box { font-family: verdana, arial, sans-serif;
            float:right;
            display:inline;
            margin:0px 0px 0px 10px; /* top right bottom left */
	        width:650px; 
	        padding-bottom:20px;
	        border:0px solid black; }
	           
#text_box h1 {     /* page title */
    font-size: 19px;
	padding: 10px 0px 10px 0px; /* top right bottom left */
	width:400px;  /* reduced from 500 to 290 */
	margin:0; 
    color:black; /* changed from #A52322 */
}	           
#text_box h2 {   /* 2nd page title */
    font-size:14px;
	padding: 5px 0px 10px 0px;	  /* top right bottom left */     
	color:#A52322;       
	margin:0; /* top right bottom left */	           
}	     
#text_box h3 { font-size: 12px;
               padding: 5px 0px 5px 0px; /* top right bottom left */
               color: #161616; /*#A52322;*/
               margin:0; }
 
#text_box h4 { font-size: 10px;   /* used on the holiday guide pages */
	           padding: 3px 0px 3px 0px;
	           font-weight:normal;
	           margin:0;
	           color: #161616; }
   	                            
#text_box h5 {     /* RENTAL PAGES - LARGE PHOTO */
	font-size:12px;
	border-top: 1px solid #26618D;
	border-bottom: 1px solid #26618D;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 354px;
	text-align: center; 
	background-color:#CCCCCC;
	color:blue;
	font-weight:normal;
}
          
#text_box h6 {
    font-family : Verdana, Gill, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    padding-bottom: 20px;
    padding-top:10px;
    padding-left:20px;
    font-weight:bold;
    color:#A52322; 
    margin:0;
}    
           
#text_box .title { font-size: 12px;
	               padding-left: 4px; }	           

#text_box p { padding: 0px 10px 5px 0px; /* top right bottom left */
	          text-align: justify;
	          margin: 0;
	          line-height: 15px;
	          font-size: 11px; 
	          font-family : Verdana, Gill, Helvetica, sans-serif;
}

/* AD RIGHT COLUMN */

#wrapper-right {      /* right nav column */
    width: 130px; 
    float: right;
    display:inline;
    margin-right:1px; 
} 
#link-title { 
    width: 130px;
    float:right;
    display:inline;
    margin-bottom:20px;
}

/* GENERAL PAGE LIST BOX */

#listText {
	width:600px;
	float:left;
	display:inline;
}

#listText li { 
    font-size: 11px;
    text-align: left;
    padding-bottom:3px; 
}

/* RIGHT COLUMN */

#rightBox {      /* right nav column */
    width: 131px; 
    float: right;
    display:inline;
    margin-right:1px;
    border: 0px solid black; 
} 

/* TEXT ON RIGHT NAVIGATION BOX */
         
#rightBox h1 { 
    width: 79px; 
    height:25px;
    padding: 5px 0px 0px 50px;
    margin:0;
    font-weight:bolder;
    font-size: 11px;  
    color:#EDEBEB; 
}

#wrapper-right {
    font-family:Arial, Helvetica, sans-serif;
}        
#wrapper-right h1 { 
    width:120px; 
    height:25px;
    padding:5px 0px 0px 10px;
    margin:0;
    font-weight:bolder;
    font-size:12px;  
    color:#EDEBEB; 
}
#wrapper-right h2 { 
    width:120px; 
    height:25px;
    padding:5px 0px 0px 10px;
    margin:0;
    font-weight:bolder;
    font-size:12px;  
    color:#EDEBEB; 
}
#link-title { 
    width: 130px;
    float:right;
    display:inline;
    margin-bottom:20px;
}
/* RIGHT NAVIGATION MENU IN MAIN TEXT */
                                                               
#nav_right { 
    width: 129px;
    border-left: 1px solid #A11F3B; 
    float:right;
}

#nav_right ul { 
    margin:0;
    float:right;
    padding:0;
    width:129px;
}  

#nav_right li { background: #3973AD url(CSSbg/menu_blue_arrow.gif) left center repeat-y;
                    padding: 3px 0px 3px 28px; /* top right bottom left */
                    height:14px;
                    margin:0;
                    border-bottom: 1px solid #ffffff; 
                    list-style: none; }

#nav_right a { color: #efeeed;
                   text-decoration: none;
                   font-weight: bold;
                   font-family: tahoma, helvetica, arial, sans-serif;
                   font-size: 11px; }

#nav_right a:hover { color: #efeeed; }
#nav_right li:hover { background: #891d1c url(CSSbg/menu_hover_arrow.gif) left center repeat-y; }    
#nav_right li.nav_home { background: #DF2B50 url(CSSbg/menu_hover_arrow.gif) left center repeat-y; } 



/* ADVERTISEMENT BOXES */

.ads_box { 
    float:left;
    display:inline;
    margin:5px 0px 15px 5px; /* top right bottom left */
	width:510px; 
	height:135px;
	border-bottom:1px #A0B4DF solid;
}
.box_height-108 { 
    float:left;
    display:inline;
    margin:5px 0px 15px 5px; /* top right bottom left */
	width:510px; 
	height:108px;
	border-bottom:1px #A0B4DF solid;
}
.box_height-115 { 
    float:left;
    display:inline;
    margin:5px 0px 15px 5px; /* top right bottom left */
	width:510px; 
	height:115px;
	border-bottom:1px #A0B4DF solid;
}


/*********************/
/* OWNERS SECTION -FORM*/
/*********************/	   
   
#ownerList { text-align: left;
             font-size: 12px;
             list-style: none; }

li#Tphone { background: url('CSSimage/mobile-2.gif') no-repeat 0px 2px;
            padding-left: 50px;
            padding-bottom: 6px;
            padding-top: 6px; }
            
li#Hphone { background: url('CSSimage/Hphone.gif') no-repeat 0px 2px;
            padding-left: 50px;
            padding-bottom: 6px;
            padding-top: 6px; }
                        
li#address { background: url('CSSimage/letter.gif') no-repeat 0px 8px;
             padding-left: 50px;
             padding-bottom: 6px;
             padding-top: 6px;
             margin-top: 5px; }     
             
li#eletter { background: url('CSSimage/eletter.gif') no-repeat 0px 8px;
             padding-left: 50px;
             padding-bottom: 8px;
             padding-top: 6px;
             margin-top: 5px; }               
             
li#web { background: url('CSSimage/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('CSSimage/eletter-red.gif') no-repeat 0px 8px;
                 padding-left: 50px;
                 padding-bottom: 8px;
                 padding-top: 6px;
                 margin-top: 5px; }

                                                                                                        	               
/* RENTALS LEFT COLUMN */
	
#rentList { 
    width: 129px;
    float:left;
    display:inline;
    margin-left:1px;  
    font-family: verdana, arial, sans-serif;
}           
#rentList ul { 
    margin:0;
    float:left;
    padding:0;
    width:129px;
}       
#rentList li { 
    background: #E0E6C6 url(CSSbg/odd-tick.gif) right center repeat-y;  
    text-align: left;                            
    padding: 3px 0px 3px 8px; /* top right bottom left */               
    margin-left: 0;
    color:#000000;
    font-weight:normal;
    font-size: 11px;
    list-style: none;
    border-bottom:1px solid #6699CC;
}
#rentList li.odd-tick { 
    background:#E0E6C6 url(CSSbg/odd-tick.gif) right center repeat-y;
    border-right:1px solid #6699CC;
}                                                                             
#rentList li.odd-cross { 
    background:#E0E6C6 url(CSSbg/odd-cross.gif) right center repeat-y;
    border-right:1px solid #6699CC;
 }  
#rentList li.even-tick { 
    background:#ffffff url(CSSbg/even-tick.gif) right center repeat-y;
    border-right:1px solid #6699CC;
 }
#rentList li.even-cross { 
    background:#ffffff url(CSSbg/even-cross.gif) right center repeat-y;
    border-right:1px solid #6699CC;
 } 
#rentList h1 { border: 0px solid #e5e4e2;
               text-align: center;
               padding-bottom: 6px;
               padding-top: 4px;
               margin: 0;
               font-size: 11px;  /* red */
               background-color: #837D7D;
               color: #efeeed; }        
               
#rentList li.title3 { 
    width: 89px;   /* width and left padding need to add up to 129px (width of column) */
    height: 25px;
    padding: 4px 0px 0px 40px;
    margin:0; /* top right bottom left */  
    font-weight:normal;
    font-size: 11px;  
    color:blue; 
    border-top:5px white solid; 
	background-image: url('CSSimage/info-2.gif');
	background-position: left center;
	background-repeat:no-repeat; 
}

	          
/* PHOTO BOXES AT THE BOTTOM OF THE MAIN PAGES */

#Pbox { 
    width: 780px;
    float:left;
    height:160px;
    display:inline;
    margin-top:2px;
    margin-left:9px; 
    border-bottom: 1px solid black; }    
        
#Pbox h1 { font-size: 10px;
	       text-align: center;
	       padding: 3px 0px 3px 0px; /* top right bottom left */     
	       margin: 0;
	       color: #6C6868; }    
           
#Pbox h2 { font-size: 9px;
	       padding: 2px 0px 2px 0px; /* top right bottom left */     
	       text-align: center;	       
	       color: #6C6868;
	       margin: 0; }	 
	   
.photobox { float: left;     
            width: 150px;
            display: inline;
            margin-left: 5px;
            border: 0px solid #000000; } 

	          

/* RIGHT SECTION - RENTAL PHOTOS */

#rightPhoto {   /* right photo column - rentals */
    width: 138px; 
    float: right;
    display: inline; 
    margin-right:1px;
    padding:0;
    border-left:1px solid #A11F3B;
    border-bottom:0px solid #A11F3B;
}
#rightBox {      /* right nav column */
    width: 131px; 
    float: right;
    display:inline;
    margin-right:1px;
    border: 0px solid black; 
} 
#link-title { 
    width: 130px;
    float:right;
    display:inline;
    margin-bottom:20px;
}

/* RENTAL PAGES - LARGE PHOTO */

#rentPhoto { 
    border: 1px dotted black;
    width: 380px;
    padding-left: 25px;
    padding-top: 15px;
    margin-left: 46px;
    margin-bottom:20px;
}
#rightPhoto {
     font-family: verdana, arial, sans-serif;
}                                  
#rightPhoto h1 { /* width 138px */
    width: 95px;
    height: 25px;
    padding: 5px 0px 0px 43px;
    margin:0;
    font-weight:bolder;
    font-size: 11px;  
    color:#EDEBEB;
}                    
#rightPhoto h2 {
	background-color:#26618D;
	color:#efeeed;
	text-align: center;
	font-size:10px;
	margin:0;
	padding: 3px;
}  
#rightPhoto h3 {
	color:black;
	font-weight:normal;
	text-align: center;
	font-size:11px;
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
}
#rightPhoto h4 {
	color:black;
	font-weight:normal;
	text-align: center;
	font-size:11px;
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#E0E6C6;
}

/* PHOTOS ON DOWN THE RIGHT COLUMN */

#rentPhotos {
	width: 138px;
	margin-top: 20px;
	border: 1px solid #26618D;
}
#rentPhotos img.imgfix {
	margin: 0;
	border:0;
	padding:0;
}
.photo { 
    border:2px solid #26618D;
}

/* HOLIDAY RENTAL PAGES- NAVIGATION NEXT/PREVIOUS */

#next {
    border: 1px dotted black;
    width: 407px;
    margin-left: 46px;
}
#next table { 
	border-collapse: collapse;
	width:200px;
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
	font-weight:bold;
}
#next td {
	border: 0px solid #73afb7;
	padding: 3px 15px 2px 15px; /* top right bottom left */ 
	font-size: 11px;
	color:gray;
}
#next a {
	font-size:11px;
	text-decoration:none;
	color:black;
}

/*********************/
/* List box - MOSQUETOES*/
/*********************/
#mosquito {
	font-family:verdana, arial, sans-serif;
}
#mosquito ul {
	margin:0;
	padding-bottom:3px;
}
#mosquito li  { 
    margin:0;
    padding-left:10px;
	padding-bottom:7px;
	padding-right:20px;
	list-style: none;
	text-align: left; 
	font-weight:normal;
	font-size: 11px; 
}  

/*********************/
/* CONTACT DETAILS - FORM */
/*********************/	   
                  
#ConDetails { width: 438px;  
	          height: auto;
	          margin-left: 10px; }
	           
#ConDetails li { 
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin:0;
    font-size: 11px;
    list-style-type: none; 
}                	   
#sub-ContactBox { margin: 10px 0px 0px 0px;
                  padding: 10px;
	              border: 1px dashed #A52322;
	              background-color: #E0E6C6; 
}  

/* about ads page - list of links */
	              	                 
#list_aboutAds ul { 
    padding: 0;
    margin-bottom:10px;
    margin-top:5px;
}	 
#list_aboutAds li { 
    padding-bottom:8px;
    padding-top:5px;
    padding-left:40px;
    font-size:11px;
    list-style:none;
}	                                     

/* PARTNERS PAGE */
    
.partner_box {
    float:left;
    width:650px;
	background-color:#EFEFEF;
	padding:0;
	margin:0 0 6px 0;
}  
	              
	              
	             	             
/* Footer Links */
	                    
#footer_links { width: 800px;
                padding: 18px 0px 0px 0px; /* top right bottom left */
	            color: #083360;
	            background: url('CSSbg/footer_background.gif') #fff repeat-x 0px 1px;
	            font-family: tahoma, arial, sans-serif;
	            font-weight: bold;
	            text-align: center; }

#footer_links a { color: #083360;
	              text-decoration: none;
	              background-color: inherit; }

#footer_links a:hover { color: #185799;
	                    background-color: inherit; }

#footer_links ul { margin: 0;
	               padding-left: 155px; }

#footer_links li { padding: 0px 12px 0px 10px;
	               color: inherit;
	               display: inline;
	               background: url('CSSbg/footer_links_div.gif') #fff no-repeat 100% 100%;
	               text-transform: lowercase;
	               float: left; }
         
/* W3 and CSS validation */
	              
#css {
	text-align:center;
	margin-top:10px;
	padding:5px;
	width:800px;
}	
  

