/* Copyright Mar 2009
The Club Motel Style v.003
--------------------------
Colour Palette:
	Dark Grey: #333
	Medium Grey: #666
	Light Grey: #999
	Dark Red: #C00
	Light Red: #F00
--------------------------
LoVe HAte, CiRAP, TRouBLe */

@import url("lightbox.css");

html {
	 margin-bottom: 1px; /* to force vertical scrollbars */
}

body {
	margin:0;
	font: normal 100% Geneva, Helvetica, Arial, sans-serif;
	background: #333 url(images/bg2.jpg) repeat scroll left top;
}

#container {
	background: #111 url(images/background-pattern.jpg) repeat scroll left top;;
/*	max-width:50em; */
	width:960px;
	margin: 0 auto;
	border-top: 6px solid #C00;
}

/* --- HEADER --- */

#header {
	width:960px;
	height:3em;
	margin: 0 auto;	
}

#header a:link#skip-nav,
#header a:visited#skip-nav,
#header a:focus#skip-nav {
	position:relative;
	right:20px;
	bottom:0px;
	padding:0 6px 2px 6px;
	font:normal 0.62em Geneva, Arial, Helvetica, sans-serif; /* 10px / 16px = 0.625 */
	text-align:left;
	text-decoration:none;
	color:#999;
	border:1px solid #666;
	border-top:none;
	float:right;
	clear:none;
	}
	
#header a:hover#skip-nav,
#header a:active#skip-nav {
	color: #FFF;
	background-color: #C00;
	text-decoration: none;
	border: 1px solid #C00;
	border-top: none;
	}

/* --- MASTHEAD --- */

#masthead {
	float:left;
	width:100%;
	margin:0;
	padding-bottom: 8px;
	border-bottom: 2px solid #000;
	text-align: left;
	background-color:#fff;
	font:normal 0.62em Geneva, Arial, Helvetica, sans-serif; /* 10px / 16px = 0.625 */
	color: #666;
}

#masthead img {
	margin:0;
	margin-left:-38px;
	margin-top:0.8em;
	padding:0;
	float:left;
	position:relative;
	border:none;
}
#masthead p {
	float:right;
	margin-top:1.8em;
	margin-right:0;
	margin-bottom:0.7em;
	margin-left:0;
	text-align:right;
	padding:0 2.2em 0 0;
	border-right:2px solid #666;
}

#masthead img.image-right {
	float:right;
	clear:none;
	margin:0;
	padding-top:0.7em;
	padding-right:10px;
	padding-left:2.2em;
	border:none;
}

/* --- INNER CONTAINER --- */

#innercont {
	width:100%;
	margin:0;
	padding:0;
	border-top: 4px solid #CCC;
	border-bottom: 4px solid #666;
	float: left;
/*	background:#CCC url(images/menu-bg.jpg) repeat scroll left top; */
	background-color:#CCC;
}

/* --- NAVIGATION --- */

#navcontainer {
	margin:0;
	padding:0;
/*	width:21%; /* 200 / 960 = 0.2083 */
	width:200px;
	border-bottom:4px solid #999;
	float:left;
	clear:left;
}

#navcontainer ul {
	margin:0;
	padding:0;
}


#navcontainer li {
	list-style-type:none;
	border-top:1px solid #FFF;
	border-bottom:1px solid #666;
}

#navcontainer li:hover {
	border-top:1px solid #000;
	border-bottom:1px solid #FFF;
}

#home #navcontainer li#home-tab:hover,
#overview #navcontainer li#overview-tab:hover,
#rooms #navcontainer li#rooms-tab:hover,
#wagga #navcontainer li#wagga-tab:hover,
#location #navcontainer li#location-tab:hover,
#booking #navcontainer li#booking-tab:hover,
#dining #navcontainer li#dining-tab:hover,
#reviews #navcontainer li#reviews-tab:hover {
	border-top:1px solid #FFF;
	border-bottom:1px solid #666;
}

#navcontainer ul li a span {
	font: 0.65em Geneva, Arial, Helvetica, sans-serif; /* 12px / 16px = 0.75em  */
	text-align: left;
	text-decoration: none;
	text-transform: lowercase;
	color:#666;
}

#navcontainer ul li a:hover span {
	color:#CCC;
}

/* to prevent highlight active page */
#home #navcontainer ul li a.home-tab:hover span,
#overview #navcontainer ul li a.overview-tab:hover span,
#rooms #navcontainer ul li a.rooms-tab:hover span,
#wagga #navcontainer ul li a.wagga-tab:hover span,
#location #navcontainer ul li a.location-tab:hover span,
#booking #navcontainer ul li a.booking-tab:hover span,
#dining #navcontainer ul li a.dining-tab:hover span,
#reviews #navcontainer ul li a.reviews-tab:hover span {
	color:#666;
}

#navcontainer a {
	display:block;
}

#navcontainer li a:link,
#navcontainer li a:visited {
	margin: 0;
	width:160px;
	padding: 10px 20px;
	display: block;
	font: 1em georgia, 'times new roman', times, serif; /* 12px / 16px = 0.75em  */
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	font-weight: bolder;
	text-align: left;
	text-decoration: none;
	text-transform: lowercase; 
/*	background: #C00 url(images/background-menu-active.jpg) repeat scroll top left; */
	color: #333;
 }

 #navcontainer li a:hover {
 	display:block;
	color: #FFF;
/*	background: #C00 url(images/menu-bg-hover.jpg) repeat scroll top left; */
/*	background-color:#666; */
	background:#666 url(images/menu-stripe.gif) no-repeat scroll top left;
 }

#navcontainer li a:active {
	display:block;
	color: #FFF;
	background:#666 url(images/menu-stripe.gif) no-repeat scroll top left;
}

/* to highlight active page */
#home #navcontainer a.home-tab,
#overview #navcontainer a.overview-tab,
#rooms #navcontainer a.rooms-tab,
#wagga #navcontainer a.wagga-tab,
#location #navcontainer a.location-tab,
#booking #navcontainer a.booking-tab,
#dining #navcontainer a.dining-tab,
#reviews #navcontainer a.reviews-tab {
	color:#333;
/*	background: #C00 url(images/background-menu-active.jpg) repeat scroll top left; */
	background-color:#FFF;
}
 
/* --- CONTENT --- */

#content {
/* 	width: 79%; */
	width:740px;
	margin:0;
	padding:16px 0px 12px 20px;
	font: normal 0.8em/1.4em Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #222;
	background-color: #FFF;
	float: left;
	clear: none;
	overflow: auto;
}

#content-column {
	margin:0;
	padding:0 20px 40px 0;
	width:420px;
	float:left;
	clear:left;
	overflow:hidden; /* to make the gallery image go behind the right column at small sizes */
}

/* --- HEADINGS --- */

h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left:-5000em;
}

h2 {
	margin: 0 0 10px 0;
	padding: 10px 0px 0px;
	font-size: 1.2em;
	font-weight: 700;
	color: #C00;
	background-color: #FFF;
	clear:left;
}

h3 {
	margin: 0 0 15px 0;
	padding: 10px 0px 0px;
	font-size: 1.1em;
	font-weight: 700;
	color: #C00;
	background-color: #FFF;
}

h4 {
	color: #CC0000;
	line-height: 1.6em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
 
p {
	margin: 0 0 10px 0;
	padding: 0px;
}

p.top {
	margin:0 0 20px 0;
	padding-left:15px;
	background: #fff url(images/top.gif) no-repeat bottom left;
}

#content a:link,
#masthead a:link {
	color: #C00;
	text-decoration: none;
	border-bottom: 1px solid #C00;
}

#facilities a:link.ta-logo, #facilities a:hover.ta-logo, #facilities a:visited.ta-logo, #facilities a:active.ta-logo {
	padding:10px 20px;
	text-decoration:none;
	border:none;
}
#facilities img#trip-advisor-logo {
	border:none;
	text-decoration:none;
}

#facilities p a:link {
	color: #2E6490;
	text-decoration: none;
	border-bottom: 1px solid #2E6490;
}
#content a:visited,
#masthead a:visited,
#facilities p a:visited {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dashed #333;
}
#content a:hover,
#masthead a:hover,
#facilities p a:hover {
	color: #F00;
	text-decoration: none;
	border-bottom: 1px solid #F00;
}
#content a:active,
#masthead a:active {
	color: #C00;
	text-decoration: none;
	border-bottom: 1px solid #C00;
}
#facilities p a:active {
	color: #2E6490;
	text-decoration: none;
	border-bottom: 1px solid #2E6490;
}

#gmap {
	margin: 10px 20px;
	padding: 0;
	border: 2px solid #000;
}

#content ul {
/*	margin:0; */
/*	padding-left:20px; */
}

#content ul li {
	list-style-image:url(images/arrow.gif);
	padding-bottom: 0.5em;
}

/* --- FACILITIES --- */

#facilities {
margin:0;
padding:0;
float:right;
clear:right;
width:290px;
background-color:#EDF6FE;
border-bottom:4px solid #CCC;
z-index:100; /* to go over the simple gallery */
}

#facilities h3 {
	margin: 0 0 7px 0;
	padding: 10px 0px 10px;
	font-size: 1.1em;
	color: #2E6490;
	background-color:#EDF6FE;
}
#facilities p {
	padding:10px 20px;
}

#facilities .cancellation p {
	font-size: 0.9em;
	margin: 0 0 10px 0;
	padding: 0px 20px;
}
#content table {
	margin:10px 0px;
	width:99%;
	border-collapse:collapse;
	font: normal 0.8em Geneva, Arial, Helvetica, sans-serif;
	background-color:#FFF;
}

#content table caption {
	height:1px;
	text-indent:-5000em;
}

#content table th {
	padding: 10px 10px 8px;
	color:#000;
	background-color:#CCC;
	font-size:1.2em;
	border-top:4px solid #c00;
	border-bottom:1px solid #666;
}

#content table td {
	padding: 6px 10px 4px 10px;
	color: #666;
	border-bottom: 1px solid #CCC;
	vertical-align:top;
}

#content table tr.odd {
	background-color:#EAEAEA;
}

#facilities table {
	margin:10px 20px;
	width:90%;
	border-collapse:collapse;
	font: normal 0.8em Geneva, Arial, Helvetica, sans-serif;
	background-color:#FFF;
}

#facilities table caption {
	height:1px;
	text-indent:-5000em;
}

#facilities table th {
	padding: 10px 10px 8px;
	color:#000;
	background-color:#CCC;
	font-size:1.2em;
	border-top:4px solid #6EB0E5;
	border-bottom:1px solid #666;
}

#facilities table td {
	padding: 6px 10px 4px 10px;
	color: #666;
	border-bottom: 1px solid #CCC;
	vertical-align:top;
}

#facilities table tr.odd {
	background-color:#EDF6FE;
}

#facilities p.note {
	font-weight:bold;
	color:#2E6490;
}

/* --- REVIEW --- */

.review {
	margin:20px;
	padding:0;
	background-color:#EEE;
	border-top:4px solid #6EB0E5;
}

#content .review li {
	list-style-image:url(images/arrow-b.gif);
}

.review h3 {
	margin: 0 0 10px 0;
	padding: 15px 20px;
	font-size: 1.1em;
	color: #2E6490;
	background-color: #EDF6FE;
	border-bottom:1px solid #666;
}

.review p {
	padding:0px 10px;
}

.review p.name {
	color:#666;
	text-align:right;
	padding-right:10px;
}

#content ul.review-list {
	/* margin:0; */
}

#content ul.review-list li {
	list-style-image:url(images/tick.gif);
	padding-bottom: 0.5em;
}

#content ul.review-list li.yes {
	list-style-image:url(images/tick2.gif);
	padding-bottom: 0.5em;
}
	

/* --- CLASSES --- */

.hide {
	display: none;
	overflow: hidden;
	height: 1px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}

.clear {
	clear:both;
}

#facilities .horizontal-divider {
	margin: 0;
/*	border-top: 2px solid #666; */
/*	background: #EDF6FE url(images/horizontal-divider2.jpg) repeat-x scroll top left; */
	background-color: #6EB0E5;
	color: #999;
/*	height: 30px; */
	height:4px;
	width: 100%;
	clear: both;
	overflow:hidden;
}

#rooms .horizontal-divider {
	margin: 0 0 20px 0;
/*	border-top: 2px solid #666; */
/* 	background: #CCC url(images/horizontal-divider.jpg) repeat-x scroll top left; */
	background-color: #ededed;
	color: #999;
/*	height: 30px; */
	height:4px;
	width:720px;
	clear:both;
	overflow:hidden;
}

.horizontal-divider {
	margin: 0;
/*	border-top: 2px solid #666; */
/*	background: #CCC  url(images/horizontal-divider.jpg) repeat-x scroll top left; */
	background-color: #ededed;
	color: #999;
/*	height: 30px; */
	height: 4px;
	width: 100%;
	clear: both;
	overflow:hidden;
}

.image-right {
	float: right;
	clear: right;
	margin: 10px 20px;
	padding: 0;
	border: 2px solid #000000;
}

#rooms #content img.image-right {
	margin: 10px 20px 20px 20px;
}

.image {
	margin:0 0 10px 0px;
	padding:0;
	float:left;
	border: 2px solid #000000;
}
.thumb {
	margin:0 20px 0 0;
	padding:5px;
	float:left;
	background-color:#EDF6FE;
	border:2px solid #000000;
}

/* --- FORMS --- */

fieldset {
	text-decoration: none;
	border: 0px none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px; 
}

label.block {
clear:left;
display: block;
float: left;
width: 38%;
text-align: right;
/* padding-right: 10px; */
margin: 5px 0;
}
select, input {
width:56%;
margin-bottom:10px;
}
input {
margin-bottom:10px;
}
input[type="submit"] {
	width: auto;
}
form .auto {
	width: auto;
}
legend {
	margin: 0 0 10px 0;
	padding: 10px 0px 0px;
	font-size: 1.2em;
	font-weight: 700;
	color: #C00;
	background-color: #FFF;
	clear:left;
}
#content form ul {
	margin-left:0;
	padding-left:0px;
}

#content form li {
	padding: 20px;
	list-style-type:none;
	list-style-image:none;
	border-top:dashed 1px #ccc;
}

/* --- FOOTER --- */

#footer {
	margin-bottom:30px;
	padding: 20px 0px 10px 0px;
	background-color: #000;
	clear: both;
	text-align: center;
	font:normal 0.62em Geneva, Arial, Helvetica, sans-serif; /* 10px / 16px = 0.625 */
	color: #666;
	text-decoration: none;
	border-bottom: 8px solid #333;
}
#footer p {
	margin: 0 0 10px 0;
	padding: 0px 20px;
}

/* --- SUB MENU --- */

#rooms-navcontainer {
	margin:0;
	padding:0; 
	width:760px;
 	background-color: #666; /* 	background: #C00 url(images/background-menu-active.jpg) repeat scroll left top; */
	border-bottom: 4px solid #ccc;
	float:left;
	clear:none;
}

#rooms-navcontainer ul {
	margin:0;
	padding:0 0 0 20px;
	text-align: center;
	text-decoration: none;
}

#rooms-navcontainer li {
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline;
	float: left;
}

#rooms-navcontainer a:link,
#rooms-navcontainer a:visited {
	margin: 0;
	padding: 10px 10px 10px 10px;
	font: 1em georgia, times new roman, times, serif;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	display: block;
 }

#rooms-navcontainer a:hover {
	color: #FFF;
	background: #333 url(images/sub-menu-background.jpg) repeat scroll bottom left;
 }

#rooms-navcontainer a:active {
	color: #FFF;
	background: #000;
}

#content p.button {
	margin:20px 0 30px 0;
}

#content p.button a:link {
	color:#fff;
	background: #666 url(images/book.gif) no-repeat center right;
	padding:10px 30px 10px 20px;
	text-decoration:none;
	border: 1px solid #000;
}
#content p.button a:visited {
	color:#fff;
	background: #666 url(images/book.gif) no-repeat center right;
	padding:10px 30px 10px 20px;
	text-decoration:none;
	border: 1px solid #000;
}
#content p.button a:hover {
	color:#fff;
	background: #c00 url(images/book2.gif) no-repeat center right;
	padding:10px 30px 10px 20px;
	text-decoration:none;
	border: 1px solid #000;
}
#content p.button a:active {
	color:#fff;
	background: #c00 url(images/book2.gif) no-repeat center right;
	padding:10px 30px 10px 20px;
	text-decoration:none;
	border: 1px solid #000;
}

/* Form Validation */
.LV_validation_message{
/*    font-weight:bold;  */
    margin:0 0 0 5px;
}

/* #content form ul li span.LV_valid {
	padding:1em;
	background-color:#00CC00;
}
#content form ul li span.LV_invalid {
	padding:1em;
	background-color:#CC0000;
} */

.LV_valid {
    color:#00CC00;
}	
.LV_invalid {
    color:#CC0000;
	background: url(images/required.gif) no-repeat bottom right;
	text-align:right;
	margin-right:15px;
	padding-right:25px;
}
form ul li.LV_valid_field {
    background-color:#DFF8D0;
}
form ul li.LV_invalid_field {
    background-color:#F6D7D7;
}
   
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
/*   border: 1px solid #00CC00; */
/*	background-color:#DFF8D0; */
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
/*    border: 1px solid #CC0000; */
/*	background-color:#F6D7D7; */
}