/***************************************************/
/* RVH BW0  Default Black text on White Background */
/***************************************************/

/************* Standard Tag styles **************/
body {background: #FFF; MARGIN: auto; FONT-SIZE: 62.5%; FONT-FAMILY: Verdana, Arial, sans-serif; text-align: center}
p {color: #000000; font-size: 1.2em}
h1 {color: #000000; font-weight: 400; font-size: 1.8em}
h2 {color: #000000; font-size: 1.6em}
h3 {color: #000000; font-size: 1.4em}
h4 {color: #000000; font-size: 1.2em; font-weight: bold}
hr {color: #cccccc; background-color: #cccccc; height: 1px }
a:link {
	border: 0px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a:visited {color: #666666; text-decoration: none; font-weight: bold}
a:hover {color: #3366FF; text-decoration: underline; font-weight: bold}
ul.standard {color: #000000; font-size: 1.2em}
table {padding-left: 1em; padding-right: 1em; font-size: 1.2em}
table.main {
	border: 0px;
	border-collapse: separate;
	border-spacing: 2px;
	background-color: white;
}
table.main td {
	border: 0px;
	padding: 1px;
}
/************* Special Text styles **************/
.separator {color: #AAAAAA; text-decoration:none}
.style1 {color: #000000; font-weight:bold; font-size: 1.8em; text-align: right}
.style2 {color: #FF0000; font-weight:bold}
.style3 {color: #999999; font-size: 0.9em; font-weight:bold; text-align: right}
.style4 {color: #666666; font-size: 1.2em}
.style5 {color: #0000FF; font-weight:bold}
.style6 {color: #6666AA; font-weight:bold}
.style7 {color: #CC6666; font-weight:bold}
.style8 {color: #333333; font-size: 1.2em;}
.style9 {padding-left: 1em; font-size: 1.2em; font-weight: bold;}
#map {clear: both}

/************* Container style **************/
#container {
	POSITION: inherit;
	top: 0em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #FFF;
	width: 77em;
}

/************* Header styles **************/
#header {
	position: relative;
	text-align: left;
	top: -0.5em;
	z-index: 4;
	visibility: visible;
	padding: 0em 0em 2.8em 0em;
	border-bottom: 1px #cccccc solid;
}
#top {position: relative; height: 2em; top: 1em; text-align: right; font-size: 1.1em; visibility: visible}
#sitename {position: relative; text-align: left; left: 0em; top: 0.3em; z-index: 4; text-align: left; visibility:visible; font-size: 1.8em}
#topics {position: relative; top: -4em; text-align: right; font-size: 1.1em }
#logo {position: relative; text-align: right; left: 31.5em; top: -4.6em; height: 2em; z-index: 4; visibility:visible}
#logo IMG {VERTICAL-ALIGN: bottom; WIDTH: 20em; HEIGHT: 5em}
#infolist {position: relative; text-align: right; left: 31.5em; top: -4.6em; height: 2em; z-index: 4; visibility:visible}
#banner {position: relative; height: 10.4em; z-index: 3; left: 0em; top: -0.4em; visibility:visible; padding-bottom: 0.3em; clear: both}
#banner IMG {VERTICAL-ALIGN: bottom; WIDTH: 77em; HEIGHT: 10.4em}

/************* Menu styles **************/
#menu {float: left; z-index: 15; left: 0em; top: 1.9em; text-align: left; font-size: 1.2em; visibility: visible}
#home {position: relative; height: 2em; z-index: 10; left: 0em; top: 1em; visibility: visible}
#location {position: relative; height: 2em; z-index: 11; left: 6em; top: 0em; visibility: visible}
#news {position: relative; height: 2em; z-index: 15; left: 13em; top: -3em; visibility: visible}
#activities {position: relative; height: 2em; z-index: 16; left: 23em; top: -5em; visibility: visible}
#facilities {position: relative; height: 2em; z-index: 12; left: 30.5em; top: -7em; visibility: visible}
#bunkhouse {position: relative; height: 2em; z-index: 13; left: 38.2em; top: -9em; visibility: visible}
#bookings {position: relative; height: 2em; z-index: 14; left: 46.5em; top: -11em; visibility: visible}
#links {float: right; z-index: 15; left: 0em; text-align: right; font-size: 1.2em; visibility: visible}

/************* Toolbar styles **************/
#toolbar {
	position: relative;
	height: 2em;
	left: 0em;
	top: -0.4em;
	text-align: left;
	font-size: 80%;
	visibility: visible;
	clear: both;
	margin-bottom: 0em;
}
#breadcrumb{float: left; color: #666666; width: 30%; top: 0em; visibility: visible; padding: 0.2em 0 0 0}
#strapline{float: left; color: #666666; text-align: left; left: -2em; top: 0em; visibility: visible; padding: 0 0 0 0}
#tools {float: right; color: #999999; font-size: 1em; text-align: right; width: 25%; top: 0em; visibility: visible}
#meetinglist {float: left; visibility: visible; padding: 0 0 0 1.5em;}
#getadobereader {float: right; visibility: visible; padding: 0 0.8em 0 0;}
.printButton, .emailButton, .rssButton {margin-left: 0em; top: 0em}
.printButton img {width: 1.7em; height: 1.7em}
.emailButton img {width: 1.7em; height: 1.7em}
.rssButton img {width: 1.5em; height: 1.5em}

/************* Home Page Left Panel styles **************/
#leftpanel {float: left; width: 20%; padding-top: 0.5em; z-index: 6; text-align: left}
.navBar {position: relative;text-align: left;padding: 0em 0 0px 0px; border: 1px solid #dddddd; }
.heading {color: #000000; font-size: 1.2em; height: 1.5em; font-weight: bold; top: -0.5em; padding-left: 0.7em; padding-bottom: 0.5em}

/*********** #navBar link styles ***********/
.navBar ul a:link, .navBar ul a:visited {display: block;}
.navBar ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
.navBar li {border-bottom: 1px solid #EEEEEE;}
/* fix for browsers that don't need the hack */
html>body .navBar li {border-bottom: none;}

/*********** #sectionLinks styles ***********/
.section {position: relative; height: 2em; text-align: left; padding: 0.25em 0.3em 0.25em 0.3em;}
#sustainhead {float:left; text-align:left; color: #000000; font-size: 1.2em; font-weight: bold; padding-left: 0.2em; padding-top: 0.2em}
#sustainlinks {display:block; overflow:hidden; text-align: left; font-size: 1em; padding: 0em 0em 0em 0em; clear:both;}
#sustainlinks a {display: block; border-top: 1px solid #dddddd;	padding: 2px 0px 2px 15px;}
#sustainlinks a:hover{background-color: #dddddd;}
#bunkhousehead {float:left; text-align:left; color: #000000; font-size: 1.2em; font-weight: bold; padding-left: 0.2em; padding-top: 0.2em}
#bunkhouselinks {display:block; overflow:hidden; text-align: left; font-size: 1em; padding: 0em 0em 0em 0em; clear:both;}
#bunkhouselinks a {display: block; border-top: 1px solid #dddddd;	padding: 2px 0px 2px 15px;}
#bunkhouselinks a:hover{background-color: #dddddd;}
#communityhead {float:left; text-align:left; color: #000000; font-size: 1.2em; font-weight: bold; padding-left: 0.2em; padding-top: 0.2em}
#communitylinks {display:block; overflow:hidden; text-align: left; font-size: 1em; padding: 0em 0em 0em 0em; clear:both;}
#communitylinks a {display: block; border-top: 1px solid #dddddd;	padding: 2px 0px 2px 15px;}
#communitylinks a:hover{background-color: #dddddd;}
.sectionLinks {position: relative;margin: 0px;padding: 1em 0 0 0;}
.sectionLinks h3{padding: 0px 0px 2px 10px;}
.sectionLinks h4{padding: 0px 0px 0px 10px;}
.sectionLinks a {display: block;border-top: 1px solid #dddddd;	padding: 2px 0px 2px 15px;}
.sectionLinks a:hover{background-color: #dddddd;}

/************* Content Panel styles **************/
#main {
	margin: 1em 0 0 0;
	top: 0.1em;
	text-align: center;
	clear: both;
}
#next {position: relative; text-align: left;  padding-left: 10px; font-size: 1.6em; font-family: arial; font-weight: bold; color: #FF0000; }
#maintable {text-align: center; padding-left: 0.5em; }
#content {position: relative; text-align: left; z-index: 5; left: 0em; top: 0em; visibility: visible; clear: both}	
#homecontent {
	margin: 2em auto auto auto;
	float: left;
	text-align: center;
	z-index: 7;
	width: 60%;
	top: 3em;
	visibility: visible;
}	
#homecontentheader {position: relative; text-align: center; z-index: 7; width: 407px; height: 42px; margin-top: 0.4em; padding-top: 0.2em; visibility: visible; background-image:url('/images/whistbanner.gif');background-repeat:no-repeat; }
#banad {position: relative; font-size: 0.84em; height: 4.2em; z-index: 3; left: 0em; top: 0em; visibility:visible; clear: both}
#banad IMG {VERTICAL-ALIGN: bottom; WIDTH: 40.7em; HEIGHT: 4.2em}
#content h2{font-size: 1.8em}
#mainimage {text-align: center;}
#mainimage IMG {VERTICAL-ALIGN: bottom; WIDTH: 35.0em; HEIGHT: 35.0em;}
#mainleft {text-align: center;}
#mainleft IMG {VERTICAL-ALIGN: bottom; WIDTH: 9.1em; HEIGHT: 6.7em;}
#mainright {text-align: center;}
#mainright IMG {VERTICAL-ALIGN: bottom; WIDTH: 23.8em; HEIGHT: 32.3em;}
#pageinfo {text-align: left; padding-left: 1em; padding-right: 1em; padding-top: 0em; padding-bottom: 0.1em}
#pageleft {padding-left: 1em; padding-right: 1em; padding-top: 0em; padding-bottom: 0.1em; float: left; width: 40em}
#pageright {padding-left: 1em; padding-right: 1em; padding-top: 0em; padding-bottom: 0.1em; float: right; width: 20em}
#pagetitle {text-align: left}
#pagesubtitle {position: relative; text-align: left; padding-left: 1em; padding-right: 1em; padding-top: 0em; padding-bottom: 0.1em;}
.indent {padding-left: 2em; padding-right: 0em; padding-top: 0em; padding-bottom: 0em}
#table1{font-size: 1.2em}
#availability {position: relative; visibility:visible; padding: 0; border: 1px solid #cccccc;}
#mainItem {margin-left: 10px; margin-right:10px; padding-left: 10px; padding-top:10px; padding-bottom:10px;

	border: 1px orange solid;
}
/************* Location Page styles **************/
#locheader {left: 0em; top: 1em}
#loctxt {float: left; width: 60em; padding-top: 2.4em; visibility:visible}
#locmap {float: right; width: 10em; top: 0em; padding-top: 1em; visibility:visible}
#locmap IMG {VERTICAL-ALIGN: bottom; WIDTH: 11.6em; HEIGHT: 10em}
#map {position: relative; visibility:visible; clear: both}


/************* Event Page styles **************/
#eventarchive {float: right; top: 0em; padding: 0em; visibility:visible; text-align: right; font-size: 1.2em}
.eventheader {left: 0em; top: 2em; height: 2em; font-size: 1.2em}
.eventname {float: left; top: 1em; height: 2em; color: #FF0000; font-weight:bold; width: 20em}
.eventdate {float: right; top: 1em; height: 2em; color: #999999; font-size: 0.9em; font-weight:bold; text-align: right; width: 20em}
.eventbody {padding-bottom: 0.5em; top: 2em; font-size: 1em; clear: both}
.eventinfo {background: #ffeeee; top: 2em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em}

/************* News Page styles **************/
.itemheader {left: 0em; top: 2em; height: 2em; font-size: 1.2em}
.itemname {float: left; top: 1em; height: 2em; color: #0000FF; font-weight:bold; width: 20em}
.itemdate {float: right; top: 1em; height: 2em; color: #999999; font-size: 0.9em; font-weight:bold; text-align: right; width: 20em}
.itembody {padding-bottom: 0.5em; top: 2em; font-size: 1em; clear: both}
.iteminfo {background: #eeeeff; top: 2em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em}

/************* Home Page Right Panel styles **************/
#rightpanel {float:right; width: 20%; padding-top: 0.5em; z-index: 6; text-align: left}
.headlines {position: relative;text-align: left; font-size: 90%;background-color: #EEEEFF;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd;padding: 0.5em 0.5em 1em 0em;}
.headline {position: relative; height: 2em; text-align: left; font-size: 90%; background-color: #EEEEFF; border: 1px solid #dddddd; padding: 0.25em 0.3em 0.25em 0.3em;}
.toggle {float:right; text-align:right; padding: 0.2em 0.1em 0.1em 0.1em;}
#search {float:left; text-align:left; color: #000000; font-size: 1.2em; font-weight: bold; padding-left: 0.2em; padding-top: 0.2em}
#searchitem {display:block; overflow:hidden; background-color: #EEEEFF; text-align: left; color: #000000; font-size: 1em; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd; padding: 0em 0.2em 0em 0em; clear:both;}
#share {float:left; text-align:left; color: #000000; font-size: 1.2em; font-weight: bold; padding-left: 0.2em; padding-top: 0.2em}
#shareitem {display:none; overflow:hidden; background-color: #EEEEFF; text-align: left; color: #000000; font-size: 1em; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd; padding: 0.4em 0.2em 0em 0.8em; clear:both;}
#latestnews {float:left; text-align:left; color: #0000FF; font-size: 1.2em; font-weight: bold; }
#latestnewshead {float:left; text-align:left; color: #0000FF; font-size: 1.2em; font-weight: bold; padding-left: 0.2em; padding-top: 0.2em}
#latestnewsitem {display:block; overflow:hidden; background-color: #EEEEFF; text-align: left; color: #000000; font-size: 1em; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd; padding: 0.4em 0em 0em 0.8em; clear:both;}
#nextevent {float:left; text-align:left; color: #FF0000; font-size: 1.2em; font-weight: bold; }
#nexteventhead {float:left; text-align:left; color: #FF0000; font-size: 1.2em; font-weight: bold; padding-left: 0.2em; padding-top: 0.2em}
#events {display:block; overflow:hidden; background-color: #EEEEFF; text-align: left; color: #000000; left: -4em; font-size: 0.8em; font-weight: bold; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd; padding: 0.4em 0em 0em 0.8em; clear:both;}
#feature {float:left; text-align:left; color: #000000; font-size: 1.2em; font-weight: bold; padding-left: 0.2em; padding-top: 0.2em}
#featureitem {display:none; overflow:hidden; background-color: #EEEEFF; text-align: left; color: #000000; font-size: 1em; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd; padding: 0.4em 0em 0em 0.8em; clear:both;}
#tide {float:left; text-align:left; color: #FF0000; font-size: 1.2em; font-weight: bold; padding-left: 0em; padding-top: 0em}
#tidesitem {display:none; overflow:hidden; background-color: #EEEEFF; text-align: left; color: #000000; font-size: 1em; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd; padding: 0.4em 0em 0em 0.8em; clear:both;}
.item {color: #000000; font-size: 1.1em; top: 2em; left: 1.5em; padding-left: 1.2em; padding-top: 0.5em}
#validate {float:left; text-align:left; color: #999999; font-size: 1.2em; font-weight: bold; padding-left: 0.2em; padding-top: 0.2em}
#validation {display:none; overflow:hidden; background-color: #EEEEFF; text-align: left; color: #999999; font-size: 1em; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd; padding: 0.4em 0em 0em 0.8em; clear:both;}
#validation IMG {WIDTH: 8.8em; HEIGHT: 3.1em;}

/************** Booking Form styles **************/
#booking_form {padding-left: 0.1em; padding-right: 0.1em; padding-top: 0.1em; padding-bottom: 0.1em; background-color: #EEEEFF;border-top: 1px solid #cccccc;border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;}
#buttonbox {height: 2em; width:140px; text-align: center; background-image:url('/images/submit_div.gif');background-repeat:no-repeat; font-size: 90%; background-color: #EEEEFF; border: 1px solid #dddddd; padding-left:0.3em; padding-right:0.3em; padding-top:0.25em; padding-bottom:0.25em;}
#submit_button {display:none;float:left;}
#reset_button {float:right;}

/************** #advert styles **************/
#banad {position: relative; width: 47em; height: 4.2em;text-align: right; background-image:url('/images/quizbanner.gif'); background-repeat:no-repeat; font-size: 1.6em; border: 1px solid #dddddd; padding-right:0.3em; padding-top:0.25em; padding-bottom:0.25em;}
#advert{padding: 0em 0em 0em;}
#advert img{display: block;}

/************* Footer styles **************/
#sponsor {position: relative; width: 76.4em; height: 6.5em; z-index: 6; top: 0.5em; visibility: visible; color: #666666; padding-top: 0.2em; border-top: 1px solid #cccccc; clear: both;}
#sponsor IMG {VERTICAL-ALIGN: bottom; WIDTH: 76.4em; HEIGHT: 6.5em;}
#footer {position: relative; z-index: 6; top: 0.5em; visibility: visible; color: #666666; font-size: 1.1em; padding-top: 0.5em; border-top: 1px solid #cccccc; width: 100%; }
#copyright {float: left; text-align: left; width: 40%; height: 2em; z-index: 7; top: 1em; visibility: visible}
#charity {float: left; text-align: center; width: 30%; height: 2em; z-index: 9; top: -1em; visibility: visible}
#contact {float: right; text-align: right; width: 10%; height: 2em; z-index: 9; top: -3em; visibility: visible}