/* CSS Document */

html{overflow-y: scroll;}

/*  - CONSTRUCTOR DIVS - CONSTRUCTOR DIVS - CONSTRUCTOR DIVS - CONSTRUCTOR DIVS - */

.thumbstab {
	text-align: right;	
	float: right;
}

.clear {
clear: both;
}

.gallerytab {
	text-align: left;
}

div.slideInfoZone h2 a{
text-decoration: underline;
}

.photolabel {
	font-style: italic;	
}

.leftpic {
	float: right;
	clear: none;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
	
	.blocked p {
	display: block;
	margin-bottom: 100px;
	}
	
.benchleftpic {
	float: right;
	clear: none;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
	
	#container #content #mainpanel #maincontent .demo #tabs h4 {
	color: #942F1B;		
	}
	
	#container #content #mainpanel #maincontent .demo #tabs #tabs-3 a:link {
	color: #897C5C;
	font-weight: normal;
	}
	
	#container #content #mainpanel #maincontent .demo #tabs #tabs-3 a:visited {
	color: #897C5C;	
	font-weight: normal;
	}
	
	
.benchrightpic {
	float: left;
	clear: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
	
.rightpicpots {
	float: right;
	clear: both;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
	
.leftpicleft2 {
	float: right;

	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	}
	
	.name {
	color: #942F1B;		
		
	}
	
	
	.quotes {
	font-style: italic;		
		
	}
	
	
	
	
	.leftpicleft {
	float: right;
	clear: right;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;	
	}
		
.rightpic {
	float: left;
	clear: none;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
	
.musicrightpic {
	float: left;
	clear: none;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	
.leftpicpots {
	float: left;
	clear:none;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
	
	.lastpicleft {
	float: left;
	clear:both;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top:-300px;
	}
	
	
.rightpictop {
	float: left;
	clear: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	
	}
	
	.leftpictop {
	float: right;	
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;	
	}
	
.rightpic2 {
	float: left;
	clear: both;
	
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
	
	.centreimage {
	text-align: center;		
		
		
	}
	
.2000pic {
	float: left;
	clear: both;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	}


#exhibitpic1 {
	background-image: url(images/exhibit01.png);
	background-repeat: no-repeat;
	float: right;
	height: 132px;
	width: 255px;
}


#tool {
	background-image: url(images/tool.png);
	height: 483px;
	width: 123px;
	position: absolute;
	top: -150px;
	right: -85px;
}

#tool2 {
	background-image: url(images/tool2.png);
	height: 483px;
	width: 123px;
	position: absolute;
	top: -150px;
	left: -85px;
}

#container {
	width: 758px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	background-position:top;
	background-color: #BDA17A;
	line-height: 1em;
	color: #666;
	background-image: url(gradient.png);
	background-repeat: repeat-x;
	margin: 0em;
	}
h1 {
	font-size: 1.6em;
	line-height: 1.8em;
}
h2 {
	font-size: 1.4em;
	line-height: 1.6em;
}
h3 {
	font-size: 1.2em;
}


a:visited {
	font-weight: bold;
	color: #897C5C;
	text-decoration: none;
}
a:link {
	font-weight: bold;
	color: #897C5C;
	text-decoration: none;
}

#header {
	width: 762px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/backtile.jpg);
	background-repeat: repeat;
}

.centreme {
	text-align: center;	
}

.linkme {
	background-image: url(images/10.png);
	background-repeat: repeat;
	padding: 25px;
}

.linkmenoimg {
	background-image: url(images/10.png);
	background-repeat: repeat;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#maincontent .commsintro {
	background-image: url(images/10.png);
	background-repeat: repeat;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#oaktext {
	width: 300px;
	position: relative;
	left: 250px;
	top: -155px;
}

#oakbench {
	width: 300px;
	position: relative;
	left: 285px;
	top: -100px;
}

#oakbenchtext {
	width: 225px;
	position: relative;
	top: -200px;
	left: 15px;
}
#benchpics {	
	position: relative;
	top: -165px;
	
}

#oakbenchtext2 {
	width: 260px;
	position: relative;
	left: 285px;
	top: -255px;
}


/*   - NAVBAR - NAVBAR - NAVBAR - NAVBAR - NAVBAR - NAVBAR - NAVBAR - NAVBAR -  */

#navbar {
	width: 744px;
	margin-right: auto;
	margin-left: 30px;
	float: left;
	height: 31px;
	padding: 0;
	margin-top: 4px;
	}
#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #80844d;
	}
#navbar li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	color: #FFFFFF;
	}
#navbar li a {
	float: left;
	text-decoration: none;
	border: none;
	padding-right: 21px;
	padding-left: 21px;
	padding-top: 6px;
	padding-bottom: 10px;
	color: #FFFFFF;
	font-weight: normal;
	}
	#navbar li a:visited {
	font-weight: normal;
	}
#navbar li a:hover {
	background-image: url(images/navbg.png);
	background-repeat: repeat;		
	
	}
#navbar li a.active {
	font-weight: bold;
	color: #292D34;
	background-color: #FFFFFF;
	}
#navbarcontainer {
	width: 760px;
	height: 35px;
	background-repeat: repeat-y;
	background-image: url(images/navbarbg.png);
}

/*  - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - */

#footer {
	height: 19px;
	background-repeat: repeat;
	background-position: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #E0E1CF;
	text-align: center;
	padding-top: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	background-image: url(images/backtilemain.png);
	width: 761px;
}
#footer a {
	color: #E0E1CF;
	font-weight: bolder;
}


#maincontent {
	background-image: url(images/backtilemaincontent.png);
	padding-top: 1px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
}

#topbanner {
	height: 108px;
	width: 760px;
}
#slideshowcontainer {
	height: 282px;
	width: 760px;
	margin-top:4px;
}
#sidepanel {
	height: 350px;
	width: 138px;
	float: left;
	overflow: hidden;
}
#mainpanel {
	width: 670px;
	position: relative;
	padding-top: 25px;
	padding-right: 45px;
	padding-left: 45px;
	text-align: justify;
	padding-bottom: 25px;
	background-image: url(images/backtilemain.png);
	background-repeat: repeat;
}
#filler {
	width: 762px;
	}
	
.bullets

{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
    background: url(bullet3.png) no-repeat; 
	padding-left: 24px;
	margin-bottom: 12px
}

.indent

{
	padding-left: 23px;
}

.dotmyline

{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #7C8051;
	padding-bottom: 8px;
	color: #A17B54;
}
#mainpanel span {
	text-decoration: none;
	color: #942F1B;
	font-weight: bold;
}

#container #content #mainpanel #maincontent li {
	color: #333;
	
}

.tabintro {
	font-weight: lighter;
	color: #330;
}

.para2 {
	
	
	padding: 20px;	
	text-align: justify;
	background-image: url(images/backtilemain.png);
	background-repeat: repeat;	
	
}

.para10 {
	
	
	padding: 20px;	
	text-align: justify;
	background-image: url(images/backtilemain.png);
	background-repeat: repeat;
	display: inline-block;
	
}

.para1 {
	padding: 20px;
	text-align: justify;
	background-image: url(images/10.png);
	background-repeat: repeat;	
}

/*	color: #7C8051;    GREEN   */

#container #content #mainpanel #maincontent ol li {
	color: #942F1B;
	font-size: 1.3em;
}

#container #content #mainpanel #maincontent ol {
	list-style-image: url(images/listtool.png);	
}

#bowllist {
	font-size: 1em;	
}

#container #content #mainpanel #maincontent .demo #tabs #tabs-2 .para2 #bowllist ul li {
	color: #942F1B;
}

#bowllist ul {
	list-style-type: disc;
	position: relative;
	left: 36px;	
}

#pricetext {
	width: 325px;
	margin-left: 365px;
	margin-top: -105px;
	height: 85px;
	margin-bottom: 25px;
}
#leftcolumn {
	width: 400px;
	left: 250px;
}
#aboutusphotos {
	height: 550px;
	width: 250px;
	background-image: url(rightcolumn.png);
	margin-left: 425px;
	margin-top: -510px;
}
#atrractionphotos {
	background-image: url(attraction.png);
	height: 1050px;
	width: 175px;
	margin-top: 40px;
}
#Attractions {
	width: 450px;
	margin-left: 200px;
	margin-top: -1085px;
}
#view {
	background-image: url(view.jpg);
	height: 250px;
	width: 333px;
	margin-top: -215px;
	background-repeat: no-repeat;
}
#text {
	width: 300px;
	padding-left: 370px;
	padding-top: 75px;
}
#pricetable {
	background-image: url(pricingtable.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 320px;
}
#Robin {
	font-style: italic;
	width: 400px;
	left: 12px;
	position: relative;
}
#Robin a {
	padding-left: 100px;
	font-style: normal;
}



/**********************************************************
NEW
************************************************************/


#tpockley {
	background-repeat: no-repeat;
	background-image: url(images/TOMPOCKLEY.png);
	background-position: center;
	padding-top: 62px;
	padding-bottom: 62px;
}



/**********************************************************
ROUNDED CORNERS BACKGROUND
***********************************************************/


 
 
/*
	| liquidcorners-extended.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with painted border outside a tabcontentbox with class="inside"; 
	|      image1 = upper half: top left corner, long top border, top right corner
	|               under half: bottom left corner, long bottom border, bottom right corner
	|      image2 = left half: left border; right side: right border
	|               because repeat-y: image2 can be reduced in height!
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/

.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url(images/longtear.gif);  /* CHANGE: path and name of your image1 */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	background-image: url(images/backtile.jpg);
	background-position: 0 15px; /* just for better connecting to the tearoff borders */
	margin-left: 9px;               /* CHANGE: replace by the width of one of your corners */
	margin-right: 9px;            /* YCC: background-color of the inside */
	color: #800000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	text-align: left;               /* YCC: position of all texts inside */
	background-color: #FFFAE8;
	}
.notopgap    {
	margin-top: 0;
	visibility: hidden;
}    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
.insideleft, .insideright {
	background-image: url(images/hoztear.png); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	}
.insideright { background-position: 100% 0; } /* DNC: position right corner */

/*
implementation in the page:
	...
	<head>
	<link rel="stylesheet" type="text/css" href="liquidcorners-extended.css">
	...
	</head>
	<body>
	...
	...
	<div class="top-left"></div><div class="top-right"></div>
	<div class="insideleft"><div class="insideright"><div class="inside">
		<p class="notopgap">Your text & other things inside</p>
		...
		<p class="nobottomgap">...</p>
	</div></div></div>
	<div class="bottom-left"></div><div class="bottom-right"></div>
	...
	...
	</body>
*/


/**********************************************************
TABS
***********************************************************/

div.tabcontent {
	border: #E3D8BE solid 3px;
	clear: left;
	padding: 1em;	background-color: #FBDBB5;
}

div.tabcontent.inactive {
	display: none;
}

ol#toc {
	height: 2em;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol#toc a {
    background: #bdf url(tabs.png);
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #C0A594;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: right;
    margin: 0 1px 0 0;
}

#musicstands {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: -70px;
	}

ol#toc li a.active {
    background-color: #C0A594;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol#toc li a.active span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(tabs.png) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

/**********************************************************
MAIN DOCUMENT LAYOUT
***********************************************************/