﻿<style type="text/css">

.anyoldcode { }/* this is here because the html pages will nor recognise the first rule (whichever it is) on this sheet */


/* On this website:
 'side-table' is a table with headings and cells ready-formatted in CSS on this sheet, used in the left or right colums used, generally, to show related pages
 'data table' is a table used in the main (centre) column with cells needing some formatting on the HTML page (eg position, width, colour)
 'link buttons' are horizontal navigation links at the top of each page, ready-formatted in CSS on the 'pagetop' style sheet 
 some formatting is common */


/* SIDE TABLES. st is 1 col table, st2 is 2 cols, c  is a cell, h is a heading, hx and cx are for external sites. Position, width and colour are incorporated. */
.st , .st2 , .st-c , .st-h , .st-hx , .st-cx , .side-table , .side-table-cell {border: 1px blue solid; border-collapse:collapse; background:lightcyan; font-size:10pt; height:25%; width:90% }
.st-h, .side-table-header  {background: #8DCFF4; text-align:center }
.st-c, .st-cx, .side-table-cell  {text-align:left; padding: 0 5px 0 5px}
.st-hx {	background:#fbe2b8; text-align:center }
.st-cx {	background:#fdebcf }
.st-c20  {text-align:left; text-indent: 5px}



/* DATA TABLES.  the following codes are for data tables (dt) and data cells (dc) within tables.  Position, width and background colour are set separately */
.dt, .dc, .datatable, .datacell-center, .datacell-left      { border: 1px maroon solid; border-collapse: collapse; height:25px }
.dc,   .datacell-left {	padding: 0 5px 2px 5px} /* top, right, bottom, left */
.grey {background-color: #C0C0C0;}

.dt, .st , .side-table {	table-layout:fixed} /* instructs browsers to make all columns same width as first row */

/* additional cell rules for some pages e.g. pubs */
.dc-12      {width: 12%;  background: white; }
.dc-7      	{ width: 7%;  background: white; }

/* indent in left aligned cells */
.i3 {	text-indent: 3px} 
.i5 {	text-indent: 5px} 
.i6 {	text-indent: 6px} 
.i10 {	text-indent: 10px}
.ind-10 {	text-indent: 10px}

.p20    { padding-right : 20px; }/* padding for text in right aligned cells */
.p10    { padding-right : 10px;}
.p15  { padding: 5px 5px 5px 15px }/* top, right, bottom, left */



.p5    { padding-right : 5px; }
/*  CSS width values for data table cols. Otherwise set in the HTML code */
.w5 { 	width:5%}
.w7 { 	width:7%}
.w8 { 	width:8%}
.w9  { 	width:9%}
.w10 { 	width:10%}
.w12 { 	width:12%}
.w15  { width:15%}
.w18  { width:15%}
.w20 { 	width:20%}
.w25 { 	width:25%}
.w30 { 	width:30%}
.w35 { 	width:35%}
.w40 { 	width:40%}
.w50 { 	width:50%}
.w60 { 	width:60%}
.w70 {	width:70%}
.w75 { 	width:75%}
.w80 { 	width:80%}
.w85 { 	width:85%}

.w90 { 	width:90%}
.w95 { 	width:95%}
.w100 {	width:100%}

.h20  {	height:20px}
.h22  {	height:22px}


/*  these are pre-formatted text boxes generally ued in the left column to indicate points to note. Standard backbround colour is yellow. Can be changed on the HTML page in td tag using class */
.side-heading ,    .side-comment, .comment { border: 1px maroon solid; font-family:Trebuchet MS; color: maroon; background-color:#FFFFCC; padding: 2px; width:90%;text-align :center}
.side-comment, .comment    { padding: 2px; font-size: 10pt}
.side-heading,  {font-size: 14pt }


/*  LISTS. See also re-set values at top of 'page top' style sheet */
ul, li {	font-family:"Trebuchet MS"; line-height:150% }


