body { font: 400 11px 'trebuchet ms',arial,sans-serif; color: #0f0f0f; min-height: 100%;	background-color: #f0f0f0; margin: 0px; padding: 0px; }

.shell { width: 960px; margin: 0px auto;	background-color: white; }
.head { width: 960px; padding: 15px 0px; margin: 0px auto; text-align: center; }
.left { background-color: #360758; width: 25%; color: white; }
.right { width: 75%; color: black; }
.foot { text-align: center; }
.footer { height: 40px; text-align: center; background-color: #c0c0c0; color: white; }
.navigation { width: 960px; height: 40px; margin: 0px; background-color: #c0c0c0; }
.navitem { width: 160px; height: 40px; margin: 0px; background-color: #c0c0c0; }

#nav {	width: 960px;	margin-left: auto; margin-right: auto; text-align: center; }
#nav ul {	list-style-type: none; margin: 0; padding: 0px; height: 40px; }
#nav ul li { float: left; display: block; }
#nav ul li a { display: block;	text-indent: -9999px;	overflow: hidden; height: 40px; }
#nav ul li.home a { width: 160px; height: 40px; background: url(images/home.gif) no-repeat; }
#nav ul li.accommodation a { width: 160px; height: 40px; background: url(images/accommodation.gif) no-repeat;}
#nav ul li.reservations a { width: 160px; height: 40px; background: url(images/reservations.gif) no-repeat; }
#nav ul li.events a { width: 160px; height: 40px; background: url(images/events.gif) no-repeat; }
#nav ul li.brochure a { width: 160px; height: 40px; background: url(images/brochure.gif) no-repeat; }
#nav ul li.contact a { width: 160px; height: 40px; background: url(images/contact.gif) no-repeat; }
#nav ul li a:hover, #nav ul li a.selected {	height: 40px; background-position: 0 -40px; }

#content { margin: 0px auto; }
#content h1, #content h1 a {	font: 25px 'century gothic','arial narrow',arial,sans-serif;	color: #360758;	margin-top: -5px; }
#content p {	margin: 5px 0 10px 0;	line-height: 1.5em;	}
#content p img.right, #content p img.left {	clear: none;	padding: 4px;	border: 1px solid #CCC;	background-color: #EEE;	}
#content p img.right {	float: right;	margin: 0 0 10px 15px;	}
#content p img.left {	float: left;	margin: 0 15px 10px 0;	}

p.info {	border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;	background: #F3F3F3 url('images/bullet.gif') no-repeat left center;	font-size: 0.9em;	padding: 10px 5px 10px 25px;	width: 605px;	float: right;	}
.blockquote {	display: block;	background: transparent url('images/quote.gif') no-repeat top left;	padding: 10px 10px 10px 25px;	border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;	}
ol {	font-weight: 800;	font-size: 1.0em;	color: #0CC;	margin: 20px;	}
ol span {	font: 400 1.0em arial,sans-serif;	color: #888;	}
ol li {	margin-left: 25px;	padding: 4px 0;	}
.clearer {	clear: both;	line-height: 0; 	height: 0; 	font-size: 0;	}

/*.button {float:right; margin-right: 40px; background-color: #4DA0C6; color:#fff; font-size: 11px; font-weight:bold; cursor:pointer;} */
input.dashboard,select.dashboard {	width: 70px;}

button.dashboard {background: url(images/dashboard-icon.gif);	border: 0;	cursor: pointer;	height: 20px;	margin-right: 20px;	width: 20px;}
button.dashboard:hover,button.dashboard.active {background-position: 0 20px;}

div.dashboard {background: url(images/dashboard2.png);	height: 180px;	padding: 0 12px;	text-align: center;	width: 147px;}	
div.dashboard * {margin: 0;		padding: 0;	}	
div.dashboard div {background: none !important;		cursor: move;		height: 170px;		overflow: hidden;		padding-top: 10px;		position: relative;		width: 147px;	}	
div.dashboard caption {color: #CF0;		font: normal 12px/17px Arial, Helvetica, sans-serif;		padding-top: 4px;		text-align: center;		width: 100%;	}
div.dashboard caption a {cursor: pointer;		display: block;		height: 11px;		overflow: hidden;		position: absolute;		text-indent: -100px;		top: 16px;		width: 11px;	}
div.dashboard caption a.prev {background-image: url(images/dashboard-prev.gif);		left: 1px;	}
div.dashboard caption a.next {background-image: url(images/dashboard-next.gif);		right: 1px;	}
div.dashboard caption a:hover {	background-position: 0 11px;	}
div.dashboard caption span {height: 25px;		position: relative;		text-align: center;	}
div.dashboard caption span.month {padding-right: 8px;	}
div.dashboard caption span.month:after {content: ',';	}
div.dashboard table {		border: 0; border-collapse: collapse;		border-spacing: 0;		cursor: default;		margin: 0 auto;		overflow: hidden;		width: 147px;	}
div.dashboard td,	div.dashboard th {border: 0;		color: #999;		font: normal 12px Arial, Helvetica, sans-serif;		height: 19px;		text-align: center;		width: 21px;	}
div.dashboard td {color: #333;		font-size: 11px;		padding-right: 5px;		text-align: right;		width: 16px;	}
div.dashboard td.invalid {color: #666;	}
div.dashboard td.valid {color: #FFF; cursor: pointer;	}
div.dashboard td.active,	div.dashboard td.hover {color: #CF0;		cursor: pointer;	}