body{background:#fff; margin:5px; font-size:76%; color:#000}

#wrapper{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }


p{ margin: .75em 0; padding:0;}

a{color:#000; text-decoration:none}

.pagequote{padding:10px; width:180px; color:#333; text-align:center; font-style:italic; font-weight:bold; background:url(http://www.farawaybay.com.au/images/comma_right.gif) right bottom no-repeat ; margin:0; }

.testimonial {padding:10px; width:180px; color:#333; text-align:left; font-style:normal; font-weight:normal; background:url(http://www.farawaybay.com.au/images/comma_right.gif) right bottom no-repeat ; margin:0; }

.fullwidthtestimonial{padding:10px 10px 0 10px; color:#333; text-align:left; font-style:normal; font-weight:normal;  margin:10px 0; }


#tariff tr { margin-bottom:10px}
#tariff th {font-size:1.1em; text-align:left}
#tariff caption {font-size:1.3em;}
#tariff td{border:1px solid #000; padding:5px; }


#address{text-align:left; padding:10px; font-size:.85em;}

			.flash-replaced .alt {
				display: block;
				height: 0;
				position: absolute;
				overflow: hidden;
				width: 0;
			}
			
			#header_ss{float:left; height:0px; display:hidden
			}
			
			
#navmodules{display:none;height:0px; }
#navmodules img{display:none;height:0px;}
#tophimg{display:hidden;height:0px;}


#contentarea{ float:left; border-top: #fff solid 5px;  border-bottom:#fff solid 5px; }

 #left{float:left; padding-top:10px; width:210px;  text-align:center; margin-right: 5px }

#text{width:535px; float:left; background:#fff; margin:0;} 

#footer{ background:#fff; text-align:center;  line-height:40px; height:40px;}

#footerleft{display:none}

h1{ font-size:1.2em;}
h2{ font-size:1.1em;}

.clear{clear:left}

.lbox {margin:0; padding:0}

.right {
	float: right;
	margin-left: 10px;
}
.left {
	float: left;
	margin-right: 10px;
}
.border {
	margin: 1px;
	padding: 2px;
	border: 1px solid #666;
	background:#fff;
}
#fabgallery {clear:both}
#fabgallery ul{margin:0; padding:0;}
#fabgallery ul li {float:left; margin:1px; text-align:center; font-size:.8em; list-style:none;}



#sidegallery { text-align:left; float:right; margin-left:10px; padding:0; }
#sidegallery ul{margin:0; padding:0;}
#sidegallery li{list-style:none; margin:2px 0}

#indexsidebar{width:180px; float:right; margin-left:10px; padding:0; line-height:15px;}
#indexsidebar h2{font-size:.9em; text-align:center; margin:2px 0 2px 0; padding:0;}

.selem{border:1px solid #ccc;padding:3px;  margin:2px 0; }
#newsletter {font-size:.9em}

/* ################## blogger template ####################*/


div.blogPost {padding-left:5%;padding-right:10%;}
		div.byline {color:#555555;}
		p#bloggerBug {padding-top:20px;}
		.blogComments {padding-top:30px;color:#555555;padding-bottom:0px;margin-bottom:0px;font-weight:bold}
		.blogComments .byline {font-size:1em;font-weight:normal;color:#555555;margin-right:10px;display:inline}
		.blogComment {font-size:1em;margin:3%;color:#000000;font-weight:normal}
        .deleted-comment {font-style:italic;color:gray;}
        #blogfeeds { }
        #postfeeds { }

.icon-action {border:0;}

/* ###################  media page styles ##################*/

.mediathumb{ float:left; padding:2px; margin: 2px 5px 2px 2px; text-align:center; text-decoration:none; border:0;  }
.mediathumb img{ border:0; }
.media-entry{margin:2px 0; border-bottom:1px dashed #ccc}

/* ###################  date picker styles ##################*/
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}




/* For the popup */



div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.newsdate {margin-right:10px;}
/****** temporary style for the menu before clickMenu styles override *****/
#navigation ul{ height:0px; display: none}
.clickMenu {height:0px; display: none}