/* based on BigBaer main */
/* WARNING this style sheet was from early CSS days and contains some bad decisions! */
body {
	margin: 0;
	padding: 0;
	background-color : #ffFFff; /* test for holes colour #E9FFaF;  */
	color: Black;
						/* sitewide Font Size datum! */
						/* px for VDUs (pt for hardcopy world - avoid) */
	/*	all other font sizes should em scale from this datum */
	/* font-size: 1em; 12px; em is ridiculously UA-dependant, unusable for now */
	/* font-size: 12px; didn't want to lock it in but can't find any other method */
	font-size: 12px;	/* of getting similar results from FFox and IE6 */					
}

#titlebar {
	background-color: #ddffdd;
/*	border: thin solid #ddffdd;  in div, makes h1 natural padding render */
	padding: 0.1em 0 0.1em 0; /*or trigger - if neither, default background will show! */
}

#titlebar p { /* special case images */
	margin: 0;
	background: White;
}

#nav-bar { /* padding: 0em 0.5em 0em 0.5em; */
	padding: 0 0 0.3em 0; 
	background: #90EE90;/* #ddffdd; */
}

#nav-bar h2 {
	margin-top: 0em; /* after titlebar, kills default background paddings of h2 */
	margin-bottom: 0em;
}

#nav-bar:hover, .to-top:hover {
	background: White;
	background-color: #AFEEEE;
} /* NOT in IE6 ! */

#content {
	/* padding: 0em 0.5em 0em 0.5em; */
	padding: 0.5em 0.5em 1.5em 0.5em;
	background-color: White;
}

#content h2, #content h3 {
	/* margin-top: 0em;  after nav-bar, kills default top background padding of h2 */
	/* but don't need it provided there is a little padding below nav-bar */
	margin-bottom: 0em; /* .3em? use with p.top to reduce space under h2, h2+p, h3+p */
}

#footer {
	padding: 0.5em 0 0.2em 0;
	background: #ddffdd;
}

html, body, h1, h3, p, ul, li, input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
	color: #009900;
	text-align: center;
	/*font-size: 2.3em;  16pt; */
	font-size: 2.0em; 
}

h1.BlkCtrd { 	font-size: 1.2em ; }

h2 {
	color: Olive;
	margin-left : 4%; /* 2em; */
	/*font-size : 1.4em;  13pt; */
	font-size : 1.4em; 
	font-family : serif;
	font-style : italic;
}

h2+p {				/* adjacent selector added, suit #content h2 above 2007 Oct */
	margin-top: 0.8em;	/* IE7 misses 1st, otherwise OK at last */
}

h3	{
	font-size: 1.2em;
	margin-left: 6%;
}

h3+p	{
	margin-top: 0.4em;
}

h2 a { 	font-size: smaller; }
.flush { 	margin-left: 8%; } /* 4em */
p { margin-left: 8%;		/* 4em, but % ensures same indent for all fontsizes */
	margin-right: 2%;	
	/* border: 1px solid Fuchsia; css debugging browser-compatability tool ~~~~~~~~~~  */
} 
address {
	margin-left: 8em;
}

p.after-header { margin-top: 0.5em;}		/* superseded automatically by h2+p above */
.tight { margin-top: 0; margin-bottom: 0;}	/* 			was p.tight until 15 Oct 2007 */
p.top {margin-top:0;}								/* " */
.margtop0	{	margin-top: 0;	}	/* durn it, ought had this from start */
.margbot0	{	margin-bottom: 0	}	/* AAaargh - Firefox ignors it... */
/* p.c {text-align: center;} break anything? Conflicts with p.tac */
p.next {text-align:right; font-size:1em; font-weight:bold;}
.tar {	text-align: right; /* 200508 papabaer I think */}
.tac {	text-align: center; }
.tal {	text-align: left;}
.topctr {	margin-top: 0; text-align: center;} /* 200610 frameset nav restorer */
.noborder {	border: none; }	/* hack to defeat td img - see separate table.noborder */

p.tac {
	margin-left: 0
}

#alph { }	/* this div just to confine first-letter, below */
#alph p {
	margin-top: 0;
	margin-bottom: 0.5em;
}
#alph p:first-letter {
	font-weight: bolder;
	font-size: 1.2em; 
	/* text-indent: 0; IE does an indent by text size and ignors this */
}

.unflo {	clear: both; } /* unflow the text */
br.unflol { 	clear: left; }
br.unflor {	clear: right; }

table {		/* border: thin outset; */
	background-color: #90ee90; /* #ddffdd; #99ff99; background is table border colour */
}					

tbody.valtop	{	vertical-align: top;	/*	20070712	text to top of big cells - for plumguide */
}										/*  tbody (no class) happens once defined whether called or not! */

table.noborder {	background: transparent;	/* a ul without points but tidy columns! */
}

table.flush.noborder	{	margin-left: 7%;	/* td left flush(er) rather than border flush */
}

th {
	color: Black;
	font-style: italic;
	font-weight: bold;
	font-family: serif;
	font-size: 1.2em; /* 10pt; */
	background-color: #90EE90; /* #99FF99; */
	padding: 0.2em 0.5em;
}
td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /*font-size : small;*/
	background-color: White;
	padding: 0.2em 0.5em; /* border: thin inset #ddffdd; */
}

td img {
	border: thin outset Gray;	/* see overide noborder */
}
.ovrscr	{
	border-top: 1px solid Black; /* cell overscore? */
}
.txy {
	padding-top: 0.5em;	/* for text tables, more head/foot room */
	padding-bottom: 0.5em;	/* should use line-height, .tall for lists */
}

.tall	{						/* vertically-spread eg list items	2007 Oct	*/
	line-height: 1.5em;	/* preferable in parent, not txy in each element	*/
}

ul, ol {		 /* MUST specify LIST padding, eg. 0; BROWSERS DEFAULT DIFFERENTLY !!! */
	padding-left: 0; /* 4% 20070809 this lesson has been a painful time coming... */
	margin-left: 12%; /* 8% maybe could have had #content left std 8%, see g5a.css */
	/* border: 1px solid Fuchsia; css debugging browser-compatability tool ~~~~~~~~~~ */
	/* line-height: 0.8em; */
}
ul.toc {	list-style: none;
	/* padding: 1em;				not intended? removed Oct 2007... */
	background: #ffffff;
	/*	margin-right: 1em;
	margin-left: 1em; */
}

ul.tall li, ol.tall li {
	line-height: 1.2em;
	margin-top: 0.5em;
}

li li {		 /* nested margins too much, subtract some, observe LIST padding above */
	margin-left: -6%;
	padding-left: 0; 
	list-style-type: circle;
} /* want an ol nested in a ul - IE kills the numbering! FF OK (see FAQ/pruning) */

td li { 	margin-left: -3%; } /* where is this - make as above? */

dl {
	border-left: thick solid #99ff99;
	margin-left: 4%;
}

dt {
	margin-left: 2%;
	font-style: italic;
	font-weight: bold;
	color: #009900;
}
dd	{	margin-left: 10%; }

dl.spread dt {		/* 20070910 bedswap less compacted */
	margin-left: 2%;
	padding-top: 0.6em;		/* could use line-height? */
	padding-bottom: 0.2em;
	font-style: italic;
	font-weight: bold;
	color: #009900;
}
dl.spread dd	{	margin-left: 16%; }

blockquote.Pancon	{			/* tidying 20070816 but abusing blockquote */
	margin-left: 8%;
	margin-right: 8%;
}

/* ************ link ************** */

a {
	text-decoration: none;
	color: #990000;
	font-weight: bold;
}

a:hover {	color: Red; text-decoration: underline;}
a:focus {	color : Yellow;}
a:active {	color : Yellow;}
a:visited {	color: #993399;} /* re-enable later? */
a img { border-style: none; } /*no blue or other link-indicating border */

.ctr {	text-align: center;}	/* img in p (autopadded), div, span... */

.ctr0 {						/* serious usage: <table class="ctr0"... */
	margin-left: auto; 	/* it doesn't centre cells in IE6 or FFox */
	margin-right: auto;	/* http://theodorakis.net/tablecentertest.html */
}

.fullwide {
	margin-left: 0;
}

.bar {
	margin-right: 0; /* block align right */
	margin-left: auto;
}

.boxl {
	float: left; /* margin-top : 20px; opera overwrote with wrapped text  */
	margin-right: 2em;
	margin-bottom: 2em;
	/* border-bottom: 10px; study why nogo someday... */
}	

.boxr {
	float : right;
	/* margin-top : 20px; opera overwrote with wrapped text */
	margin-left : 2em;
	margin-bottom : 2em;
}

div.to-top {
	background-color: #ddffdd; /* padding moved to div.to-top a */
}

div.to-top a {
	padding: 0.3em 6em;	/* 20070714 from above */
	display: block;	/* increases clickable area otherwise a href default in-line txt only */
}

div.figc {
	/* float: none; */
	margin-left: auto;
	margin-right: auto;
	/* text-align: center; */
	width: 360px;	/* width of photo; else 40% -FIND A BETTER METHOD! */
	border: thin silver solid;
	padding: 1em 0.5em;
}
div.figr {
  float: right;
 /* width: 75%; */
  border: thin silver solid;
  margin: 1em;
  padding: 1em 0.5em;
}
div.figl {
	float: left;
/*	width: 75% */
  border: thin silver solid;
  margin: 1em 1em 1em 2em; /* left-marg compromise between IE and FFox rendering */
  padding: 1em 0.5em;
}
div.figl p, div.figc p, div.figr p {
	text-align: center;
	font-style: normal;
	font-size: smaller; /* text-indent: 0; */
	margin: 0; /* to over-ride my p left margin */
}
img.scaled {  width: 100%; 
}

.smalltxt{
	font-family: sans-serif; /* font-size: 0.8em;6pt; */
	font-size: smaller;
}

.loud {
	color : Red;
	/* font-size : large; */
	font-weight : bold;
}

.warn {
	color : #FF9900;
	font-weight : bold;
}

.endorse {
	color : #009900;
	font-weight : bold;
}

.pencil {
	/* was silver but too faint on LCD screens 2007 Oct */
	color: Gray;
}

.pencil a	{
	color: #FA8072;
}

.pencil a:visited	{
	color: #FA71ED;
}

.Panbod {
	background-color: White;
	padding-bottom: 2pt; /*great pads the panel below the text*/
	/* padding-left: 2%; bugger, this pads the text not the panel*/
}

.Panold {
	background-color : #EEEEEE;
}

.Panlo {
	background-color: #bbddaa;
}  

.Panhi {
	background-color : #99FF99;
}

.Pancon {
	background-color: #FFFFCC;
	padding: 0.1em 2em; /* vertically 1em or none... */
}

.Panbod img {
	padding: 1em;
}  

#titlebar img, #footer img {
	padding: 1em;
}

.SmallCtrd {
	font-family : serif;
	color : Black;
	background-color : transparent;
	font-size : 9pt;
	text-align : center;
}

p.SmallCtrd {	/* yeah, its different to the above... */
	margin-left: 0;
}

.BlkCtrd {
	color: Black;
	background-color : transparent;
	text-align:	center;
	font-weight: bolder;
}

.BlkEmph {
	color : Black;
	background-color : transparent;
	font-style : italic;
	font-weight : bolder;
	font-family : serif;
	font-size : 125%;
}
/* Updated: 2007 August 09 */