/* ******************  body  *************** */

html, body {
	color: Black;
	background-color : #DDFFDD;
						/* 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 */
							/* of getting similar results from FFox and IE6 */					
}
html, body, h1, h3, p, ul, li, input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p { margin-left: 6%;	}

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

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

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

h2 a { 	font-size: smaller; }

h3 { 	margin-left : 6%; }

pre {	font-family : monospace; }

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

blockquote {
	clear: both;
}

table {					/* 200508 remove width, align */
	margin-left: 4em;
}
/*
table.texy {
	border: 1px;
	padding: 10px;	
}
didn't work for brtrials */
th {
	color: Black; 
	font-style : italic;
	font-weight: bold;
	font-family: serif;
	font-size: 1.2em; /* 10pt; */
	background-color: #99FF99;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /*font-size : small;*/
	background-color: White; /* now needed, foregoing layout table! */
	padding-right: 0.5em;
	padding-left: 0.5em;
	/* margin: 1em; NO go - can't find how to do cellspacing..? */
}

.txy {
	padding-top: 0.5em;	/* for text tables, more head/foot room */
	padding-bottom: 0.5em;
}

li {
	/* font-size: 9pt; */
	margin-left : 6%;
	line-height: 150%;
}

li li {
	margin-left : 6%;
	list-style-type : circle;
}

/*
OL.num {
	list-style: decimal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

UL.disc {
	list-style: disc;
}
*/

td li {
	margin-left: -3%;
}

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

a {
	text-decoration: none;
	color: #990000;
	font-weight: bold;
}
/* this contextual style for pencilled-in links: 
didn't work in IE; other browsers forgot it after Visited -

A.pencil {
	text-decoration: underline;
	color : #FFCCCC;
	background-color : transparent;
	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? */
/*
.navgn {
	font-weight: bold;
	font-style: italic;
	font-family: serif;
	font-size: 1.4em;
	margin-left: 12%;
}
*/

.ctr {
	text-align: center;
}

.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 */
}
/*
.topup {
	float: right;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	background-color: Lime;
	padding: 0.6em;
	border: thin ridge Silver;
}
*/

.fullwide {
	margin-left: 0;
}

.tar {	text-align: right; /* 200508 papabaer I think */}
.tac {	text-align: center; }
.tal {	text-align: left;}

.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.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: x-small;
}

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

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

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

.pencil {
	color : Silver;
}

.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;
}

.Panbod img {
	padding: 1em;
}  

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

.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%;
}