﻿
h1 {
	font: bold 16pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFCC00;
	background-color: transparent;
	text-align: center;
	margin: .8em 0 .4em 0;
	}

h2 {
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #000099;
	background-color: transparent;
	text-align: center;
	margin: 0 .5em 1em .5em;
	}


h3 {
	font: bold 12pt Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	background-color: transparent;
	text-transform : capitalize;
	text-align: center;
	margin: .5em; 
	}

h4 {
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #003366;
	background-color: transparent;
	text-align: left;
	margin: 10px 0 5px 10px;
	}

/* High / low season dates */
h5 {
	font: normal 10pt Arial, Helvetica, sans-serif;
	color: #003366;
	background-color: transparent;
	text-align: left;
	margin: 5px ;
	}

h5 span {
	font-weight:bold;
	}

p {
	font: normal 9pt Arial, Helvetica, sans-serif;
	color: #000066;
	background-color: transparent;
	text-align: justify;
	margin: 0 0 5px 10px;
	padding: 0;
	}

	p.center {
		text-align: center;
		margin: 0 0 5px 0;
		padding: 0;
		}

.Address {
	font: bold 10pt Verdana, Helvetica, Arial, sans-serif;
	color: #CCCCCC;
	background-color: transparent;
	text-align: center;
	margin: .5em 0 1em 0; 
	}
	
	
.EnqBkg {
	font: bold 12pt Arial, Helvetica, sans-serif;
	color: #000099;
	background-color: transparent;
	text-align: center;
	margin: 1.5em 0 0 0;
	}

.BackPrev {
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #000066;
	background-color: transparent;
	text-align: right;
	margin: 1em 2em 1em 0;
	padding: 0;
	}








.Note {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000066;
	background-color: transparent;
	font-weight: normal;
	text-align: justify;
	
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 15px;
}

.ContactAddress { 
	font: normal 9pt Helvetica, Arial, sans-serif; 
	color: #003366;
	background-color: transparent;
	text-align: center;
	margin: 0;
}



/* -------------------------- LEFT COLUMN -------------------------- */

ul.Features li{
	font: normal 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: transparent;
	text-align: left;
	margin: .25em 1em .25em 0;
	padding: 0;
	}

.PhotoLeft {
	margin: 1em 0;
	text-align: center;
	padding: 0;
	}




/* -------------------------- RATES TABLES -------------------------- */

#TableRates {
	width: 100%;
	border: 1px solid #036;
	background-image: url(images/Bkgd-blue.gif);
	border-collapse: collapse;
	margin: 0 auto 10px auto;
	text-align: center;
	padding: 0;
	}	

#TableRates th {
	font: bold 9pt Arial, Helvetica, 'sans-serif';
	color: #CFF;
	background-color: #036;
	height: 40px;
	border: 1px solid #036;
	text-align: center;
	margin: 0;
	padding: 3px;
	}


#TableRates th.expanded {
	letter-spacing: 3px;	
	}

#TableRates td {
	font: normal 9pt Arial, Helvetica, sans-serif;
	color: #333;
	background-color: transparent;
	text-align: center;
	height: 30px;
	border: 1px solid #036;
	padding: 5px 0;
	margin: 0;
	}

#TableRates td span {
	font-size: xx-small;
	}

.small {
	font-size: xx-small;
	}


/* -------------------------- PHOTO TABLES -------------------------- */

#TablePhotos {
	width: 96%;
	border-collapse: collapse;
	padding: 0;
	margin: 10px auto 20px auto;
	text-align: center;
	}


#TablePhotos th {
	width: 50%;
	height: 30px;
	text-align: center;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #333; 	
	background-color: transparent;
	margin: 0;
	padding: 0 0 10px 0;
	}

#TablePhotos td {
	width: 50%;
	height: 30px;
	text-align: center;
	padding: 0;
	margin: 0px auto;
	}



/* -------------------------- CURRENCY CONVERTER -------------------------- */


#TableCurrency {
	width: 100%;
	height: 30px;
	background-color: #036;
	border-collapse: collapse;
	padding: 0;
	margin: .8em auto 1em auto;
	text-align: center;
	}


	#TableCurrency td {
		font: bold .8em Helvetica, Arial, sans-serif;
		color: #FC0;
		text-align: center;
		margin: 1em auto 1em auto;
		background-color: #036;
		}

	#TableCurrency img {
		text-align: right;
		padding: 0;
		margin: .2em .5em .2em 0;
		}




/* -------------------------- AFTER TABLES --------------------------*/

ul.Options {
	width: 90%;
	margin: 0 0 10px 25px; 
	padding: 0;
	}

	ul.Options li{
		list-style: disc outside;
		font: normal 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #000066;
		background-color: transparent;
		text-align: left;
		margin: 0 0 .5em 0;
		}
	
	ul.Options li span {
		font-weight: bold;
		}
	



			ul.Options ul {
				width: 100%;
				margin: 1em;
				padding: 0;
				}
			
				ul.Options ul li {
					list-style: circle outside;
					}


/* ----------------------------------------------------------------- */

ul.Disclaimer {
	margin: 1em 0;
	padding: 0;
	}
	
ul.Disclaimer li {
	list-style: none;
	font: normal 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000066;
	background-color: transparent;
	text-align: center;
	margin: 0 0 .3em 0;
	padding: 0;
	}






/* -------------------------- NAVIGATION -------------------------- */


a:link       { text-decoration: none; color: #FFFF00 }
a:visited    { text-decoration: none; color: #FFCC00 }
a:hover      { text-decoration: none; color: #FF0000 }
a:active     { text-decoration: none; color: #FF0066 }



a.nav:link     { 
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFF00; 
	background-color: transparent;	
	text-decoration: none;
	margin: .5em 0; 
	}

a.nav:visited     { 
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFCC00; 
	background-color: transparent;	
	text-decoration: none;
	margin: .5em 0; 
}

a.nav:hover     { 
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #CC3300; 
	background-color: transparent;	
	text-decoration: none;
	margin: .5em 0; 
}

a.nav:active     { 
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #CC3300; 
	background-color: transparent;	
	text-decoration: none;
	margin: .5em 0; 
}


/* -------------------------- NAVIGATION -------------------------- */


.Spacer10 {
	height: 10px;
	}

.Spacer20 {
	height: 20px;
	}




















/* -------------------------------------------------- div nav ------------------------------------------------------------------- */

	div#navCol {
		clear:both;
		/*float:left;*/
		width:172px;
		padding:0;
		margin:0 auto;
		text-align:center;
		}
	
/* ----------------------------- NAVIGATION - COLUMN ----------------------------- */

#navCol h2 {
	font:bold 12pt Arial Black, Helvetica, sans-serif;
	color:#FF0;
	background-color:transparent;
	padding:0;
	margin:0 0 5px 0;
	text-align:center;
	}

	#navCol h2 span {
		font:normal 10pt Arial, Helvetica, sans-serif;
		color:#FF0;
		background-color:transparent;
		}

	#navCol h2 aspan  {
		color:#FF0;
		background-color:transparent;
		text-decoration:none
		}
		
	#navCol h2 a  {
		color:#FF0;
		background-color:transparent;
		text-decoration:none
		}
		
	#navCol h2 a:visited span {
		color:#FF0;
		background-color:transparent;
		text-decoration:none
		}
			
	#navCol h2 a:visited {
		color:#FF0;
		background-color:transparent;
		text-decoration:none
		}
	#navCol h2 a:hover span {
		color:#FC0;
		background-color:transparent;
		text-decoration:none
		}
	#navCol h2 a:hover {
		color:#FC0;
		background-color:transparent;
		text-decoration:none
		}
	#navCol h2 a:active span {
		color:#FC0;
		background-color:transparent;
		text-decoration:none
		}


	#navCol h2 a:active {
		color:#FC0;
		background-color:transparent;
		text-decoration:none
		}


img {
	border:none;
	}


	div#GBR {
		width:170px;
		height:140px;
		background:url('images/CHA-BarrierReef.gif') no-repeat center top;
		border:1px #690 solid;
		padding:0;
		margin:0 0 20px 0;
		}
	
	div#QBH {
		width:170px;
		height:140px;
		background:url('images/CHA-QldBeach.gif') no-repeat center top;
		border:1px #690 solid;
		padding:0;
		margin:0 0 20px 0;
		}
	
	div#PD {
		width:170px;
		height:140px;
		background:url('images/CHA-PortDouglas.gif') no-repeat center top;
		border:1px #690 solid;
		padding:0;
		margin:0 0 20px 0;
		}
	
	div#PC {
		width:170px;
		height:140px;
		background:url('images/CHA-PalmCove.gif') no-repeat center top;
		border:1px #690 solid;
		padding:0;
		margin:0 0 20px 0;
		}
	
	div#WS {
		width:170px;
		height:140px;
		background:url('images/CHA-Whitsundays..gif') no-repeat center top;
		border:1px #690 solid;
		padding:0;
		margin:0 0 20px 0;
		}

	div#CTC {
		width:170px;
		height:140px;
		background:url('images/Boat.gif') no-repeat center top;
		border:1px #690 solid;
		padding:0;
		margin:0 0 20px 0;
		}
										
	div#CON {
		width:170px;
		height:140px;
		border:1px #690 solid;
		background:url('images/Symbol-square2.gif') no-repeat center 10px;		
		padding:0 0 0 0;
		margin:0 0 20px 0;
		}

		div#CON h2 {
			margin-top:20px;
			}
			
	div#SM {
		width:170px;
		height:70px;
		border:1px #690 solid;
		padding:0;
		margin:0 0 20px 0;
		}

		div#SM h2 {
			margin-top:20px;
			}


/* ----------------------------------------------------- */

/* apts-reefpalm */

div.special {
	width:90%;
	height:60px;
	color:#FFF;
	background-color:#690;
	padding:10px;
	margin:0;
	text-align:center;
	}
	
	div.special p {
		font:12pt Arial, Helvetica, sans-serif;
		color:#FF0;
		background-color:transparent;
		padding:0;
		margin:0 0 5px 0;
		text-align:center;
		}
	
	div.special p.highlight {
		color:#FFF;
		background-color:transparent;
		}
	

/* ----------------------- MISCELLANEOUS ----------------------- */

div#Apologies {
	width: 90%;
	font: bold 12pt Tahoma, Arial, sans-serif;
	color: #FFC;
	background-color: #930;
	text-align: center;
	padding: 10px 0;
	margin: 10px auto 20px auto;
	}

div#Apologies a {
	font-size:12pt;
	color:#FC0;
	background-color:transparent;
	}
	

div#Apologies span {
	font: normal 10pt Arial, serif;
	}



