/* This is common to all pages */

body {background-color: #FEFAE9; color: black; padding: 0; margin: 0; border: 0;}



/* This section is common to all pages with the banner at top and navigation bar on left */

#banner {width:1025px; height:205px; padding: 0; border: 0; margin: 0;}

#banner img {width:1025px; height: 205px;}


#navigation_bar {background-color: #88B0D4; color: black; height: 700px; width:150px; position: absolute; top: 205px; left: 0;}

#navigation_bar a {display: block; background-color: #FEFAE9; color: black; font-family: Tahoma, Verdana, Arial, monospace; 
	font-size: 12px; 
	font-weight: normal; text-align: center; width: 95px; height: 22px; border:2px solid #b7b18f; 
	margin: 12px 25px 0px 20px; padding: 2px 0px 0px 0px;}
	
#navigation_bar a:link {text-decoration: none;}

#navigation_bar a:hover {text-decoration: none; color: #2D73B9;}

#navigation_bar a:visited {text-decoration: none; color: gray}




/* This section is for the Index (or home) page */

#three_photos_for_index_page {position: absolute; top: 205px; left:150px; width: 900px; height: 700px; padding: 0; margin:0; border:0;}

#exterior_house_photo_for_index_page {width: 170px; height: 120px; border:0; padding:0; margin:0;}

#exterior_house_photo_for_index_page img {width: 170px; height: 120px; border: 4px solid #455768;}

#entrance_photo_for_index_page {width: 170px; height: 120px;  position: absolute; top: 124px; left: 0; border: 0; padding: 0; margin:0;}

#entrance_photo_for_index_page img {width: 170px; height:120px; border: 4px solid #455768;}

#large_bedroom_photo_for_index_page {width: 170px; height: 110px; position: absolute; top: 248px; left: 0; border:0;  padding:0; margin:0;}

#large_bedroom_photo_for_index_page img {width: 170px; height: 110px; border: 4px solid #455768;}

#text_for_index_page {position: absolute; width: 500px; height: 200px; left: 380px; top: 220px; 
		font-family: Verdana, Arial, "Times New Roman", monospace; font-size: 14px; line-height: 1.5;}
		
#heading_for_index_page {line-height: 1.0;}
	


/* This section is for the rooms page */	

#first_text_for_rooms_page {position: absolute; top: 205px; left:150px; width: 290px; height: 700px; padding: 0 0 0 10px; 
	margin:5px 0px 0px 0px; border:0; font-family: Verdana, Arial, "Times New Roman", monospace; font-size: 14px; }

#first_photo_for_rooms_page {position: absolute; left: 150px; top: 350px;}

#first_photo_for_rooms_page img {width: 300px; height: 205px; border: 4px solid #455768;}

#second_photo_for_rooms_page {position: absolute; left: 580px; top: 205px;}

#second_photo_for_rooms_page img {width: 300px; height: 205px; border: 4px solid #455768;}

#second_text_for_rooms_page {position: absolute; top: 400px; left:585px; width: 290px; height: 200px; padding: 0 0 0 10px; 
	margin:0; border:0; font-family: Verdana, Arial, "Times New Roman", monospace; font-size: 14px; }
	
#second_text_for_rooms_page a:link {color: #4A2885;}

#second_text_for_rooms_page a:hover {color: #2D73B9;}

#second_text_for_rooms_page a:hover {color: gray;}






/* This section is for the large_bedroom_looking_south page */

#photo_for_large_bedroom_looking_south_page {width: 800px; height: 533px; border:0; padding:0; margin:0;}

#photo_for_large_bedroom_looking_south_page img {width:800px; height:533px; border: 6px solid #455768;}

#text_for_large_bedroom_looking_south_page {position: absolute; top: 100px; left: 840px; 
											font-family: Verdana, Arial, "Times New Roman",monospace; font-size: 14px;}

#text_for_large_bedroom_looking_south_page a:link {color: #4A2885;}

#text_for_large_bedroom_looking_south_page a:hover {color: #2D73B9;}

#text_for_large_bedroom_looking_south_page a:visited {color: grey;}



/* This section is for the large_bedroom_looking_north page */

#photo_for_large_bedroom_looking_north_page {width: 800px; height: 533px; border:0; padding:0; margin:0;}

#photo_for_large_bedroom_looking_north_page img {width:800px; height:533px; border: 6px solid #455768;}

#text_for_large_bedroom_looking_north_page {position: absolute; top: 100px; left: 840px; 
											font-family: Verdana, Arial, "Times New Roman",monospace; font-size: 14px;}

#text_for_large_bedroom_looking_north_page a:link {color: #4A2885;}

#text_for_large_bedroom_looking_north_page a:hover {color: #2D73B9;}

#text_for_large_bedroom_looking_north_page a:visited {color: grey;}




/* This section is for the second_bedroom page */

#photo_for_second_bedroom_page {width: 800px; height: 533px; border:0; padding:0; margin:0;}

#photo_for_second_bedroom_page img {width:800px; height:533px; border: 6px solid #455768;}

#text_for_second_bedroom_page {position: absolute; top: 100px; left: 840px; 
											font-family: Verdana, Arial, "Times New Roman",monospace; font-size: 14px;}

#text_for_second_bedroom_page a:link {color: #4A2885;}

#text_for_second_bedroom_page a:hover {color: #2D73B9;}

#text_for_second_bedroom_page a:visited {color: grey;}




/* This section is for the map page */

#map_for_map_page {position: absolute; left: 150px; top: 205px; 
					color: black; font-family: Verdana, Arial, "Times New Roman",monospace; font-size: 14px; font-weight: bold; 
					padding: 0; margin: 0; border: 0;}

#map_for_map_page img {width: 240px; height: 147px; border:0; padding:0; margin:0; z-index: 1;}

#location_1_for_map_page {position: absolute; left: 340px; top:168px; z-index: 2;}

#location_2_for_map_page {position: absolute; left: 290px; top:188px; z-index: 2;}

#location_3_for_map_page {position: absolute; left: 259px; top:188px; z-index: 2;}

#location_4_for_map_page {position: absolute; left: 210px; top:186px; z-index: 2;}

#location_5_for_map_page {position: absolute; left: 213px; top:216px; z-index: 2;}

#location_6_for_map_page {position: absolute; left: 181px; top:173px; z-index: 2;}

#location_7_for_map_page {position: absolute; left: 234px; top:43px; z-index: 2;}

#ferry_terminal_text_for_map_page {position: absolute; left: 235px; top:73px; z-index: 2; padding: 5px 0px 0px 0px;}

#ferry_terminal_arrow_for_map_page {position: absolute; left: 240px; top:38px; z-index: 2; font-size: 20pt;}

#airport_text_for_map_page {position: absolute; left: 320px; top:253px; z-index: 2;}

#airport_arrow_for_map_page {position: absolute; left: 320px; top:283px; z-index: 2; font-size: 20pt;}

#text_for_map_page {position: absolute; left: 565px; top:218px;
						color: black; font-family: Verdana, Arial, "Times New Roman",monospace; font-size: 14px;}
						
#text_for_map_page table {border:0; width: 400px; }			

#map_header {line-height: 1.0;}


.caption {font-weight: bold; padding: 10px 0px 5px 0px;}

.position_caption {font-weight: bold; padding: 10px 0px 5px 30px;}

.key {vertical-align:top; text-align: center; padding: 0px 0px 5px 0px}

.place {text-align: centre; padding: 0px 0px 5px 20px;}

.distance {vertical-align:top; text-align: center; padding: 0px 0px 5px 0px;}


/* This section is for the attractions page */

#first_three_photos_for_attractions_page {position: absolute; top: 205px; left:150px; width: 180px; height: 550px; 
											padding: 0; margin:0; border:0;}

#oriental_bay_beach_for_attractions_page {width: 180px; height: 120px; border:0; padding:0; margin:0;}

#oriental_bay_beach_for_attractions_page img {width: 180px; height: 120px; border: 4px solid #455768;}

#freyberg_pool_for_attractions_page {width: 180px; height: 120px;  position: absolute; top: 124px; left: 0; 
										border: 0; padding: 0; margin:0;}

#freyberg_pool_for_attractions_page	img {width: 180px; height:120px; border: 4px solid #455768;}

#te-papa_for_attractions_page {width: 180px; height: 120px; position: absolute; top: 248px; left: 0; border:0;  padding:0; margin:0;}

#te-papa_for_attractions_page img {width: 180px; height: 120px; border: 4px solid #455768;}



#text_for_first_three_photos_attractions_page {position: absolute; top: 205px; left: 355px; width: 180px; height: 550px; 
												padding: 0; margin:0; border:0;}

#text_for_first_three_photos_attractions_page a:link {color: #4A2885;}

#text_for_first_three_photos_attractions_page a:hover {color: #2D73B9; }


#text_for_first_photo_attractions_page {position: absolute; top: 50px; left: 0px;}

#text_for_second_photo_attractions_page {position: absolute; top: 170px; left: 0px;}

#text_for_third_photo_attractions_page {position: absolute; top: 290px; left: 0px;}



#second_three_photos_for_attractions_page {position: absolute; top: 205px; left:540px; width: 180px; height: 550px; 
											padding: 0; margin:0; border:0;}

#courtenay_place_for_attractions_page {width: 180px; height: 120px; border:0; padding:0; margin:0;}

#courtenay_place_for_attractions_page img {width: 180px; height: 120px; border: 4px solid #455768;}


#civic_centre_for_attractions_page {width: 180px; height: 120px;  position: absolute; top: 124px; left: 0; 
										border: 0; padding: 0; margin:0;}

#civic_centre_for_attractions_page	img {width: 180px; height:120px; border: 4px solid #455768;}


#westpac_stadium_for_attractions_page {width: 180px; height: 120px; position: absolute; top: 248px; left: 0; border:0;  padding:0; margin:0;}

#westpac_stadium_for_attractions_page img {width: 180px; height: 120px; border: 4px solid #455768;}



#text_for_second_three_photos_attractions_page {position: absolute; top: 205px; left: 745px; width: 180px; height: 550px; 
												padding: 0; margin:0; border:0;}

#text_for_second_three_photos_attractions_page a:link {color: #4A2885;}

#text_for_second_three_photos_attractions_page a:hover {color: #2D73B9; }

#text_for_fourth_photo_attractions_page {position: absolute; top: 50px; left: 0px;}

#text_for_fifth_photo_attractions_page {position: absolute; top: 170px; left: 0px;}

#text_for_sixth_photo_attractions_page {position: absolute; top: 290px; left: 0px;}



/*This section is for the tariff page */

#text_for_tariff_page {position: absolute; width: 500px; height: 200px; left: 200px; top: 235px; 
		font-family: Verdana, Arial, "Times New Roman", monospace; font-size: 14px; line-height: 2.0;}
	
#tariff_heading {line-height: 1.0; margin: 0px 0px 0px 40px;}

#cancellation_policy_heading {position: absolute; top: 540px; left:240px; width: 290px; height: 200px; padding: 0 0 0 0px; 
	margin:0; border:0; font-family: Verdana, Arial, "Times New Roman", monospace; font-size: 14px; }


	



/*This section is for the contact_us page */

#text_for_contact_us_page {position: absolute; width: 500px; height: 200px; left: 240px; top: 235px; 
		font-family: Verdana, Arial, "Times New Roman", monospace; font-size: 14px; line-height: 1.0;}

	
#text_for_contact_us_page table {border:0; width: 400px; font-family: Verdana, Arial, "Times New Roman", monospace;
								 font-size: 14px; line-height: 1.75; }	

#heading_for_contact_us_page {line-height: 1.0; margin: 0px 0px 30px 0px;}

#text_for_contact_us_page table a:link {color: #4A2885;}

#text_for_contact_us_page a:hover {color: #2D73B9;}

#text_for_contact_us_page a:visited {color: grey;}



/*This section is for the availability page */

#availability_heading {line-height: 1.0; margin: 0px 0px 0px 40px;}


#text_for_availability_page {position: absolute; width: 500px; height: 200px; left: 200px; top: 235px; 
		font-family: Verdana, Arial, "Times New Roman", monospace; font-size: 14px; line-height: 2.0;}
	
#availability_link {position: absolute; left: 250px; top: 400px;}

#partner_certificate {position: absolute; left: 550px; top: 400px;}




/* This section is for all pages (but is used in pages that have a title with white text against coloured background */

h1 {width: 300px; height: 40px;  background-color: #B7B1A0; padding: 5px 0px 0px 0px; border: 0; margin: 0px 0px 0px 20px;
	font-family: "Monotype Corsiva", Verdana, Arial, cursive; color: white; font-size: 30px; font-weight: normal; text-align: center;}