body {
	margin:0 0 20px 0; 
	padding:0;
	}


#Wrapper {
	width:800px;
	height:640px; /* 100% */
	padding:0;
	margin:10px auto;
	text-align:center;
	}


/* -------------------------------- BANNER -------------------------------- */

#Banner {
	float:left;
	width:776px;
	height:80px;
	margin:0;
	padding:0;
	}

	
#BannerLeft {
	float:left;
	width:500px;
	height:80px;
	margin:0;
	padding:0;
	}

	#Banner h1 {
		font:normal 1.3em 'Times New Roman', serif;
		text-align:left;
		letter-spacing:.1em;
		margin:20px 0 0 20px;
		}
	
	#Banner h2 {
		font:normal .85em Arial, Helvetica, sans-serif;
		text-align:left;
		margin:0 0 0 20px;
		letter-spacing:.2em; 
		}

#BannerRight {
	float:right;
	width:250px;
	height:80px;
	margin:0;
	padding:0;
	}

	#BannerRight img {
		float:right;
		margin:20px 40px 0 0;
		}



/* -------------------------------- NAVIGATION -------------------------------- */

#Nav {
	float:left;
	width:150px;
	height:100%;
	margin:10px 10px 0 0;
	padding:0;
	}

#Nav ul {
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	}

#Nav ul li {
	margin:0 15px ;
	padding:0;	
	}
	
	#Nav ul li a {
		display:block;
		font:bold .8em Arial, Helvetica, sans-serif;
		text-decoration:none;
		text-align:center;
		letter-spacing:.1em;
		padding:1em 0;
		}

	#Nav ul li a:hover {
		text-decoration:none;
		}

		#Nav ul li.start {
			height:10px;
			}

		#Nav ul li.condensed a {
			letter-spacing:0;
			}
			
/* original ---- now put at bottom of page ---
#Nav ul li.resources {
	display:block;
	font:normal .75em Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	letter-spacing:.1em;
	margin:180px 15px 0 15px;
	padding:0;
	}
*/

#Nav ul li#checkAvail {
border:1px #666 solid;
background-color:#BFBD83;
margin-top:3px;
}


/* -------------------------------- MIDDLE -------------------------------- */


#Middle {
	float:left;
	width:200px;
	height:100%;
	padding:0;
	margin:10px 10px 0 0;
	font:normal 10pt Arial, Helvetica, sans-serif;
	text-align:justify;
	}

		/* needed when above 600px
		#Middle-Location {
			height:auto;
			}
		 */
		 
		 
	/* ------- Home Page ------- */
	
	#Middle h1.home {
		font:bold 1.2em Arial, Helvetica, sans-serif;
		text-align:center;
		text-transform:uppercase;
		margin:10px 0 0 0;
		}


	#Middle h2.home {
		font:bold 1em Arial, Helvetica, sans-serif;
		text-align:center;
		text-transform:uppercase;
		margin:0 0 10px 0;
		}
	#Middle h2 {
		font:bold .9em Arial, Helvetica, sans-serif;
		text-align:left;
		text-transform:uppercase;
		padding:0;
		margin:20px 0 0 10px; 				
		}


	#Middle h3 {
		font:bold .8em Arial, Helvetica, sans-serif;
		text-align:left;
		padding:0;
		margin:10px 10px -8px 10px; 				
		}
		#Middle h3.uppercase {
		text-transform:uppercase;
		}


		/*
		#Middle-Location h3 {
			text-transform:uppercase;
			}
		*/


	#Middle p {
		font:normal 9pt Arial, Helvetica, sans-serif;
		text-align:justify;
		padding:0;
		margin:5px 10px; 	
		}
		#Middle p.left {
			text-align:left;
			}

	#Middle ul {
		list-style-type:square;
		padding:0;
		margin:0; 
		}
	#Middle li {
		font:normal 8pt Arial, Helvetica, sans-serif;
		padding:0;
		margin:0 8px 0 25px;
		text-align:left; 	
		}




/* -------------------------------- RIGHT -------------------------------- */


/* HOME LOCATION ROOMS PHOTOS ENQUIRY ABOUT RESOUCES*/
#Right {
	float:left;
	width:400px;
	height:100%;
	padding:0; 
	margin:10px 0 0 0;
	}		

	#Right #Map {
		width:93%;
		padding:7px 3px;
		margin:0 auto;
		border:3px #999 solid;
		}

	/* req when above = 600px 
	#Right-Location {
		height:100%;
		}
	*/
	


	/* HOME LOCATION*/
	#Right h2.special {
		font:bold 1.3em 'Lucida Calligraphy', 'Times New Roman', serif;
		text-align:center;
		margin:20px 0 0 0;
		}
	
	/* HOME */
	#Right h2.special span {
			font-size:.8em;
			}
			
	#Right h3.special {
		font:italic 1em "Times New Roman", serif;
		text-align:center;
		margin:0 0 5px 0;
		padding:0;
		}
	#Right img.star {
		margin:0 7px 15px 7px;
		padding:0;
		}
	#Right img.main {
		/* width:365px;
		height:181px; */
		margin:10px 0;
		padding:3px;
		}
		/*#Right img.small {
			margin:10px 4px;
			padding:2px;
			} */




#Right .smallBox {
float:left;
width:96px;
height:90px;
font:normal 8pt Arial, Helvetica, sans-serif;
color:#AAA;
background-color:transparent;
padding:0;
margin:7px 0 0 0;
text-align:center;
}

#Right .smallBox img {
margin:0 4px;
padding:3px;
}




/* ENQUIRY, RESOURCES */	
#RightLarge {
	float:left;
	width:610px;
	height:auto;
	padding:0; 
	overflow:auto;
	margin:10px 0 0 0;
	}


/* PHOTOS, ABOUT, RESOURCES */
#RightLarge {
	width:612px;
	height:100%;
	}


/* PHOTOS */
		#RightLarge table {
			width:94%;
			border-collapse:collapse;
			padding:0;
			margin:0 auto;
			text-align:center;
			}
		#RightLarge table td {
			width:50%; 
			height:10px;
			border-spacing:0;
			padding:0;
			}
		#RightLarge table th {
			width:50%;
			font:normal .8em Arial, Helvetica, sans-serif;
			padding:5px 0 10px 0;
			}





	/* HOME, LOCATION, PHOTOS, ENQUIRY, ABOUT, RESOURCES */			
	#RightLarge h1  {
		font:bold 1em Arial, Helvetica, sans-serif;
		text-align:center;
		padding:0;
		margin:10px 0 0 0; 				
		}


	#Right h1  {
		font:bold 1em Arial, Helvetica, sans-serif;
		text-align:center;
		padding:0;
		margin:10px 0 0 0; 				
		}


	/* HOME, PHOTOS, ENQUIRY, ABOUT, RESOURCES */	
	#RightLarge h2 {
		font:bold .9em Arial, Helvetica, sans-serif;
		text-align:center;
		padding:0;
		margin:10px 0 0 0; 				
		}
		#Right h2 {
		font:bold .9em Arial, Helvetica, sans-serif;
		text-align:center;
		padding:0;
		margin:10px 0 0 0; 				
		}
		#RightLarge h2.gaysydney {
			font:normal 1em Arial, Helvetica, sans-serif;
			letter-spacing:.1em;
			text-transform:uppercase;
			}
		 

	/* HOME, LOCATION, PHOTOS, ENQUIRY, ABOUT, RESOURCES */	
	#RightLarge h3 {
		font:bold .9em Arial, Helvetica, sans-serif;
		text-align:center;
		padding:0;
		margin:10px 0 0 0; 				
		}
		#Right h3 {
		font:bold .9em Arial, Helvetica, sans-serif;
		text-align:center;
		padding:0;
		margin:10px 0 0 0; 				
		}
		#RightLarge h3.gaysydney {
			font:normal 1em Arial, Helvetica, sans-serif;
			letter-spacing:.1em;
			}


		/* RESOURCES */	
		#Right h3.resources {
			text-align:center;
			}




	/* HOME, PHOTOS, ENQUIRY, ABOUT, RESOURCES*/
	#RightLarge h4 {
		font:bold .75em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		padding:0;
		margin:10px 0 5px 10px; 				
		}

		#Right h4 {
		font:bold .75em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		padding:0;
		margin:10px 0 5px 10px; 				
		}

		/* LOCATION */
		#Right h4.center {
			text-align:center;
			margin:10px 0 5px 0;
			}

		#Right h4.extended {
			letter-spacing:.1em;
			}





/* HOME, LOCATION, PHOTOS, ENQUIRY, ABOUT, RESOURCES*/
	#RightLarge p {
		font:normal 9pt Arial, Helvetica, sans-serif;
		text-align:justify;
		padding:0;
		margin:0 15px 10px 15px; 
		}
		
		#Right p {
		font:normal 9pt Arial, Helvetica, sans-serif;
		text-align:justify;
		padding:0;
		margin:0 10px 10px 10px; 
		}
		
		/* LOCATION */		
		#Right p.small {
			font-size:.75em;
			}
		#Right p.small span {
			font-weight:bold;
			letter-spacing:.2em;
			}
		#Right a.viewMap  {
			font:normal .7em Arial, Helvetica, sans-serif;
			text-decoration:none;
			text-align:center;
			margin-top:5px;
			}


	/* PHOTOS */
	#RightLarge img {
		padding:5px;
		}





/* ABOUT */

	#Right-LargeAbout p.top {
		font:normal .75em Arial, Helvetica, sans-serif;
		text-align:right;
		padding:0;
		margin:10px; 
		}
		#Right-LargeAbout p.top a {
			text-decoration:none;
			}
		#Right-LargeAbout p.top a:hover {
			text-decoration:none;	
			}
		#Right-LargeAbout h4 {
			margin-top:15px;
			}




hr {
	width:80%;
	/*border:none;*/
	size:1px;
	text-align:center;
	}
	

/* -------------------------------- ROOMS PAGE -------------------------------- */


	#Right .roomBlock {
		width:370px;
		padding:0;
		margin:0 auto 10px auto; 
		text-align:center;
		}

		#Right .roomBlock img {
			float:left;
			margin:10px 20px 10px 10px;
			padding:2px;
			}
	
		#Right .roomBlock h2 {
			font:bold 10pt Arial, Helvetica, sans-serif;
			text-align:center;
			padding:0;
			margin:10px 0 0 0; 				
			}

			#Right .roomBlock h2 span {
				font-size:1em;
				font-weight:normal;
				padding:2px 5px;
				margin-left:8px;
				}
			

		#Right .roomBlock p {
			font:normal 8pt Arial, Helvetica, sans-serif;
			text-align:left;
			padding:0;
			margin:10px; 	
			}

		#Right .roomBlock p.centerClear {
			font-size:8pt;
			clear:both;
			text-align:center;
			}


		#Right .roomBlock ul {
			float:left;
			list-style-type:disc;
			width:150px;
			padding:0;
			margin:0 0 10px 30px;
			}

		#Right .roomBlock ul li {
			font:normal 8pt Arial, Helvetica, sans-serif;
			text-align:left;
			padding:0;
			margin:0; 	
			}

				/* not used 
				.clear {
					clear:right;
					}
				*/

/* -------------------------------- CONTACT DETAILS -------------------------------------- */

#BottomContact {
	width:780px; 
	float:left;
	clear:both;
	margin:0;
	padding:20px 0;
	}
	
#BottomContact p {
	font:.75em Arial,Helvetica,sans-serif;
	text-align:center;
	margin:0;
	padding:5px 0 0 0;
	}

#BottomContact ul {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	}

#BottomContact ul#contactDetails {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	}

#BottomContact ul li {
	list-style-type:none;
	display:inline;
	font:.9em Arial,Helvetica,sans-serif;
	text-align:center;
	margin:0 8pt 0 0;
	padding:0;
	text-decoration:none;	
	}


	#BottomContact ul#contactDetails li {
	list-style-type:none;
	display:inline;
	font:.9em Arial,Helvetica,sans-serif;
	text-align:center;
	margin:0 8pt 0 0;
	padding:0;
	text-decoration:none;	
	}


	#BottomContact ul li {
		font:normal .7em Arial, Helvetica, sans-serif;
		}

		#BottomContact ul#contactDetails li a {
			text-decoration:none;
			}
		
		#BottomContact ul#contactDetails li a:hover {
			text-decoration:none;
			}


			/* #BottomContact p.Copyright {
				font-size:.8em;
				} */


/* ------------------------------------- LINKS AT BOTTOM OF HOME PAGE ----------------- */

ul#bottomLinks {
clear:both;
width:800px;
height:5px;
margin:10px 0 0 0;
padding:5px 0 0 0;
}

ul#bottomLinks li {
list-style-type:none;
display:inline;
font:.8em Arial,Helvetica,sans-serif;
text-align:center;
margin:0 35pt 0 0;
padding:0;
text-decoration:none;
letter-spacing:0.3em;
}

ul#bottomLinks li a {
color:#CCC;
background-color:transparent;
text-decoration:none;	
}

/* ----------------------------------------- MISC -------------------------------- */

.spacer20 {
	clear:both;
	height:20px;
	}