﻿/*position body and table at horizontal centre of screen for IE and Mozilla*/
body {width:95%; font-family:"times new roman"; font-size:12pt; margin:auto; min-width:780px; max-width:1050px;}
table {width:95%; border:0px; margin:auto;}
#tablehdr {width:95%; height:180px; margin:auto;}
#headrow {width:95%; height:180px;}
#tabletrf { text-align:center; margin:auto; border:1px solid black; border-collapse:collapse; width:600px;}
#table-form { text-align:center; margin:auto; border:0; border-collapse:collapse; width:600px;}

div {text-align:center; margin:auto;}
td.hdr { background-image:url('images/header2.jpg'); background-repeat:no-repeat; background-position:center; text-align:center; min-width:720px; _width:720px}
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:7px; 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.lft {text-align:left;}
p.bigheadtext {font-size:28pt; font-weight:bold; color:#ffff80;}
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*/
#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:0; border:solid black 1px; border-collapse:collapse;
text-align:left; margin: auto; width:400px;
}
#table450 {padding:5px; cell-spacing:0; border:solid black 1px; border-collapse:collapse;
text-align:left; margin: auto; width:450px;
}
#menucol {width:140px; min-width:140px; _width:140px; 
  valign:top; 
}
/*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
}
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 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: #759885;  border: 5px outset #A2D0A2;}

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

/* omousedown */
dt.hbtn a:active 	{ background: #759885;  border: 5px inset #A2D0A2 }

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

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

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

/* specify state styles... */
/* mouseout (default) */
dt.btn a { background: #759885;  border: 5px outset #A2D0A2; }

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

/* omousedown */
dt.btn a:active 	{ background: #759885;  border: 5px outset #A2D0A2 }

/*set alternative hyperlink colours green 12pt normal*/
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 green 8pt*/
a.other8:link {color: green; text-decoration:none; font-weight:bold; font-size:8pt;}
a.other8:visited {color: green; text-decoration: none; font-weight:bold; font-size:8pt;}
a.other8:active {color: green; text-decoration: none; font-weight:bold; font-size:8pt;}
a.other8:hover {color: red;text-decoration: none; font-weight:bold; font-size:8pt;}
