.menutext {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 35px;
}
#menu {
	vertical-align: top;
	background: url(images/frontpage1_02.jpg) no-repeat;
}
#main {
	vertical-align: top;
	background: url(images/frontpage1_03.jpg) no-repeat;
}
.maintext {
	font: 12px Arial, Helvetica, sans-serif;
	color: #005B7D;
	padding-right: 40px;
	padding-left: 25px;
}
#foot {
	background: url(images/frontpage1_05.jpg) no-repeat;
	vertical-align: top;
	padding-left: 33px;
}
.foottext {
	font: bold small Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#menu a
{
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
/* This one is used to make it show which page you are on.
You have to make the a ref into this class */
#menu a.thispage
{
	color: #005B7D;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
/* Menu items that have mouse over or focus have a blue background and white text */
#menu a:hover
{
	background-color: #000033;
	color: #FFF;
}
#area a
{
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#area a:hover
{
	background-color: #000033;
	color: #FFF;
}
#bookings a
{
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#bookings a:hover
{
	background-color: #000033;
	color: #FFF;
}
#rooms {
	vertical-align: top;
	background: url(images/roomspage_03.jpg) no-repeat;
}
#area {
	vertical-align: top;
	background: url(images/attractions_03.jpg) no-repeat;
}
#bookings {
	vertical-align: top;
	background: url(images/bookings_03.jpg) no-repeat;
}