@charset "utf-8";
/* CSS Document */

*{ margin: 0; padding: 0; }
body {
	background-color: #ffffff;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #444444;
}

#pagewrap {
	width: 900px;
	margin: 0px auto 0;
}
#topright {
	float: right;
	width: 450px;
	height: 62px;
}
#topright img {	float: right; }
#topleft {
	float: left;
	height: 62px;
	width: 450px;
	position: relative;
}
#topright.indextop, #topleft.indextop { height: 72px; }
#topleft p {
	margin: 0; padding: 0;
	bottom: 0px;
	position: absolute;
	color: #800080;
}
#topleft a, #leftcol a { color: #800080; font-weight: bold; text-decoration: none; }
#topleft a:hover, #leftcol a:hover { text-decoration: underline; }
#topleft a.currentpage { color: #808080; }
#pagebanner {
	width: 100%;
	float: left;
	margin: 5px 0 0;
	background-position: bottom;
	background-color: #330099;
}
#pagebanner.indexbanner { height: 155px; background-image: url(../images/banners/welcome3.jpg); }
#pagebanner.aboutbanner { height: 135px; background-image: url(../images/banners/about1.jpg); }
#pagebanner.staybanner { height: 135px; background-image: url(../images/banners/staybanner01.jpg); }
#pagebanner.todobanner { height: 135px; background-image: url(../images/banners/todo01.jpg); }
#pagebanner.toseebanner { height: 135px; background-image: url(../images/banners/tosee01.jpg); }


#linksbar {
	width: 900px;
	height: 22px;
	float: left;
	margin: 0;
	padding: 5px 0px;
	position: relative;
	background-color: #ffffff;
}
#linksbar a:link, #linksbar a:visited, #linksbar a:active, #linksbar a:hover {
	color: #800080;
	font-weight: bold;
}
#linksbar a.currentpage:link, #linksbar a.currentpage:visited, #linksbar a.currentpage:active, #linksbar a.currentpage:hover {
	color: #808080;
	font-weight: bold;
}

#mainbody {
	width: 900px;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 360px;
	background-color: #ffffff;
}
#mainbody.indexbody { background-image: url(../images/bleedbw1.jpg); }
#mainbody.aboutbody { background-image: url(../images/backgrounds/aboutfade1.jpg); }
#mainbody.staybody { background-image: url(../images/wheretostay/snowback.jpg); }
#mainbody.todobody { background-image: url(../images/IMG_6806fade.jpg); }
#mainbody.toseebody { background-image: url(../images/backgrounds/treefade1.jpg); }

#indexleft { float: left; width: 675px; height: 360px; position: relative; }
#indexleft p { margin: 20px; margin-top: 10px; color: #4c7d0c; text-align: justify; font-size: 110%;}
#indexleft p span { font-size: 170%; }
#indexbuttons { position: absolute; bottom: 0; width: 500px; height: 210px; }
#indexbuttons a { 	float: left; width: 192px; height: 81px;
					margin-left: 22px; margin-right: 10px; margin-top: 15px;  }
#indexbuttons a.accommodation { background-image: url(../images/button1.png); }
#indexbuttons a.accommodation:hover { background-image: url(../images/button1a.png); }
#indexbuttons a.food { background-image: url(../images/button3.png); }
#indexbuttons a.food:hover { background-image: url(../images/button3a.png); }
#indexbuttons a.about { background-image: url(../images/button4.png); }
#indexbuttons a.about:hover { background-image: url(../images/button4a.png); }
#indexbuttons a.activities { background-image: url(../images/button2.png); }
#indexbuttons a.activities:hover { background-image: url(../images/button2a.png); }

#indexright { float: left; width: 225px; height: 350px; }

#leftcol {
	float: left;
	width: 135px;
}
#leftcol a:link, #leftcol a:visited, #leftcol a:active, #leftcol a:hover, #leftcol p {
	color: #800080;
	font-weight: normal;
	font-size: 100%;
	padding: 0px;
	margin: 0 0 15px;
}
#leftcol a.currentpage:link, #leftcol a.currentpage:visited, #leftcol a.currentpage:active, #leftcol a.currentpage:hover {
	color: #808080;
}
#leftcol p.currentpage { color: #808080; }/** This keeps the little arrows the same colour as the link **/
#centrecol {
	width: 585px;
	float: left;
}
#rightcol {
	width: 180px;
	float: right;
	background-color:#e7ece1;
}
#fullrightcol {
	float: right;
	width: 765px;
}
/***** FOOTER STUFF *****/
#foot {
	width: 900px;
	display: block;
	margin-top: 5px; 
	float: left;
}
#foot p { font-size: 90%; color: #444; }
#leftfooter { float: left; width: 549px; height: 25px; }
#leftfooter p {	text-align: left; margin: 4px 3px 0px; }
#rightfooter {
	float: right;
	width: 349px;
	height: 25px;
}
#rightfooter p { text-align: right; margin: 4px 3px 0px; }
#rightfooter a:link, #rightfooter a:visited, #rightfooter a:active, #rightfooter a:hover {
	color: #0066cc;
	font-weight: normal;
}
.indexfoot { background-color: #bfabac; }
.aboutfoot { background-color: #abbb99; }
.todofoot { background-color: #bfabac; }
.stayfoot { background-color: #cccccc; }
#footspace { height: 20px; width: 900px; float: left; background-color: #fff; }