/* CSS Document */

/* CSS Document */
/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */

/*Listed below - Div background colours, text colors and styles, font sizes, basic list styling, basic anchor and nav styling*/

* 	{
	margin:0;
	padding:0;
	}

body {
	font:.95em Helvetica, Tahoma, Verdana, Arial, sans-serif; /* 1em = 16pts */
	}

/* DIV BACKGROUND COLOURS */

body {background-color:#EEEEEE;}
#main_wrapper {background-color:#FFFFFF;}
#header {background-color:#FFFFFF}
#top-banner {background-color:#000000;}
#top-menu {background-color:#000000;}
#nav {background-color:#FFFFFF;}
#content {background-color:#FFFFFF;}
#promo {background-color:#FFFFFF;}

/* TEXT COLORS and STYLES */

h1 {
	font-size:1.4em;
	vertical-align:top;
	padding:10px 5px 10px 5px;
	color:#000000;
	font-weight:bold; 
	text-align:center;
	line-height:120%; /* 24pt */
	}

/* FONT SIZES */

h2 {
	font-size:1.35em;
	text-align:center;
	vertical-align:top;
	color:#000000;
	padding-bottom:20px;
	clear:both;
	line-height:115%;
	}

h3 {
	font-size:1.3em;
	color:#990000;
	clear:both;
	text-align:left;
	height:20px;
	padding:4px;
	margin-top:15px;
	margin-bottom:10px;
	}

.header_photo_holder_index h3 {
	font-size:1.1em;
	color:#000000;
	clear:both;
	text-align:left;
	background-color:#C0CBCD;
	display:block;
	height:20px;
	padding:3px;
	margin-top:5px;
	margin-bottom:5px;
	}

.side-text-hotel h2 {
	text-align:center;
	margin-top:12px;
	margin-bottom:10px;
	padding:5px;
	}

h4 {
	font-size:110%;
	color:#333333;
	clear:both;
	line-height:115%;
	text-align:left;
	}

h5 {
	font-size:90%;
	color:#990000;
	line-height:100%;
	text-align:left;
	}

h6 {
	font-size:90%;
	line-height:115%;
	color:#000000;
	text-align:left;
	}

p {
	color:#000000;
	font-size:.95em; /* 12pt */
	line-height:1.4em; /* on 15pt */
	margin-top:1.1em;
	margin-bottom:1.1em; /* 12pts of space */
	}
	
sub {
	color:#000000;
	font-size:.8em; /* 12pt */
	line-height:2em; /* on 15pt */
	margin-bottom:3px; /* 12pts of space */
	}

#nav-top-outer {
	min-width:760px; 
	max-width:1080px;
	margin-left:auto; 
	margin-right:auto; /* centers layout when > max width */ 
	padding:0;
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	background-color:#000000;
	}

#nav-top * {
	margin:0;
	padding:0;
	}

#nav-top {
	width:100%;
	font-family:Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-size:.93em;
	font-weight:bold;
	background-color:#000000;
	float:left;
	}

#nav-top ul {
	float:left;
	margin-left:220px;
	}

#nav-top li {
	color:#FFFFFF;
	list-style-type:none;
	float:left;
	position:relative;
	}

#nav-top li ul {
	position:absolute;
	display:none;
	width:20em;
	left:-220px;
	padding:0;
	}

#nav-top li ul li {
	width:16em;
	font-size:.9em;
	}

#nav-top a {
	display:block;
	background-color:#000000;
	color:#FFFFFF;
	padding:.3em 25px;
	text-decoration:none;
	}

#nav-top a:visited {
	color:#990000;
	background-color:#000000;
	text-decoration:none;
	}

#nav-top a:hover {
	color:#FFFFFF;
	background-color:#990000;
	text-decoration:none;
	}

#nav-top li:hover ul {
	display:block;
	}

a img {
	border:none;
	}
		
a:link {
	color:#000099;
	text-decoration:underline;
	}

a:visited {
	color:#0066CC;
	text-decoration:underline;
	}
	
a:hover {
	color:#990000;
	text-decoration:underline;
	}

#nav {
	font-size:.93em;
	text-align:left;
	line-height:110%;
	}
	
#nav a:link {
	color:#3333FF;
	text-decoration:underline;
	}

#nav a:visited {
	color:#0066CC;
	text-decoration:underline;
	}
	
#nav a:hover {
	color:#990000;
	text-decoration:underline;
	}

#nav a {
	display:block;
	text-align:left;
	padding:.2em .4em .2em .2em;
	}

#nav ul {
	font-size:.93em;
	margin:2px 2px 4px 3px;
	padding:0;
	list-style-type:none;
	}

#nav li {
	font-size:.93em;
	margin:0;
	padding-top:0;
	}
	
#nav ul li a:link {
	background-color:#F8F4D9;
	color:#000099;
	text-decoration:none;
	display:block;
	font-size:1em;
	font-weight:bold;
	border: 1px dashed #CCCCCC;
	line-height:115%;
	padding:4px 4px 4px 6px;
	margin:0px 0px 4px 0px;
	}

#nav ul li a:visited {
	color:#CC0000;
	text-decoration:none;
	display:block;
	font-size:1em;
	font-weight:bold;
	line-height:115%;
	padding-top:4px 4px 4px 6px;
	margin-top:0px 0px 4px 0px;
	}

#nav ul li a:hover {
	color:#990000;
	text-decoration:underline;
	background-color:#E6E5AC;
	display:block;
	font-size:1em;
	font-weight:bold;
	line-height:115%;
	padding-top:4px 4px 4px 6px;
	margin-top:0px 0px 4px 0px;
	}

#nav p {
	text-align:center;
	margin:0px;
	padding:0px;
	color:#000000;
	font-size:.75em;
	border:0;
	margin:5px 3px 5px 6px;
	padding:0;
	}

#nav h5 {
	color:#FFFFFF;
	text-decoration:none;
	font-size:.95em;
	background-color:#000000;
	display:block;
	margin:0px;
	padding-top:4px;
	padding-right:4px;
	padding-bottom:4px;
	padding-left:4px;
	font-weight:bold;
	}

#promo {
	font-size:.9em;
	padding:0px;
	margin:0px;
	}

#promo h4 {
	color:#CC0000;
	font-size:120%;
	text-align:center;
	}
	
.question-text p {
	color:#0000FF;
	}

.button1 a:link {
	color:#FFFFFF;
	text-decoration:none;
	}

.button1 a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

.button1 a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}

#content-tiers-navig a:link {
	color:#990000;
	text-align:center;
	text-decoration:none;
	font-size:.8em;
	font-weight:bold;
	}

#content-tiers-navig a:visited {
	font-size:.8em;
	color:#CC0000;
	}

#content-tiers-navig a:hover {
	font-size:.8em;
	color:#CC0000;
	}

#main-navig-bottom a:link {
	color:#FFFFFF;
	text-decoration:none;
	font-size:95%;
	line-height:135%;
	}

#main-navig-bottom a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-size:95%;
	line-height:135%;
	}

#main-navig-bottom a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-size:95%;
	line-height:135%;
	}

.top a:link {
	color:#990000;
	text-decoration:underline;
	font-size:95%;
	}

.top a:visited {
	color:#990000;
	text-decoration:underline;
	font-size:95%;
	}

.top a:hover {
	color:#990000;
	text-decoration:underline;
	font-size:95%;
	}

#copyright a:link {
	color:#FFFFFF;
	text-decoration:underline;	
	}

#copyright a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	}

#copyright a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}	

.underheading h4 {
	font-size:85%;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	}

.underheading h5 {
	font-size:85%;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:top;
	}

hr {
	border:1px groove #CC1100;
	margin-bottom:1em;
	}

ul, ol, dl, blockquote, cite {
	color:#000000;
	}

ul, dl, ol {
		margin:0;
		padding:0; /* lists without specific classes */
		font-size:.95em;
		line-height:1.5;
		margin-bottom:1em;
		}
		
li, dd {
		padding:0; /* lists without specific classes */
		margin-left:2em;
		margin-top:1em;
		}
		
#promo ul, #promo dl, #promo ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
		
#promo li {
	list-style-type:none;
	margin-left:0
	}	

blockquote {
	margin:10px 0px 10px 70px;
	text-indent:0;
	}
	
.specialtext span {
	background-color:#FFFF00;
	}

.normal span {
	background-color:#990000;
	}
	
	/*Extras*/

/* THE ALSETT CLEARING METHOD see pg 119 Stylin with CSS - forces a container such as a div to enclose floated content nested within it. To use add the class clearfix to the container <div class="clearfix"> It's good to force a footer sit below floated columns. Add the clearfix class to a wrapper div around the columns - this container will then expand vertically to enclose the columns. The footer will then always sit below the longest column. Also use to add a border around a number of floated elements - enclose the floated elements in a wrapper div and add the clearfix class to this wrapper- then style the border of this containing element */

	.clearfix:after {
 content: “.”;
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */