/********************************************************/
/* RVH BB2  Larger Black text on Light Blue Background */
/********************************************************/

/************* Standard Tag styles **************/
body {background: #DDDDFF; MARGIN: auto; FONT-SIZE: 81%; FONT-FAMILY: Verdana, sans-serif; text-align: center}
p {color: #000000; font-size: 1.2em}
h1 {color: #000000; font-decoration: none; font-weight: 400; font-size: 1.8em}
h2 {color: #000000; font-decoration: none; font-size: 1.6em}
h3 {color: #000000; font-size: 1.4em}
h4 {color: #000000; font-size: 1.2em; font-weight: bold}
hr {color: #000000; background-color: #DDDDFF; height: 1px }
a:link {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 {color: #000000; font-size: 1.2em}
table {color: #000000; padding-left: 1em; padding-right: 1em; font-size: 1.2em}

/************* Special Text styles **************/
.separator {color: #AAAAAA; text-decoration:none}
.style2 {color: #FF0000; font-weight:bold}
.style3 {color: #999999; font-size: 0.9em; font-weight:bold; text-align: right}
.style4 {color: #000000; 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;}

/************* Container style **************/
#container { POSITION: relative; top: 0em; margin-left: auto; margin-right: auto; text-align: center; background:#DDDDFF; 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 solid #000000;}
#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}
#breadcrumb{float: left; color: #666666; padding: 0.2em 0 0 0}
#tools {float: right; color: #999999; font-size: 1.1em; text-align: right; visibility: visible}
.printButton, .emailButton, .rssButton {margin-left: 0em; top: 2em; font-size: 90%}
.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 5px;background-color: #DDDDFF;border-top: 1px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;}
#heading {color: #000000; font-size: 1.2em; height: 1.5em; font-weight: bold; top: -0.5em; padding-left: 0.2em; 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 #DDDDFF;}
/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*********** #sectionLinks styles ***********/
#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 #000000;	padding: 2px 0px 2px 15px;}
#sectionLinks a:hover{background-color: #DDDDFF;}

/************* Content Panel styles **************/
#main {top: 0.1em; text-align: center; clear: both}
#content {position: relative; text-align: left; z-index: 5; left: 0em; top: 0em; visibility: visible; clear both}	
#homecontent {float: left; text-align: center; z-index: 7; width: 59%; top: -2em; visibility: visible}	
#content h2{font-size: 1.8em}
#mainimage {text-align: center;}
#mainimage IMG {VERTICAL-ALIGN: bottom; WIDTH: 35.8em; HEIGHT: 26.6em}
#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{align: center; font-size: 1.2em}

/************* Location Page styles **************/
#locheader {left: 0em; top: 1em}
#loctxt {float: left; width 40em; 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}
#gowermap {position: relative; text-align: right; visibility:visible; clear: both}
#gowermap IMG {VERTICAL-ALIGN: bottom; WIDTH: 75em; HEIGHT: 43.6em}

/************* Event Page styles **************/
#eventheader {left: 0em; top: 2em; height: 2em; font-size: 1.2em}
#eventname {float: left; top: 1em; height: 2em; color: #000000; font-weight:bold; width 20em}
#eventdate {float: right; top: 1em; height: 2em; color: #000000; 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: DDDDFF; 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: #000000; font-weight:bold; width 20em}
#itemdate {float: right; top: 1em; height: 2em; color: #000000; 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: DDDDFF; 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: #DDDDFF;border-top: 1px solid #000000;border-left: 1px solid #000000;border-bottom: 1px solid #000000;padding: 0.5em 0.5em 1em 0em;}
#headline {color: #000000; font-size: 1.2em; font-weight: bold; padding-left: 0.8em; padding-top: 0.5em}
#latestnews {color: #000000; font-size: 1.2em; font-weight: bold; padding-left: 0.8em; padding-top: 0.5em}
#nextevent {color: #000000; font-size: 1.2em; font-weight: bold; padding-left: 0.8em; padding-top: 0.5em}
#item {color: #000000; font-size: 1.1em; top: 2em; left: 1.5em; padding-left: 1.2em; padding-top: 0.5em}

/************** #advert styles **************/
#advert{padding: 0em 0em 0em;}
#advert img{display: block;}

/************* Footer styles **************/
#footer {position: relative; z-index: 6; top: 0.5em; visibility: visible; color: #666666; font-size: 1.1em; clear: both; padding-top: 0.2em; border-top: 1px solid #000000; width: 100%}
#copyright {float: left; text-align: left; width: 40%; height: 2em; z-index: 7; top: 0em; visibility: visible}
#charity {float: left; text-align: center; width: 30%; height: 2em; z-index: 9; top: -2em; left: 6em; visibility: visible}
#contact {float: right; text-align: right; width: 20%; height: 2em; z-index: 9; top: -4em; visibility: visible}