body {
	background-color: #fbf7f6;
	font: 0.9em arial,verdana,sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
#container {
	width:750px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #000;
}
#subhead {
	width: 750px;
	height: 33px;
	font:  1.25em tahoma,arial,verdana,san-serif;
	letter-spacing: 2.75px;
	background-color: #1F5D87;
	margin: -10px 0 0 0;
	color: #fff;
	border-top: 2px solid #fff;
	font-weight: 900;
	line-height: 2.0em;
	text-align: center;
}
html>body #subhead {
	margin: -3px 0 0 0;
	}
#main {
	background: url(images/content4.jpg) repeat-y top left;
	font-weight: normal;
	color: #333;
}
#menu {
	background-color: #709CC9;
	float: left;
	margin: 0;
	padding: 15px 5px 5px 10px;
	width: 140px;
}
#menu a {
	color: #fff;

	text-decoration: none;
	font-size: 100%;
}
html>body #menu a{
	padding: 0;
}
#menu a:hover {
	color: #41334a;
	text-decoration: underline;
}
.selected {
	margin: 0;
	padding: 0;
	color: #41334a;
	}
#menu ul {
	font-size: 100%;
	margin: 5px 0px 0px;
	list-style-type: none;
	background-color: #709CC9;
	padding: 0 0 5px 5px;
}
#menu ul li {
	background: url(images/arrow.gif) no-repeat 0px 2px;
	color: #aaa;
	line-height: 14px;
	padding: 0 0 10px 15px;
}
html>body #menu ul li {
	padding-left: 20px;
	line-height: 14px;
}
#menu ul li:hover {
	background: url(images/arrow-hover.gif) no-repeat 0px 2px;
}
#menu ul li.current {
	background: url(images/arrow-hover.gif) no-repeat 0px 2px;
}
.logo        {
	margin: 5px 0 30px 5px;
}
#content {
	margin: 0 0 0 152px;
	padding: 0 0 0 10px;
	font-size: 100%;
	min-height: 550px;
}
.imagebox {
	border: 1px solid black;
}
#footer {
	clear: both;
	text-align: right;
	margin: 0 -2px 0 0;
	padding: 5px 5px 5px 0;
	background-color: #1F5D87;
	color: #fff;
	font-size: 75%;
	border-top: 1px solid black;
}
html>body #footer { margin: 0; }
#footer-left {
	float: left;
	text-align: left;
	padding-left: 5px;
}
#footer a {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover {
	/*color: #335588;*/
	color: #ead8d5;
}
p, p.caption {
	background-color: #fff;
	margin: 0;
	padding: 10px 10px 5px 10px;
	line-height: 1.80em;
}
p.caption {
    line-height: 1.0em;
    font-size: 75%;
}
.contactheading {
	background-color: #709CC9;
	color: #503733;
	margin: 0;
	padding: 0;
}
.contact {
	background-color: #709CC9;
	color: #fff;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 1.3em;
	font-size: 90%;
}

a:link {
	color: blue;
	text-decoration: none;
}
a:hover {
	color: #EDA416;
	text-decoration: underline;
}
a:active {
	color: #000066;
	text-decoration: none;
}
a:visited {
	color: #8F101C;
	text-decoration: none;
}
h1 {
	background-color: #fff;
	font-size: 1.1em;
	font-weight: 900;
	color: #000066;
	margin: 0;
	padding: 18px 5px 5px 10px;
}
h2 {
	background-color: #fff;
	font-size: 1.0em;
	font-weight: 900;
	color: #000066;
	margin: 0;
	padding: 18px 5px 5px 10px;
}
.right {
	float: right;
	margin: 15px 20px 10px 10px;
	border: 1px solid gray;
}
.right2 {
	float: right;
	margin: 75px 20px 10px 10px;
	border: 1px solid gray;
}
.right3 {
	float: right;
	margin: 45px 20px 10px 10px;
	border: 1px solid gray;
}
.left {
	float: left;
	margin: 20px 20px 10px 10px;;
}
.left2 {
	float: left;
	margin: 35px 20px 10px 10px;;
}
.panorama {
	float: left;
	margin: 35px 0px 10px 15px;
}
.panorama2 {
	margin: 20px 20px 10px 15px;
}
.panorama3 {
	float: left;
	margin: 35px 0px 10px 15px;
	border: 1px solid gray;
}
.map   {
		margin: 35px 0px 10px 15px;
		border: 1px solid gray;
}
.events {
	font-size: 0.95em;
	padding: 5px;
}
.row1a {
	width: 420px;
	vertical-align: top;
	border:0px dotted #BBD8F5;
	float: left;
	color: #000;
	margin: 0;
	padding: 3px 5px 5px 11px;
	background-color: #BDD5EE;
}
.row1b {
	width: 100px;
	vertical-align: top;
	text-align: center;
	border:0px dotted #BBD8F5;
	float: center;
	color: #000;
	margin: 0;
	padding: 3px 5px 5px 11px;
	background-color: #BDD5EE;

}
.row2a {
	width: 420px;
	vertical-align: top;
	border:0px dotted #6B9BE8;
	float: left;
	color: #000;
	margin: 0;
	padding: 3px 5px 5px 11px;
	background-color: #CCFFCC;
}
.row2b {
	width: 100px;
	vertical-align: top;
	text-align: center;
	border:0px dotted #6B9BE8;
	float: center;
	color: #000;
	margin: 0;
	padding: 3px 5px 5px 11px;
	background-color: #CCFFCC;
}
.imgcentre {
	margin: 0 5px 20px 5px;
}
#content .form {
	width:550px;
	margin: 10px 0 0 10px;
	padding: 5px 0 5px 0;
	background: #E8EFF6;
	border: 2px solid #f0f0f0;
}

.header2 {margin: 0; padding: 0px; font-size: 1.0em; font-weight:bold;}
.header3 {margin: 0; padding: 0px; font-size: 1.0em;}
.calendar {margin: 0; padding: 1px 10px 0 10px;}
table.calendarwrapper {border:0; padding: 10px 5px 5px 10px;}
table.calendarwrapper td {vertical-align: top; padding: 0; margin: 0;}
table.calendar {border: 0; background-color: #e8f8e8; padding: 0; margin: 0 7px 0 0;}
table.calendar td,
table.calendar th,
table.legend td,
table.legend th {text-align: center; border: 0px solid black; padding: 0; margin: 0;}
table.calendar th {/*height: 10px;*/ font-size: 0.8em; padding: 0 2px 0 2px;}
table.calendar td, table.legend td {/*width: 19px; height: 10px;*/ font-size: 0.7em; font-weight: bold;}
table.calendar .calendar-month {font-weight: bold; margin-top: 3px; font-size: 0.7em; text-align: center;}
table.calendar .calendar-month a {text-decoration: none;}
table.calendar td a {text-decoration: none; color: #000;}
table.calendar td a:hover {text-decoration: underline; color:blue;}
table.calendar .calendar-prev, table.calendar .calendar-next {font-weight: normal;}
table.calendar th {color: #006655; text-align: center;}
table.calendar td.linked-day {font-size: 0.7em;}
table.calendar td.booked-day, table.legend td.booked-day {background-color: gray; color: #666;}
table.calendar td.unavail-day, table.legend td.unavail-day {background-color: gray; color: #666;}
table.calendar td.provbook-day, table.legend td.provbook-day {background-color: #eee; color: #666;}
table.legend {border: 1px solid #ccc; padding: 0; margin: 0 7px 0 10px;}
table.legend td.avail-day {background-color: #e8f8e8; border: 1px solid #777;}
table.legend td.provbook-day {background-color: #eee; border: 1px solid #777;}
