﻿/*position body and table at horizontal centre of screen for IE and Mozilla*/
#wrapper {width:98%; font-family:"Times New Roman"; font-size:medium; margin:auto; max-width:1024px; margin-top:0; padding:0;}
body {font-family:"times new roman"; font-size:medium; margin:auto; }
#hdr { margin-top:-45px; height:175px; padding:0; background-image:url('images/panroof2dark.jpg'); background-repeat:no-repeat; background-position:top center; text-align:center; min-width:780px; max-width:1000px}
#hdr p {font-size:275%; font-family:"Old English Text MT"; font-weight:bold; color:#ffff80; padding-top:55px;}
h2, h3 {margin-top:0; margin-bottom:0;

}
/* set new horizontal button menu position */
dl#hmenew {margin-top:0px; width:450px; height:38px; padding-bottom:0;
text-align:center; margin:auto; padding-left:40px;}
/*set horizontal button general style*/
dt.hbtnew {display:block; margin-left:4px; float:left; text-align:center; padding:5px; }
/*set general anchor style to fill the container*/
dt.hbtnew a {display:block; text-decoration:none; color:yellow; font-weight:bold; padding:5px;}
/*mouseOut state (default)*/
dt.hbtnew a { background: #8b8676;  border: 4px outset #aaaaaa;}
/* mouseover */
dt.hbtnew a:hover	{ background: olive;   border: 4px outset #BFBFAF;  }
/* omousedown */
dt.hbtnew a:active 	{ background:#ABCBFF;  border: 4px inset #ABCBFF }

#leftcol {float:left; width:140px; display:inline;  valign:top; 
}
.mid-left-col {float:left; width:48%; text-align:left;	
}

#midcol {margin-left:150px; margin-right:5px;  text-align:center;    padding:0; min-width:700px;
}
#mid-left-col {float:left; width:48%; text-align:left;	
}
#mid-right-col { float:right; width:48%; text-align:left;
}
.mid-right-col { float:right; width:48%; text-align:left;
}

#ftr {clear:both; text-align:center;
}
img {
	border:0;
}
img.border {border:1px black solid; padding:0;
}
.imgleft {
	float:left; margin:0 5px 0 5px;
}
.imgright {
	float:right; margin:0 5px 0 5px;
}
/*set general anchor style to fill the container*/
/*dt.hbtn a {display:block; text-decoration:none; color:yellow; font-weight:bold; padding:5px;}

/*mouseOut state (default)*/
/*dt.hbtn a { background: #8b8676;  border: 4px outset #aaaaaa;}

/* mouseover */
/*dt.hbtn a:hover	{ background: olive;   border: 4px outset #BFBFAF; }

/* omousedown */
/*dt.hbtn a:active 	{ background: olive;  border: 4px inset #BFBFAF; }

/* set side button menu position */
dl#menu	{ width: 140px	}

/* set general side button styles */
dt.btn { margin-bottom: 3px; text-align: center }

/* set general anchor styles */
dt.btn a	{ display: block; color: yellow; font-weight: bold; text-decoration: none }

/* specify state styles... */
/* mouseout state (default) */
dt.btn a { background: #8b8676;  border: 4px outset #aaaaaa; }

/* mouseover */
dt.btn a:hover	{ background: olive;   border: 4px outset #BFBFAF;  }

/* omousedown */
dt.btn a:active 	{ background: olive;  border: 5px inset #BFBFAF; }

ul#centertable {width:450px;
	margin:auto; text-align:left; line-height:150%;
}
.tabletopic {padding:1px; cell-spacing:0; border:1px solid black; border-right:1px solid black; border-collapse:collapse; margin: auto; text-align:center; text-decoration:none;
width:100%; }
.tabletopic.td {background:images/buffstone.gif;
	
}
#tabletrf { text-align:center; margin:auto; border:1px solid black; border-collapse:collapse; min-width:720px; _width:720px;}
/*div {text-align:center; margin:auto;}*/
table.tableblack {cell-spacing:0; border:solid black 1px; border-collapse:collapse; text-align:left; 
margin: auto;
}
td.cellbdr {border:1px solid black; padding:5px;}
/*td.btn {
border:2px; border-spacing:7px; background-color:#688ABA; font-size:10pt; color:yellow; font-weight:bold; height:23px; text-align:center; padding:0px
}
td.navbtn {
text-align:center; width:128px; background-color:olive; color:#ffff33; height:23px; font-size:12pt; font-weight:bold; cell-spacing:"10"; min-width:128px; _width:128px; border-spacing:7px; padding:0px
}*/
/*td.menuhoriz {
border:2px; border-spacing:4px; background-color:olive; font-size:12pt; color:#ffff33; font-weight:bold; height:30px; text-align:center; padding:0px
}*/
/*td.blackbdr {
border:solid black 1px; padding:5px; text-align:center;
}
td.cntr {text-align:center;
}
td.right {text-align:right;
}*/
*/
td.blackbdr {
border:solid black 1px; padding:5px; text-align:center;
}
td.cntr {text-align:center;
}
td.right {text-align:right;
}
td.lft {text-align:left;}
p.lft {text-align:left;}
p.cntr {text-align:center;}
p.padbdr {padding:5px; border:solid black 1px}
/*table.btntable {
text-align:center; margin: auto; width:150px; border-spacing:10px;
}*/
/*special table widths*/
table.tableblack {cell-spacing:0; border:solid black 1px; border-collapse:collapse; text-align:center; 
margin: auto;
}
/*#table500 {padding:5px; cell-spacing:0; border-collapse:collapse; border:solid black 1px; text-align:left; 
margin: auto; width:500px;
}
table.table600 {padding:5px; cell-spacing:0; border-collapse:collapse; border:solid black 1px; text-align:left; 
margin: auto; width:600px;
}
table.table500 {padding:5px; cell-spacing:0; border-collapse:collapse; 
margin: auto; width:500px;
}
#table650 {padding:5px; cell-spacing:0; border-collapse:collapse;
text-align:left; margin: auto; width:650px;
}
#fixtable{
margin: auto; width:45%; padding="0" cell-spacing="5"
}*/
/*special table width*/
/*#table550 {width:550px; text-align:center; 
margin: auto;  _width:550px; min-width:550px
}
#table400 {padding:5px; cell-spacing:5; border:solid black 1px; border-collapse:collapse;
text-align:left; margin: auto; width:400px;
}*/
#table450 {padding:5px; cell-spacing:0; border:none; border-collapse:collapse;
text-align:left; margin: auto; width:450px;
}
/*various font sizes and colours*/
span.tiny {
text-align: center; font-family: Arial; font-size: 8pt; color: #000000
}
span.tengreen {
font-size: 10pt; color: #08844E;
}
span.red12 {
font-size: 12pt; color: #FF0000; font-weight:bold
}
span
span.green12 {
font-size: 12pt; color: #08844E; font-weight:bold
}
span.red14 {
font-size: 14pt; color: #FF0000; font-weight:bold
}
span.fourteen {
font-size: 14pt; color: #000000
}
span.pt24 {
font-size: 24pt; color: #000000; font-weight:bold
}
span.subhead {
font-size: 18pt; color: #000000; font-weight:bold
}
span.right {text-align:right;
}
/*put a black border round a block of selected text*/
p.padbdr {
padding:5px; border:solid black 1px
}
img.cntr {
	text-align:center;
}
p.cntr {text-align:center;
}
p.lft {text-align:left; align:left;
}
p.right {text-align:right;
}
/*#basket {
text-align:right;
}*/


/*
/* set horizontal button menu position */
/*dl#hmenu {top:0px;}

/*set horizontal button general style*/ 
/*dt.hbtn {display:block; float:center; margin-right:2px; text-align:center; padding:5px; }


/*set alternative hyperlink colours green 12pt normal*/
/*set alternative hyperlink colours green 12pt*/
a.black12:link {color: black; text-decoration:none; font-weight:bold; font-size:12pt;}
a.black12:visited {color: black; text-decoration: none; font-weight:bold; font-size:12pt;}
a.black12:active {color: black; text-decoration: none; font-weight:bold; font-size:12pt;}
a.black12:hover {color: red;text-decoration: none; font-weight:bold; font-size:12pt;}


a.other12normal:link {color: green; text-decoration:none; font-size:12pt;}
a.other12normal:visited {color: green; text-decoration: none; font-size:12pt;}
a.other12normal:active {color: green; text-decoration: none; font-size:12pt;}
a.other12normal:hover {color: red;text-decoration: none; font-size:12pt;}

/*set alternative hyperlink colours green 12pt*/
a.other12bold:link {color: green; text-decoration:none; font-weight:bold; font-size:12pt;}
a.other12bold:visited {color: green; text-decoration: none; font-weight:bold; font-size:12pt;}
a.other12bold:active {color: green; text-decoration: none; font-weight:bold; font-size:12pt;}
a.other12bold:hover {color: red;text-decoration: none; font-weight:bold; font-size:12pt;}

/*set alternative hyperlink colours green 10pt*/
a.other10normal:link {color: green; text-decoration:none; font-weight:normal; font-size:10pt;}
a.other10normal:visited {color: green; text-decoration: none; font-weight:normal; font-size:10pt;}
a.other10normal:active {color: green; text-decoration: none; font-weight:normal; font-size:10pt;}
a.other10normal:hover {color: red;text-decoration: none; font-weight:normal; font-size:10pt;}

/*set alternative hyperlink colours olive 8pt*/
a.other8olive:link {color: olive; text-decoration:none; font-weight:bold; font-size:8pt;}
a.other8olive:visited {color: olive; text-decoration: none; font-weight:bold; font-size:8pt;}
a.other8olive:active {color: olive; text-decoration: none; font-weight:bold; font-size:8pt;}
a.other8olive:hover {color: red;text-decoration: none; font-weight:bold; font-size:8pt;}
