﻿
/* LAYOUT ------------------------------------------------------------------- */

html,body {height: 100%; margin: 0; padding: 0;}

body {
	font: 11pt "times now roman", times, sans;
	text-align: center;
	color: #FFFFFF;
	background: #690000 url("/images/mainbg.gif");
}

a, a:visited, a:hover, a:active {color: #E8C140}

a.pict, a:link.pict, a:visited.pict, a:hover.pict, a:active.pict {
	border: none;
	text-decoration: none;
}

#CONTAINER {
	margin: 0 auto; padding: 0;
	width: 760px;
	min-height:100%;
	height:auto;
	position:relative;
	text-align: left;
	background-color: #790000;
}

* html #CONTAINER {
	height: 100%;
	width: 762px; /* box model hack for ie5 and ie6 */
	w\idth: 760px
}

#HEADER {
	height: 292px;
	background: url("/images/header.jpg") 0 0 no-repeat;
}

#MENU {
	width: 125px;
}

#CONTENTS {
	float: right;
	width: 558px;
	margin-bottom: -20px;
}

#ClearFooter {
	clear: both;
	height: 20px;
	width: 100%;
}

#FOOTER	{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
	background-color: #C58E2D;
	font: 8pt arial, hevetica, sans-serif;
	color: #5B0101;
	text-align: center;
}

/* LOGO --------------------------------------------------------------------- */

#LogoHiRes {
	visibility: hidden;
}

/* MENU --------------------------------------------------------------------- */

#MenuFirst {
	widht: 100%;
	background-color: #5B0101;
}

#MenuF-TL {height: 11px; background: url("/images/menu-c-tl.gif") top left no-repeat;}
#MenuF-TR {height: 11px; background: url("/images/menu-c-tr.gif") top right no-repeat;}
#MenuF-BL {height: 11px; background: url("/images/menu-c-bl.gif") bottom left no-repeat;}
#MenuF-BR {height: 11px; background: url("/images/menu-c-br.gif") bottom right no-repeat;}

div.menuItem {
	width: 125px; height: 22px;
	margin: 0; padding: 0;
	background: url("/images/menuitem.gif") -125px 0 repeat-y;
}

div.menuItem a, div.menuItem a:visited {
	display: block;
	margin: 0; padding:0;
	width: 100%; height: 100%;
	overflow: hidden;
	font: 10pt arial, hevetica, sans-serif;
	color: #EEC44C;
	font-weight: bold;
	text-decoration: none;
	background: url("/images/menuitem.gif") top left repeat-y;
}

div.menuItem a:hover, div.menuItem a:active {
	background-image: none;
}

div.menuItem span {
	display: block;
	margin:0; padding: 2px 0 0 22px;
}

/* LANGUAGES ---------------------------------------------------------------- */

#Languages {
	margin: 20px 0 0 7px; /* T R B L */
}

/* CONTENT ------------------------------------------------------------------ */

#ContentMain {
	widht: 100%;
	background-color: #9B2323;
	margin-bottom: 50px;
}

#Cont-TL {height: 11px; background: url("/images/cont-c-tl.gif") top left no-repeat;}
#Cont-BL {height: 11px; background: url("/images/cont-c-bl.gif") bottom left no-repeat;}

#BrownTitle {
	/*display: table;*/
	width: 150px;
	height: 20px;
	overflow: hidden;
	vertical-align: middle;
	background: #540000 url("/images/title.gif") top right no-repeat;
	padding: 2px 24px 0 24px; /* T R B L */
	margin: 8px 0 24px 0;
	font: 10pt arial, hevetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

/* TEXT --------------------------------------------------------------------- */

#textContent {
	padding: 0 24px 36px 24px; /* T R B L */
}

#textContent, textContent p, #textContent ul, #textContent li, #textContent td {
	font: 11pt "times now roman", times, sans;
	color: #ffffff;
	text-align: justify;
	margin-bottom: 12pt;
}

#reservationForm p, #reservationForm td, #reservationForm input, #reservationForm select {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	text-align: left;
}

#reservationForm input, #reservationForm select {
	color: #000000;
}

#textContent h1, #textContent h2 {
	font: 12pt Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}

#textContent h2 {
	font-size: 11pt;
	font-weight: bold;
}

#textContent big {
	font-size: 14pt;
	line-height: 11pt;
}

span.loud {
	color: yellow;
	font-weight: bold;
}

table.RoomPrices {
	border: solid 1px #FFFFFF;
}

table.RoomPrices th, table.RoomPrices td {
	border: solid 1px #CD9191;
	text-align: left;
}

/* PRINT -------------------------------------------------------------------- */

@media print {
	body {color: #000000; background: transparent;}
	#LogoHiRes {visibility: visible; padding-left: 6mm;}
	#LogoHigh {width: 40mm; height: 29mm; float: left;}
	#LogoText {font-size: 8pt; padding: 10mm 0 0 50mm;} /* T R B L */
	#CONTAINER {width: auto; background: transparent;}
	#HEADER {height: 4cm; background: transparent;}
	#MENU {display: none;}
	#CONTENTS {float: auto; width: auto; margin: auto;}
	#ClearFooter {display: none;}
	#FOOTER	{display: none;}
	#ContentMain {background-color: #FFFFFF; margin: auto;}
	#Cont-TL {display: none;}
	#Cont-BL {display: none;}
	#BrownTitle {width: auto; height: auto; overflow: visible; background: transparent; padding: auto;
		font: 14pt arial, hevetica, sans-serif; font-weight: bold; text-decoration: none;}
	#textContent {padding: auto;}
	#textContent, textContent p, #textContent ul, #textContent li, #textContent td {color: #000000; margin: auto;}
	#reservationForm p, #reservationForm td {color: #000000; margin-bottom: auto;}
	#reservationForm input, #reservationForm select, #reservationForm textarea {border:0;}
	input.butt {display: none;}
	span.loud  {display: none;}
}


