body {text-align: center;
background: #4c7bb0;
color: #471c18;
font: 11px verdana, arial, sans-serif; line-height: 20px;
margin-top: 0; }

#wrapper { width: 850px; margin: 0 auto; text-align: left; position: relative;  background: url(../images/bg.gif) repeat-y #ffffc6;  border: solid 4px #446d9c; }
#top { clear: both; background: #3b0d0d; }
#top1 { clear: both; padding-left: 30px; background: #3b0d0d; height: 50px; }
#content { width: 580px; padding: 10px 0 10px 20px; float: left; }
#left { width: 220px; float: left;  background: #3b0d0d; }
#leftinside { padding: 10px 10px 10px 20px; }
#footer { clear: both; }
#grey {
	width: 630px;
	margin: 0;
	height: 15px;
	background-color:#4b4b4b;
	float: left;  
}

/*
These classes below govern the padding at the top of the curtain image under the navigation. As each room is a different height these need to be changed to make the colour reach the bottom of the column...
*/
.curtain { padding: 120px 0px 0px 0px; }
.curtainrooms  { padding: 800px 0px 0px 0px; }
.curtainmap  { padding: 1250px 0px 0px 0px; }
.curtainterms  { padding: 850px 0px 0px 0px; }
.curtainactivities  { padding: 685px 0px 0px 0px; }
.curtainexclusive { padding: 80px 0px 0px 0px; }
.curtainenquiry { padding: 1050px 0px 0px 0px; }
.curtainlinks { padding: 850px 0px 0px 0px; }
.curtainthanks { padding: 10px 0px 0px 0px; }

.white { color: #fff; }
.border { border: solid 1px #3b0d0d; }
.dots { background-image:url(../images/dots.gif); background-repeat:repeat-x; } 

#address { float: left; padding: 5px; color: #4b4e51; font-weight: 700; line-height: 15px; }

h1 { font: 18px bangle, verdana, arial, sans-serif; line-height: 24px; padding: 2px 0px 0px 0px; }
h2 { font: 15px bangle, verdana, arial, sans-serif; line-height: 18px; color: #ffffc6; background: transparent; }
h3 { font: 25px  bangle, verdana, arial, sans-serif; line-height: 18px; }

.paddingpic { padding: 0 0 20px 10px; margin: 0; float:right; }
.paddingpic1 { padding: 10px 0 0 10px; margin: 0; float:right; }
.paddingleft { padding: 0 10px 0 0; margin: 0; float:left; }
.paddingleft1 { margin: 0 10px 0 0;  float:left; border: solid 1px #3b0d0d; }
.paddingright { padding: 0 20px 0 0; margin: 0; }

div#nav a { color: #ffffc6; text-decoration: none; background: transparent; display: block; line-height: 25px; padding-left: 5px; }
div#nav a:visited { color: #ffffc6; text-decoration: none; background: transparent; display: block;  line-height: 25px; padding-left: 5px; }
div#nav a:hover { color: #fff; text-decoration: none; background: #4b4b4b; display: block; line-height: 25px; padding-left: 5px; }

a.link2:link { color: #fff; text-decoration: none; background: transparent; font-weight: 500; }
a.link2:visited { color: #fff; background: transparent; text-decoration: none; font-weight: 500; }
a.link2:hover { color: #fff; background: transparent;  text-decoration: underline; font-weight: 500; }

a.link3:link { font: 14px bangle, verdana, arial, sans-serif; color: #fff; text-decoration: underline; background: transparent;  }
a.link3:visited { font: 14px bangle, verdana, arial, sans-serif; color: #fff; background: transparent; text-decoration: underline; }
a.link3:hover { font: 14px bangle, verdana, arial, sans-serif; color: #e2b4b4; background: transparent;  text-decoration: underline; }

a.link4:link { color: #444114; text-decoration: underline; background: transparent; display:inline; }
a.link4:visited { color: #444114; background: transparent; text-decoration: underline; display:inline; }
a.link4:hover { color: #444114; background: #f3f2b7;  text-decoration: underline; display:inline; }

.dark { color: #1a2434; }
.green { color: #6a6e3e; }
.wwf { border: solid 1px #ced1b5; background-color: #dbddc9; padding: 10px; }
.border { border: solid 1px #ced1b5; }
.dotsx { background: url(../images/dotside.gif) repeat-x; padding: 0; }
.nolink { color: #ffffc6; font-weight: 700; text-transform:uppercase; padding-left: 5px; }
.clear { clear: both; }
.clearleft { clear: left; }

#flashcontent {
		width: 850px;
		height: 150px;
		margin: 0;
}