* {
	margin: 0; padding: 0;
}
body {
	background-color: #DFE9EE;
	font-size: 76%;
	text-align: center;
	margin-bottom: 15px;
	font-family: Helvetica, Arial, sans-serif;
}
img {
	border: 0 none;
}
.underl {
	text-decoration: underline;
}
h1/*page headings with right bg img*/ {
	font-size: 240%;
	color: #660000;
	clear: left;
	text-align: left;
	background:no-repeat right bottom url(../images/headingsidetrebuchet.jpg);
	height: 35px;
	padding-top: 20px;
	margin-bottom: 40px;
}
h2/*index page text*/ {
	color: #660000;
	font-size: 150%;
	text-align: left;
}
p {
	font-size: 110%;
	color: #663333;
	line-height: 1.4;
	text-align: left;
	margin: 0 20px;
}
a:link, a:visited {
	color: #660000;
	text-decoration: none;
}
a:hover, a:focus {
	color: #CC0000;
	text-decoration: none;
}
a:active {
	color: #990000;
	text-decoration: none;
}
#nav {
	list-style: none;
	margin-left: 0px; /*removes gap before nav list, both needed?*/
	padding-left: 0px;
	padding-top: 13px; /*used padding instead of margin cos IE added margin below as well!?*/
}
#nav li {
	font-size: 105%;
	border-top: 1px solid #003300;
	float: left;
}
#nav a {
	display: block;
	padding: 4px 8px;
	color: #663333;
	text-decoration: none;
	font-weight: bold;
}
#nav a:hover, a:focus, a:active {
	color: #663333;
	background-color: #CCCCFF;
}
body#house #houselink a, body#countryside #countrysidelink a, body#contact #contactlink a, body#rates_map #ratesmaplink a, body#activities #activitieslink a, body#links #linkslink a {
	color: #663333;
	background-color: #FFFFFF;
}
.container {
	width: 640px;
	margin: 0 auto;
}
.containercontainer { /*centred bg image only see sides in bigger browser because widths in %, make pages look better in bigger browses without causing horz scrollbars*/
	background: repeat-y center url(../images/bgimage2.gif);
	width:100%;
}

.textbox {
	background-color: #FFFFCC;
	border: 2px solid #663333;
	width: 620px;
	text-align: left;
	margin-right: 20px;
}
.imagecontainer {
	text-align: left;
	padding: 14px 0;
}
.textbox1 {
	background:no-repeat url(../images/textbox1.gif);
	height: 12px;
	width: 620px;
	margin-right:20px;
}
.textbox2 {
	background:repeat-y url(../images/textbox2.gif);
	width: 620px;
	margin-right:20px;
}
.textbox3 {
	background:no-repeat url(../images/textbox3.gif);
	height: 12px;
	width: 620px;
	margin-right:20px;
}
/*textbox 4 and 5 smaller box top and bottom*/
.textbox4 {
	background:no-repeat url(../images/textbox4.gif);
	height: 7px;
	width: 620px;
	margin-right:20px;
}
.textbox5 {
	background:no-repeat url(../images/textbox5.gif);
	height: 7px;
	width: 620px;
	margin-right:20px;
}
/*previously embedded-*/
.flagandtext {
	margin:4px 0 25px 0;
}
.indexflags {
	float:left;
	padding-right: 10px;
}
.headingpic {
	padding-bottom: 30px;
	padding-top: 45px;
	text-align: left;
}
.vertpositenter {
	text-decoration:underline;
	line-height:2.2;
}
.websitebytb {
	font-size:100%;/*valid to put 100% I think, it must override default size*/
	float:right;
	padding:5px 0 20px 0;
}
.tb {
	color:#000099;
	font-weight:bold;
}
.websitebytb a:hover {
	color:#000099;
	text-decoration:underline;
}
.firstflag {
	float:left;
	margin: 20px 30px 0 0;
}
.secondflag {
	margin-top: 20px;
}
.indeximage {
	text-align: left;
	margin: 11px 0 27px 0;
}
.contactimg {
	margin: 16px 0 0 9px;
	text-align:left;
}
.actimgs {
	border: 0px solid #FFFFFF;
	margin: 6px 4px 6px 4px;
}
.actimgscont {
	margin: 10px 0;
}
.mapleft {
	padding-right: 20px;
}
.mapcontainer {
	margin-left:9px;
	text-align:left;
}
.indexh1width {
	width:500px;
	padding-right: 140px;
}