html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
margin: 0; 
padding: 0; 
border: 0; 
}

body {
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	/*background-color:#d9d4c5;*/
	background-color:#e5dcc6;
	text-align:justify;
	margin: auto ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

a, a:visited, a:active {
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-decoration:none;
	font-weight:bold;
	border:none;
outline-style:none;
}

img {
	border:1px solid white;
	margin-bottom:10px;
}

p {
	margin-bottom:5px;
}


p.address {
	width:220px;
	display:inline;
	float:left;
	margin-bottom:10px;
}

/* #### main page layout header, content footer #### */

#contentframe {
	overflow-x:hidden;
	padding:0px;
	height:1200px;

}

#bodywrapper {
position:relative;
margin:0 auto;
text-align:left;
width:850px;
}


#header {
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	height:248px;
	width:826px;
	padding-top:0px;
	margin:auto;

}



#page {
	text-align:left;
	width:840px;
	height:1200px;
	overflow:hidden;
}


#maincontent {
	margin:auto;
	text-align:justify;
	overflow:hidden;
	width:840px;
	height:100%
}

#footerouter {
	width:100%;
	height:110px;
	background-image:url(../images/footerback.jpg);
	background-repeat:repeat-x;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-align:center;
	margin:auto;

}

#footerinner {
	width:800px;
	height:110px;
	background-image:url(../images/footerback.jpg);
	background-repeat:repeat-x;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	/*position:absolute;
	margin-left:-400px;
	left:50%;*/
	margin:auto;

}

#footerlogo {
	float:right;
	margin-top:20px;
	margin-right:10px;
	border:0px;
}

#contentfooter {
	height:10px;
	background-image:url(../images/contentfooter.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
}

#music {
	float:left;
}

#footeraddress {
	width:600px;
	text-align:center;
	padding-top:70px;
	font-size:1.0em;
	padding-left:10px;
}

/*  #### end of main page layout #### */



/* #### menu content #### */
.menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:5px;
padding-left:5px;
width:850px;
height:70px;
font-size:0.70em;
position:relative;
z-index:100;
margin:auto;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:850px; 
	w\idth:849px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu ul ul {
	width:109px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;
	width:109px;
	position:relative;
	text-align:center;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none; 
	color:#fff; 
	width:109px; 
	height:30px; 
	border:1px solid #b3b1ad; 
	border-width:1px 0 1px 1px; 
	background:#b3b1ad; 
	padding-left:0px; 
	line-height:29px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:109px; 
	w\idth:99px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#b3b1ad;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#b3b1ad;
}

.menu ul ul :hover > a.drop {
	background:#b3b1ad;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#b3b1ad;
}

/* style the third level hover */
.menu ul ul ul a:hover {
	background:#b3b1ad;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0; 
	width:149px;
	border-top:1px 
	solid #b3b1ad;
}

/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:149px; 
	top:-1px; 
	width:149px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-149px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#b3b1ad; 
	color:#fff; 
	height:auto; 
	line-height:1em; 
	padding-bottom:5px; 
	width:170px;
	border-width:0 1px 1px 1px;
	margin-left:30px;
	text-align:left;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:170px;
	w\idth:148px;
}

/* In IE6 the wierdest things happens here.  If I change the color below for the background of the dropdown to match exactly the color of the top level then it doesnt work.  If I make is even the slightest different color then it works.  Need to work out if this is a bug or me being stupid.
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
	color:#000; 
	background-color:#b3b1ae;
}

.menu :hover > a, .menu ul ul :hover > a {
	color:#000;
	background:#b3b1ad;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
}

/* #### end of menu content #### */


/* #### menu content #### */




/* #### generic stying eg titles & headers #### */

.underlink {
	text-decoration:underline;
	font-weight:normal;
	color:black;
	font-size:1em;
}

.pagetitle {
	text-align:right;
	font-size:1.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#5f5b53;
	background-image:url(../images/contentheader.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
	height:65px;
	padding-top:8px;
	padding-right:20px;
	border-top:4px solid #a0967c;
	margin-top:0px;
	margin-bottom:10px;

}
	
.styledlist {
	list-style-image:url(../images/listimage.jpg);
	text-align:left;
	margin-left:70px;
}

.styledlist li {
	margin-bottom:5px;
}

.plainlist img {
	border:1px solid white;
}

.plainlist {
	list-style-type:none;
	width:500px;
	text-align:left;
}

.plainlist li {
	margin-bottom:10px;
}


.plainlistnarrow {
	list-style-type:none;
	text-align:left;
}

.plainlistnarrow li {
	margin-bottom:8px;
}

.plainlistroomtypes {
	list-style-type:none;
	width:540px;
	text-align:left;
	margin-left:10px;
	margin-top:20px;
	text-align:justify;
}

.plainlistroomtypes li {
	margin-bottom:10px;
}

.listtitle {
	text-decoration:underline;
	font-weight:bold;

}

.sectiontitle {
	text-decoration:underline;
	font-weight:bold;

}


.contentbox {
	padding: 10px;
	text-align:left;
}


/* #### end of titles & headers #### */





/* #### facilities page */

#facilities {
	width:580px;
	float:right;
}

#facilitiesimage {
	display:inline;
	float:left;
	margin-right:10px;
	width:230px;

}


/* #### end of facilities page #### */




/* ### room facilities page ### */
#roomfacilitiespage {
	text-align:justify;

}

#roomfacilities {
	width:550px;
	float:right;

}

#roomfacilitiesimage {
	float:left;
}


/* #### end of room facilities #### */



/* #### location page #### */
#location {

	width:560px;
	float:right;
}

#distances {
	width:140px;
	margin-right:20px;
	padding:5px;
	font-size:0.6em;
	border:1px dashed black;
	float:left;
	text-align:center;
}

#formimage, #map {
	display:inline;
	float:left;
	margin-right:10px;
	width:200px;

}

/* #### end of location page #### */



/* #### room types page #### */

#roomtypes {
	width:120px;
	height:500px;
	display:inline;
}

#roomtypes img {
	width:110px;
}

#roomtypes ul {
	list-style-type:none;
	margin-left:0px;	
}

#roomtypes ul li {
	margin-top:30px;
}

#roomtypes ul li {

}

#roomimages {
	width:260px;
	height:520px;
	float:left;
	margin-top:20px;
}

#roomimages img {
	margin-bottom:30px;
}

#roomcontent {
	padding-top:20px;
	text-align:left;
	width:560px;
	text-align:justify;
	float:right;

}


/* #### end of room types page #### */

/* #### offers page #### */

#offers {
	width:100%;
}

#offersheader {
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}

#offersheader h2 {
       	margin-top:10px;	
	font-size:1em;
	color:#a21a1a;
}

#offersheader a {
	color:#a21a1a;
}

#offersheader h2 a, #offersheader h2 a:visited, #offersheader h2 a:active {
	color:#a21a1a;
	text-decoration:underline;
}

.offer {
	width:90%
	margin-top:15px;
	margin-bottom:25px;
	background-color:#d4c9ad;
	padding:10px;
	border:1px solid #b8a984;
}

.offer h3 {
	font-size:1em;
	margin-bottom:5px;
}

.offer h3 a, .offer h3 a:active, .offer h3 a:visited {
	color:#a21a1a;
}

.offer ul {
	margin-top:10px;
	list-style-type:disc;
}

.offer ul li {
	margin-left:20px;
}


.pricesblock {
	width:90%;
	margin-top:15px;

}

.pricesblock table {
	border:1px solid black;
}

.pricesblock table td, .pricesblock table th {
	border:1px solid black;
	margin:0px;
	text-align:center;
}

.pricesblock table th {
	text-align:left;
}

/* #### end of offerspage #### */

/* #### links page #### */

#links {
	width:100%;
}


.alink {
	width:370px;
	margin-top:15px;
	margin-bottom:25px;
	background-color:#d4c9ad;
	padding:10px;
	border:1px solid #b8a984;
	min-height:110px;
 height:auto !important;  height:110px;
	float:left;
	margin:10px;
	text-align:left;
}

.biglink {
	height:100%;
}

.alink h3 {
	font-size:1em;
	margin-bottom:5px;
}

.alink h3 a, .alink h3 a:active, .alink h3 a:visited {
	color:#a21a1a;
	font-size:0.9em;
}

.alink ul {
	margin-top:10px;
	list-style-type:disc;
}

.alink ul li {
	margin-left:20px;
}

.alink img {
	padding:5px;
	border:none;
}

/* #### end of linkspage #### */


/* #### frontpage content #### */
#columnhalfleft {
	z-index:0;
	width:420px;
	float:left;
	text-align:justify;
}

#columnhalfright {
	z-index:0;
	width:360px;
	text-align:justify;
	float:right;
}

#frontpageflash {
	position:absolute;
	top:330px;
	left:0px;
}

/* #### end of frontpage content #### */

/* #### the news section on the frontpage #### */
.frontpagesection {
	width:100%;
	background-image:url(../images/vert_stripe_sep.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	vertical-align:top;
	padding-bottom:12px;
	padding-left:5px;
	margin-bottom:10px;
	font-size:0.95em;
}

.frontpagesection h2 {
	font-size:1.1em;
	margin-bottom:5px;
}

.frontpagesection p {
	margin-top:5px;
}

/* #### end of frontpage news section #### */





/* #### gallery page #### */

#gallery {
	width:700px;
	height:850px;
	margin:auto;
}

.galleryimage {
	width:150px;
	height:150px;
display:inline;
padding-right:15px;
padding-bottom:15px;
}

.galleryimage img {
border:1px solid black;
display:inline;
}

#gallery a {
}

.hiddenPic {display:none;}
 


/* #### end of gallery page #### */





/* #### clock block #### */
#clock {
	top:22px;
	padding-left:15px;
	z-index:10;
	background-color:#dad4c6;
	margin-left:-400px;
	left:50%;
	position:absolute;
}
/*#### end of clock block #### */




/* #### language selection #### */
#languageblock {
	position:absolute;
	margin-left:-400px;
	left:50%;
	top:55px;
}

#languageblock ul li {
	display:inline;
	margin-right:19px;
}

/* #### end of language selection #### */



/* #### start of form calendar #### */



#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 99;
}

#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  border-left: 1px solid #b3a88b;
  border-right: 1px solid #b3a88b;
}

#CalendarControl th {
  font-weight: normal;
}

#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .header {
  background-color: #b3a88b;
}

#CalendarControl .weekday {
  background-color: #DDD;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #FFC;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #339;
  background-color: #b3a88b;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #b3a88b;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}

#CalendarControl .empty {
  background-color: #CCC;
  border: 1px solid #FFF;
}

/* #### end of form calendar #### */





/* ################################################# */
/* reservation form */

#formimage {
	display:inline;
	float:left;
	margin-right:0px;
	width:200px;

}


#formwrapper {
	width:585px;
	height:620px;
	float:left;
	margin-left:20px;
}


.formdiv {

	float:left;
	margin-right:10px;
	padding-top:10px;
	width:280px;
}

.dateinput {
	border: 1px dashed black;
}

.textinput {
	border:1px dashed black;
	background-color:white;
}

.cssform p{
/*width: 600px;*/
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 105px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -105px; /*width of left column*/
width: 105px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
}

.cssform textarea{
	border: 1px dashed black;
	width: 440px;
	height: 60px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


/* ##### end of reservation form ##### */