﻿


H1	{ 
	font:bold 12pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#FC0; 
	background-color:transparent;	
	text-align:left; 
	margin:10px;
}

H1.Hotel {
	font:bold 12pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#6C0;
	background-color:#039;
	height:auto;	
	text-align:left; 
	margin:0;
	padding:10px;
	clear:both;
	}

H1.Hotel span {
	font:normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin-bottom:10px;
	}


H1.HotelFP {
	font:bold 12pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#333;
	background-color:#6C0;
	text-align:center; 
	margin:20px 0 0 0;
	padding:5px;
}

H1.GayCairns	{ 
	font:bold 12pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#7BCF10; 
	background-color:transparent;	
	text-align:right; 
	margin:10px 0;
}


H2	{ 
	font:bold 12pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#FC0; 
	background-color:transparent;	
	text-align:left; 
	margin:10px 0;
}

H2.Hdg	{ 
	color:#663; 
	background-color:transparent;	
	background:url('images/Bkgd-yellCell.jpg'); 
	text-align:center; 
	margin:0;
	padding:15px 0;
}


H3	{ 
	font:bold 12pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#FC0; 
	background-color:transparent;	
	text-align:left; 
	margin:10px;
}
	
h4 {
	font:bold 12pt Arial, 'sans serif'; 
	color:#FFF; 
	background-color:transparent;
	text-transform:uppercase;
	text-align:left; 
	margin:10px 0 5px 0; 
}

h5 {
	font:bold 11pt Arial, 'sans serif'; 
	color:#FFF;
	text-align:left; 
	background-color:transparent;
	margin:10px 0 5px 0; 
}

h5.YellCenter {
	font:bold 11pt Arial, 'sans serif'; 
	color:#FF0;
	text-align:center; 
	background-color:transparent;
	margin:20px 0 0 0; 
}

h6 {
	font:bold 10pt Arial, 'sans serif'; 
	color:#FFF;
	text-align:center; 
	background-color:transparent;
	margin:10px 0 5px 0; 
}


.FPAffiliate {
	font:bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#CCCC00;
	background-color:transparent;
	text-align:center;
	margin:10px 0;
}


p 	{ 
	font:normal 10pt Arial, sans serif; 
	color:#FFF; 
	background-color:transparent;
	text-align:justify; 
	margin:10px 0; 
}


.10 {
	margin:10px;
}

.left {
	text-align:left;
}

.center {
	text-align:center;
}


/* ------------------------ UL ------------------------ */

ul  { 
	font:10pt Verdana, sans serif; 
	color:#FFF; 
	text-align:left; 
	margin:10px 20px 10px 40px;
	padding:0;
	background-color:transparent;
}

ul.Compact  { 
	list-style:none inside;
	font:10pt Arial, sans serif; 
	color:#FFF; 
	background-color:transparent;
	text-align:left; 
	margin:20px 0px 10px 10px;
	padding:0;
}


ul.BottomNote { 
	list-style:disc;
	font:normal 8pt Arial, Helvetica, sans-serif; 
	color:#FFF;
	background-color :transparent;
	text-align:left;
	margin:5px 0 15px 0; 
}

ul.BottomNote li { 
	margin:0; 
	padding:0;
}


ul.ContactAddress { 
	list-style:none;
	font:normal 8pt Arial, Helvetica, sans-serif; 
	color:#FFF;
	background-color :transparent;
	text-align:center;
	margin:0 0 20px 0; 
}

.Photo {
	text-align:center;
	margin:10px;
	border:0;
	padding:0;
}

.PhotoL {
	float:left;
	border:0;
	margin:10px;
}


.PhotoR {
	float:right;
	border:0;
	margin:10px;
}


.FlagAddress {
	font:normal 8pt Arial, Helvetica, sans-serif; 
	color:#FFF;
	background-color :transparent;
	text-align:center;
	margin:0; 
	padding:0;
}


/* ----------------------------- LEFT COLUMN ----------------------------- */


h3.LeftCol {
	font:bold 10pt Arial, sans serif; 
	color:#333; 
	background-color:#308A27;
	text-transform:uppercase;
	
	
	text-align:center; 
	padding:10px;
	margin:0;
}

h4.LeftCol {
	font:bold 10pt Arial, sans serif; 
	color:#039; 
	background-color:transparent;
	text-transform:uppercase;
	text-align:left; 
	margin:10px 0 5px 0; 
}

h5.LeftCol {
	font:bold 9pt Arial, sans serif; 
	color:#039;
	text-align:left; 
	background-color:transparent;
	margin:10px 0 5px 0px; 
}

p.LeftCol 	{ 
	font-size:10pt;
	color:#333; 
	background-color:transparent;
	margin:10px 0; 
}



ul.LeftCol {
	font-size:9pt;
	color:#333;
	background-color:transparent;
	text-align:left;
	
	margin:0 0 0 20px;
	padding:0;
}



.Caption {
	font:normal 10pt Arial, 'sans serif'; 
	color:#FFF; 
	background-color:transparent;
	text-align:center; 
	margin:5px 0 20px 0; 
}

.Caption006 {
	font:normal 10pt Arial, 'sans serif'; 
	color:#006; 
	background-color:transparent;
	text-align:center; 
	margin:5px 0 20px 0; 
}




/* ----------------------------- RIGHT MAIN COLUMN ----------------------------- */

/* -------------- HOME PAGE -------------- */

#HotelBlock {
	width:100%;
	background:url('images/GayCairnsAccommodation-Bkgd-Blue.jpg'); 	
	padding:10px;
	margin:0 0 40px 0;
	}

.MoreInfo {
	font:normal 10pt Arial, sans serif; 
	color:#FF0; 
	background-color:transparent;
	text-align:right; 
	margin:10px 0; 

	}


#HotelName {
	display:inline;
	height:50px;
	width:210px;
}


/* --------------------------------- */

.LeftSide {
	float:left;
	width:190px;
	padding:0;
	margin:0;
	clear:both;
	}

.LeftSide img {
	float:left;
	padding:0;
	margin:0 0 10px 0;
	}

	.LeftSideFP {
		float:left;
		width:220px;
		padding:0 10px;
		margin:0;
		clear:both;
		}

	.LeftSideText {
		float:left;
		width:220px;
		padding:0;
		margin:0 0 10px 0;
		clear:both;
		}

/* --------------------------------- */

.RightSide {
	float:right;
	width:190px;
	padding:0;
	margin:0;
	}

.RightSide img {
	float:right;
	padding:0;
	margin:0 0 10px 0;
	}

	.RightSideText{
		float:right;
		width:220px;
		padding:0;
		margin:0 0 10px 0;
		}

	.RightSideB{
		float:right;
		width:150px;
		padding:5px;
		margin:0 10px 10px 10px;
		/*border:3px solid #308A27;*/
		}

/* --------------------------------- */

.ColumnCenter {
	width:100%;
	clear:both;
	}


.ClearLeft {
	clear:left;
	}



/* ----------------------------- TABLES ----------------------------- */


#TablePhotos {
	clear:both;
	width:100%;
	border-collapse:collapse;	
	padding:0;
	margin:10px auto;
	text-align:center;
	}
	
	
	#TablePhotos th {
		width:50%;
		border:border-collapse;
		font:small Arial, Helvetica, sans-serif;
		color:#EEE;
		background-color:transparent;
		padding:5px 0;
		margin:0;
		text-align:center;
		}
		
	#TablePhotos td {
		width:50%;
		border:border-collapse;
		padding:0;
		margin:0;
		text-align:center;
		}
	


.Spacer10 {
	height:10px;
	}

.Spacer20 {
	height:20px;
	}

.Spacer30 {
	height:30px;
	}

table {
	background-color:transparent;
}

/* ------------------------- TABLE RATES ------------------------*/
	
#TableRates{
	width:100%;
	border:1px solid #039;
	background-color:#CFF;
	border-collapse:collapse;	
	margin:0 auto 10px auto;
	text-align:center;
	padding:0;
	clear:both;
	}	

#TableRates td {
	font:normal 9pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	text-align:center;
	height:40px;
	border:1px solid #039;
	padding:0;
	margin:0;
	}

	#TableRates td span { 
		font-size:.8em; 
		}


	#TableRates th span { 
		font-size:.8em; 
		}


#TableRates th {
	font:bold 9pt Arial, Helvetica, 'sans-serif';
	color:#CFF;
	background-color:#039;
	height:30px;

	border:1px solid #039;
	text-align:center;
	margin:0;
	padding:3px;
}


#TableRates th.expanded {
	letter-spacing:3px;	
}


#TableRates th#Wide {
	font:bold 10pt Arial, Helvetica, 'sans-serif';
	color:#CFF;
	background-color:#039;
}




a:link       { text-decoration:none; color:#FFFF00;  background-color:transparent;  }
a:active     { text-decoration:none; color:#FF0066;  background-color:transparent;  }
a:visited    { text-decoration:none; color:#FFCC00;  background-color:transparent;  }
a:hover      { text-decoration:none; color:#FF0000;  background-color:transparent;  }



/* ---------------------------------GOOGLE MAPS ------------------------------------- */  


.mapBox {
	width:220px;
	height:100%;
	margin:0 auto;
	font:bold 10pt Arial, Helvetica, sans-serif;
	padding:20px 0;
	margin:0 auto;
	text-align:center;
	}

.mapBox a {
	color:#FF0;
	background-color:transparent;
	}
	
.mapSpacer {
	width:100%;
	height:7px;
	}
	
/* ---------------------------------------------------------------------------------- */

.checkAvail1, 
.checkAvail2 {
width:260px;
background:#FC0 url('images/Bkd-note.jpg') repeat-x top;	
border:1px #069 solid;
padding:0;
margin:30px auto;
text-align:center;
}
.checkAvail1 {
margin:20px auto;
text-align:center; 
}

.checkAvail1 p, 
.checkAvail2 p {
	font:bold 10pt Arial, Helvetica, sans-serif;
	color:#333;
	background-color:transparent;
	padding:10px 0;
	margin:0;
	text-align:center;
	}
.checkAvail1 p span, 
.checkAvail2 p span  {
	font:bold 8pt Arial, Helvetica, sans-serif;
	}

.checkAvail1 p a, 
.checkAvail1 p a span, 
.checkAvail2 p a, 
.checkAvail2 p a span {
color:#333;
background-color:transparent;
}

.checkAvail1 p a:hover, 
.checkAvail1 p a:hover span, 
.checkAvail2 p a:hover, 
.checkAvail2 p a:hover span {
text-decoration:underline;
}

	