/* ################################ SITE LAYOUT (two column (no right column)) */

.no-right-column #left-main {
	margin-right: 0;
	width: 100%;
}

.no-right-column #left {
	width: 23%;
}

html>body.no-right-column #main {
	margin-left: 23.5%;
}

.no-right-column #sidebar {
	display: none;
	width: 0;
}

/* ############################### BANNER AND TOPBAR ####################### */

#banner-wrap {
	width: 100%;
	height: 101px;
	margin: 0;
	padding: 0;
}

#banner {
	clear: both;
	width: 100%;
	min-width: 500px;
	height: 101px;
	max-height: 101px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #fff center right no-repeat;
}

#mainbrand {
	float: left;
	margin: 8px 0 0 0;
	width: 208px;
	height: 101px;
}

#mainbrand img {
	float: left;
}

#ancillary-brand {
	clear: right;
	float: right;
	width: 202px;
}

#ancillary-brand img {
	float: right;
}

#topbar { /* Core/utility navigation and search facility */
	clear: both;
	height: 1.9em;
	line-height: 1.9em;
	min-height: 1.95em;
	padding: 1px 12px 1px 12px;
    	margin: 0;
    	background: url(images/topbargray.gif);
	font-weight: normal;
        color: #fff;
	
}


/* ################################ Main Body ############################# */

#wrapper {
	margin: 4px 4px 0 0;
}

#container {
	width: 100%;
	float: left;
	margin-right: -24%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-right: -23%;
}

#left {
	width: 22%;
	float: left;
	voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 30%;
}

.dummy {}

#left {
	background-color: #eaeaeb;
}

#main {
	margin-left: 30.5%;
	background-color: #fff;
	border: 1px solid #fff;
}

/* Fix IE5/6-win 3px text jog. Hide from IE5-mac. \*/
 
* html #left {
  margin-right: -3px;
}

* html #main {
	height: 1%;
	margin-left: 0;
}

/* End hide from IE5/mac */



/* ################################ Left Nav/Content ############################# */

#left-nav {
	
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	font-size: 90%;
}

/* IE only */

* html #left-nav {
  height: 450px;
}
 
/* End IE only */


#left-nav-head {
	padding: 8px 8px 0 12px;
	color: #000;
	font-size: 105%;
	font-weight: bold;
}

#left-nav-head a {
	text-decoration: none;
	color: #000;
}

#left-nav ul {
	margin: 8px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#left-nav li {
	margin: 0;
	padding: 5px 3px 5px 0;
	list-style-image: none;
	color: #000;
	border-bottom: 2px dotted #BBB993;
}

#left-nav ul li span {
	display: block;
	font-weight: bold;
	padding-left: 25px;
}

#left-nav ul li.parent-selected a {
	font-weight: bold;
}

#left-nav li a {
	display: block;
	padding-left: 25px;
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

#left-nav li a:hover {
	text-decoration: underline;
}

/* ################################ Online Booking Pod ######################## */

.onlinebookingwrapper {
	width: 100%;
	margin: 0 0;
}
#onlinebooking {
	width: 96%;
	margin: -1em 0 0 1.5%;
	border: 1px solid #ccf;
	background: #fff;
	color: #000;
}
#onlinebooking .content {
	margin: 3px;
	background: #fff;
}
#onlinebooking .content h2 {
	margin: 0;
	padding: 3px;
	font-size: 120%;
	color: #000;
}
#onlinebooking .content h2 img { vertical-align: bottom; }
#onlinebooking .content h3 {
	margin: 0;
	padding: 5px;
	font-size: 100%;
}
#onlinebooking .content p {
	margin: 0;
	padding: 0 5px 1em 5px;
}	
#left { background: #fff; }
#left-main {
	background-color: #fff;
	margin-right: 0 !important;
}

* html #left {
	background-color: #fff;
}

#left-nav-head, #left-nav-head a, #left-nav li, #left-nav li a {
	color: #fff;
}

#left-nav {
	padding: 0 0 0 6px;
}

#left-nav ul {
	margin: 0;
}
#left-nav li {
	margin: 0 1em 0 1em;
	padding: 3px 0 3px 0;
	border-bottom: none;
}


#left-nav li a, #left-nav ul li span {
	margin: 0;
	padding: 0 0 0 2em;
	display: block;
}

#content h1 {
	color: #000066;
}

#content-top img { float: none; }

* html #left-nav ul li { height: 1%; }	
	

/* ################################ Middle ############################# */


#content {
	margin: 0 8px 8px 0;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #036;
}

#content-top {
	width: 100%;
	border-bottom: 1px solid #fff;
}

#content-top img {
	float: left;
	padding: 6px 10px 6px 0;
}

#content-top h1 {
	clear: right;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 150%;
	line-height: 1.1em;
	color: #E10035;
}


#content h2 {
	margin-bottom: 0;
	font-size: 125%;
	font-family: Arial, sans-serif;
	color: #7A7942;
	background: url(h-dot-green.gif) left bottom repeat-x;
}

#content h3 {
	margin-bottom: 0;
	font-size: 105%;
	color: #142062;
}

#content h4 {
	margin-bottom: 0;
	font-size: 100%;
}

#main .hidden {
	position: absolute;
	padding: 0px;
	background: none;
	border: none;
	width: 0px;
	height: 0px;
	overflow: hidden;
}


/* Owen hack - hide from IE */
head:first-child+body .lfloat {
	padding: 10px 5px 10px 0;
}

.rfloat {
	clear: right;
	float: right;
	margin: 10px 0 10px 10px ;
}

.nofloat {
	display: block;
	width: 100%;
	height: 1px;
	overflow: hidden;
}

/* Owen hack - hide from IE */
head:first-child+body .rfloat {
	padding: 0.5em 0 0.5em 0.25em;
}


/* ################################ Pod Navigation ########################### */

/* Welcome Pod */

#wrapper {
	margin: 4px 6px 0 0;
}

#content {
	margin:0;
	padding: 0 0 0 6px;
}

#pod {
	height: 90px;
	width: 99%;
	margin: 1px 0 0 .5%;
	background: #eaeaeb;
}
#pod .middle .content h1 {
	margin: 0 0 0 10px;
	font-size: 130%;
	color: #036;
}
#pod .middle .content .pleft {
	margin: .5em 0 0 10px;
	font-size: 90%;
	line-height: 1.2em;
}
#pod .middle .content a:link {
	color: #142062;
	text-decoration: underline;
}
#pod .middle .content a:visited {
	color: #653E6A;
	text-decoration: underline;
}
#pod .middle .content a:hover {
	color: #e49103;
	text-decoration: underline;
}

.podclear {
	/* clear: both; */
}


/* #################### key content areas - 4 Main Pods ####################### */

#content .kcawrapper { min-height: 350px; }
#content .kca {
	width: 97%;
	margin: 15px 1% 10px 0;
	float: left;
}
#content .kca img {
	float: left;
	margin: 0 6px 0 2px;
}
#content .kca h2 {
	margin: 0;
	padding: 0;
	color: #036;
	background: none;
}
#content .kca h2 a:link {
	color: #036;
	text-decoration: none;
}
#content .kca h2 a:visited {
	color: #036;
	text-decoration: none;
}
#content .kca h2 a:hover {
	color: #036;
	text-decoration: underline;
}
#content .kca p {
	margin: 0;
	font-size: 90%;
	line-height: 1.2em;
}
#content .kca .clear { clear: both; }

#content .nigov {
	   float: right;
	   margin: -2em 0 0 0
	   }


/* ############################## Miscellaneous ####################### */

div.prop {
	float: right;
	width: 1px;
	height: 125px;
}

div.clearing {
	width: 100%;
	height: 1px;
	overflow: hidden;
}

div.clear-layout {
	height: 0;
	clear: both;
	overflow: hidden;
}

.hide {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

@media tty {
 i{content:"\";/*" "*/}} @import 'site-ie5.css'; /*";}
}/* */
