﻿<style type="text/css">

/* stylesheet for WELNEY WEBSITE pages */

/* reset browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, blockquote
								{ padding: 0; margin: 0; font-size: 100%; font-weight: normal;}
ol							{ margin-left: 5px;   list-style: decimal; }
ul							{ list-style:square; }
img							{ border: 0;}
/* end reset browser styles */

.normal				{ width:100%; background:#ccffff; font-family:"Trebuchet MS"; font-size: 11pt; color: black; padding: 0px; table-layout:fixed; }/* use to style initial table. values wil be inheritedl */
.logocell,
.logocellsml,
.titlecell,
.titlecellsml,
.normal,
.sidecol,
.narrative,
.lb							{ border: 2px black solid; border-collapse: collapse; } 

.logocell,		
.logocellsml,
.titlecell,
.titlecellsml		{ height: 140px; text-align: center; vertical-align:middle }
.logocell,		
.logocellsml		{ width: 22%;  background: white }	/* use at top of left & right columns */
.titlecell,
.titlecellsml		{ width: 56%;  background: #ccffff;  }


.sidecol				{ border-bottom:0px; border-top:0px; background-color: white; font-size:10pt; padding:0 6px 0 6px} /* use for left & right columns in three column display */
.narrative			{ text-align:left; line-height: 166%; margin:10px; padding-left:20px; padding-right:20px}
.lb							{ background: #d4ecfb; height:25px; font-size: 10pt; text-align: center; }
blockquote		{ margin-top: 1em; margin-right: 1.2em; margin-bottom: 1em; margin-left: 1.2em; text-align: justify; line-height:166%; font-family:Arial; text-align:justify }  
								/* you can nest blockquotes, ie put a blockquote within another one, to increase overall or occaisional  indext*/

		
h1							{ font-family: "Comic Sans MS";	font-size: 18pt;	font-weight: normal; color: blue; text-align: center; } /* for Website name*/
h2							{ font-family: "Verdana";	 font-size: 14pt;	font-weight: bold; color: black; text-align: center; } /* for page title and sub title*/
h3,
.pagedate			{ font-family: "Trebuchet MS";	font-size: 10pt;	font-weight: normal; color: black; text-align: center; } /* for  page creation date/page update*/
h4							{ font-size: 12pt;	font-weight: bold; color: black; text-align: left; } /* for  page creation date/page update*/
h5							{ font-size: 11pt;	font-weight: bold; color: black; text-align: left; } /* for  page creation date/page update*/
h6
ul,
li								{	font-family: Arial; line-height:150%; }	/*  LISTS. See also re-set values at top of 'page top' style sheet */

a:link						{ color: blue; text-decoration:none; }
a:visited				{ color: blue; text-decoration:none; }
a:hover				{ color: blue; text-decoration:underline; } 

.smltxt					{ font-size: 10pt }
.center				{ text-align: center;}
.left						{ text-align:left }	
.right					{	text-align: right}
.bold						{ font-weight:bold }
.white					{ background: white; }
.red						{ color:red }
.lightcyan			{ background:#ccffff;}
.grey						{ background:#d7d7d7;}
.aqua					{ background:aqua}
.closetxt 			{ line-height: 50%}
.active					{background: aqua; }


/* 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					{ border: 1px black solid; border-collapse:collapse; background:lightcyan; font-size:10pt; height:25%; width:90% }
.st-h						{ background: #8DCFF4; text-align:center }
.st-c,
.st-cx					{ 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}
.comment			{ padding: 2px; font-size: 10pt} 	/* pre-formatted text boxes within a table (st) to indicate points to note. Standard backbround colour can be changed on the HTML page in td tag using class */
.comment			{ border: 1px black solid; font-family:Trebuchet MS; background-color:#FFFFCC; padding: 2px; width:90%;text-align :center}

/* 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							{ border: 1px black solid; border-collapse: collapse; height:20px }
.dc							{ padding: 0 5px 2px 5px} /* top, right, bottom, left */
.dt,
.st							{ table-layout:fixed} /* instructs browsers to make all columns same width as first row */

