/* testbed for advances over g5 - older header suit customising eg conference g5a0 */
/* based on BigBaer main */
/* WARNING this style sheet was from early CSS days and contains some bad decisions! */
body {
	margin: 0;
	padding: 0;
	color: Black;
	background-color : #ffFFff; /* test for holes colour #E9FFaF;  */
						/* 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 #ff00dd;  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; removed June 2009 */
}

#titlebar img#logotl {
	float: left;
	width: 41px;	/* not sure why Sitepoint specify width - makes not reusable - but if it helps */
	padding-top: 6px;
	margin-left: 2%;
	/* border: thin solid Maroon; */
}
#nav-bar { /* padding: 0em 0.5em 0em 0.5em; */
	padding-bottom: 0.3em;	/* padding: 0 0 0.3em 0; back to the same! */
	background: #90EE90;/* #ddffdd; */
}
#nav-bar a {
	/* padding: 0.3em 6em; this padding from div.to_top no good here; see above */
	/* display: block; but infers linefeeds between h2 components */
}
#nav-bar h2 {
	margin-top: 0em; 
	margin-bottom: 0em;
}
#nav-bar h2 a { 
	font-size: smaller; 
}
#nav-bar:hover, .to-top:hover {
	background: White;
	background-color: #AFEEEE;
} /* NOT in IE6 ! */

#content {
	margin-left: 8%; /* 20070805 is DEFAULT MARGIN FOR ALL CONTENT   **************	 */
/* 	border: 4px inset #c0c0c0; for checking 20070805 
	padding: 0 35px; for checking 20070805 */
	/* padding: 0em 0.5em 0em 0.5em; */
	padding: 0.5em 0.5em 1.5em 0.5em; 
	background-color: White;
}

html, body, h1, h3, p, ul, ol, 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 ; }

#content h1 {
	color: Black;
	margin-left: -8%;
}

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

#content h2 {
	/* 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: 0.3em; /* use with p.top or h2+p to reduce space under h2 */
	margin-left : -4%; /* 20070805 */
	/* padding-top: 1em; 20070806 */
}

#content h3	{
	font-size: 1.2em;
	margin-left: -2%; /* 6%; */
	margin-bottom: 0.3em;	/* needed with h3+p to reduce space under h3 */
}

h2+h3, h2+p {		/* 20091219 */
	margin-top: 0.4em;
}

h3+p	{	/* from g5 doesn't work here unless h3 margbot reduced */
	margin-top: 0.4em;
}

/* h2 a { 	font-size: smaller; }	not used outside of nav-bar, delete? */

/* .flush { 	margin-left: 8%; } 4em 20070805 redundant? Not quite - */
.flush { 	margin-left: 0; } /* overide table default style full width */

hr {
	margin-left: -8%; /* 20070805 jeez, IE even does this differently! seldom used */
}

/* p {		Margin shifted to Content 20070805 fix longstanding hassles with IE doing Lists wrong
	margin-left: 8%;	 	Needed compensatory changes to to_top, h2, h3; hr added
	margin-right: 2%;	
} */
/* ul, ol	{	ul and ol added 20070804 fix longstanding hassles, but IE ignors?
	margin-left: 10%; 
	margin-right: 2%;
}  */
	
address {
	margin-left: 8em;
}

.after-header { margin-top: 0;} /* 20070805 generalised */
.tight { margin-top: 0; margin-bottom: 0;}
.padtight {
	padding-top: 0;
	padding-bottom: 0;
}
p.top {margin-top:0;}
.margtop0	{	margin-top: 0;	}	/* durn it, ought had this from start */
.margbot0	{	margin-bottom: 0;	}	/* AAaargh - Firefox ignors it... had no semicolon? */
/* 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 */}
.taru {
	text-align: right;
	vertical-align: top;
}

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

p.tac {
	margin-left: 0;		/* oops there was no ; 	200802 until 20080508	*/
}
p.blu {
	color: Blue;
}
abbr {
	border: none;		/* 20091226 Ffox hide underdots */
}

#unwide p {
	width: 41em;
}

#unwide li {	/* IE7 bug decoration on bottom line of wrapped */
	width: 41em;
}


#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 */
.unflol { 	clear: left; }
.unflor {	clear: right; }

.hide {
	display: none;
}

table {		/* border: thin outset; */
	background-color: #c0ffc0; /* #90ee90; #99ff99; background is table border colour */
	margin-left: -8.5%; /* new 20070807 default to full width suit existing html. IEodd */
	/* padding-left: 0;	nope, didn't reveal why; other browsers undercorrect?	*/
}					

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! */
}		/* bad classname  */

table.flush.noborder	{	margin-left: 7%;	/* td left flush(er) rather than border flush */
}		/* horrible? where cascade? so much for semantics */

th {
	color: Black;
	font-style: italic;
	font-weight: bold;
	font-family: serif;
	font-size: 1.2em; /* 10pt; */
	background-color: #c0ffc0; /* #a8FFa8 99FF99 90EE90; 200807 and border and Panhi paled */
	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; */
}
table.txy td	{	/* June 2009 texty cells 	*/
	padding: 1em 1em 1em 2em;
}
/* table.txy td b { padding-left: -3em; }	 with bold title; durn, cannot decrement	*/

td img {
	border: thin outset Gray;	/* see overide noborder */
}
.ovrscr	{
	border-top: 1px solid Black; /* cell overscore? */
}

table.mini {
	/* border: none;	doesn't work; use */
	background-color: White;	/* hides border */
	margin-left: 0px;	/* undo flush */
}

table.mini td	{
padding: 0em 0.5em;	/* tighten top & bot */
}

.txy {
	padding-top: 0.5em;	/* for text tables & lists, more head/foot room */
	padding-bottom: 0.5em;
}
				/* copied amended from g5home June 2009 */
ul.talla, ol.talla {		 /* MUST specify LIST padding, eg. 0; BROWSERS DEFAULT DIFFERENTLY !!! */
	padding-left: 0; /* 4% 20070809 this lesson has been a painful time coming... */
	margin-left: 20%;		/*	0% NB this line REQUIRED for IE else auto-indents	*/
}

ul.toc, ol.toc {	list-style: none;
	line-height: 135%;
	/*	padding: 10em;
	background: #ffffff;
	margin-right: 1em;
	margin-left: 1em; */
}
				/* copied in from g5home June 2009 */
ul.talla li, ol.talla li {
	line-height: 1.2em; /* 1.2em */
	padding-left: 4px;
	margin-bottom: 0.8em; /* was top */
	list-style-image: url(../images/ico1.png);
}

li {
	/* font-size: 9pt; */
	/* margin-left : 4em; removed 20070804 */
	/* line-height: 150%; */
}

li li {
	margin-left : -2em; /* 4em; dont know why this change needed, g5 better? */
	list-style-type : circle;
}

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

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

dt {
	margin-left: 2%;
	font-style: italic;
	font-weight: bold;
	color: #009900;
}
dl.plain dt {
	margin-left: 0;
	font-style: normal;
	font-weight: normal;
	color: black;
}

dd	{	margin-left: 10%; }
dl.plain dd {
	margin-left: 6%;
}

/* ************ 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 */
}	/* because we have default wider left margin, this is not quite centred - */

.fullwide {				/*  use div.fullwide, true centred content eg using ctr0 */
	margin-left: -8%; /* 0; 20070807  */
}

.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: 20px; /* border-bottom: 10px; study why nogo someday... */
	position: relative;	/* they shouted - if IE cuts your pictures as it did:
	http://www.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/	*/
}	

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

.pada {		/* june 2009 kludge to position logo  */
	margin-left: 16%;
	margin-bottom: 0px;
}
.icol {
	float: left;
	width: 41px;	/* seems to help IE7	*/
	margin-top: -30px;	/* -20px */
	margin-left: -7%;
}
a:hover img.icol {
	background-color: #AFEEEE;
	border: thin solid;
	border-color: Aqua;
}
div.to-top {
	background-color: #ddffdd; /* padding moved to div.to-top a */
	margin-left: -8%; /* overide content left margin, bar close to page left */
}

.icol+div.to-top, a+div.to-top {	/* different if logo is a link	*/
/* #logo+div.to-top, #treehome+div.to-top { treehome+ specific, a+ too wild	*/ 
	margin-left: 0px;	/* reinstate content left margin, room for logo	*/
}
div.to-top a {
	padding: 0.3em 2em 0.3em 8%; /* 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 {
	color : Silver;
}

.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 : #ddffdd;	/* 99FF99 toning down 20080715 */
}

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

.Panbod img {
	padding: 1em;
} 
 
#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;
}

.BlkMod {
	background-color: transparent;
	color: Black; /* Aaarrgh! June 2009 */
	font-size: 1.7em;
	padding: 0px;
	margin: 0px;
}
.BlkCtrd {
	color: Black;
	background-color : transparent;
	text-align:	center;
	font-weight: bolder;
	font-size: larger;
}

.BlkEmph {
	color : Black;
	background-color : transparent;
	font-style : italic;
	font-weight : bolder;
	font-family : serif;
	font-size : 125%;
}

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


fieldset {	/*	 REF. Art & Science CSS book FORMS	*/
	float: left;
	clear: left;
	width: 100%; /* 99.5% 100% was too wide? */
	margin: 0 0 1.5em -4%;	/* marg rt compromise #content stuck with width 100-8=92% ? */
	padding: 0;
	border-color: #ddffdd; /* #90EE90#ddffdd#99FF99 */
	border-style: solid;
	border-width: thick;
}
legend {
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}
fieldset ol {
	padding: 0.2em 0.5em 0 0.5em; /*  */
	list-style: none;
}
fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.5em;
}
label {
	float: left;
	width: 50%;	/* 25em22em unwelcome committment, longest label */
	margin-right: 1em;
	text-align: right; /*  omit for left align */
}
fieldset.submit {
	float: none;
	width: auto;
	border: 0 none #FFF; 
	/* padding-left: 28em;	needed if no label for submit? */
}