/* based on g5 and bits of g5a 20080218 LLG
20091230 g5home1.css for significant trials to content margin-left, suit Flash Player */
/* WARNING this style sheet was from early CSS days and contains some bad decisions! */
body {
	margin: 0;
	padding: 0; 
	background-color : #ffFFff; /* set in case image unavail	*/
	background-image: url(../images/TCAbckgndaIbi.jpg); 
	/* white canvas to right in above img combines with horiz offset below near tree trunk */
	background-position: 50% 200px; /* 80px note -100px top; not dynamic 20091231 was 20%
	alter background-posn together with #content marg-left and .tags */
	background-repeat: no-repeat;
	color: Black; /* sitewide Font Size datum! */
	font-size: 12px; /* of getting similar results from FFox and IE6 */
	/*	font-size: 76%;  OK in 4 browsers but small in Homesite's IE ?! */
	max-width: 960px; /* 43em; there are some silly monitor/viewport widths out there */
}

#titlebar {
/*	display: block; */
/*	background-image: url(../images/tca_logo_dsst.gif); 	margin-left: 20%; */
/*	padding: 0.1em 0 0.1em 0; or trigger - if neither, default background will show! */
/*	margin-left: 0%;  12%;	 200802 see also #content  */
	padding: 1px 0px 1px 0px; 
	background: url(../images/gradtbar2b100.jpg) repeat-x top /* , url(../images/TCAlogoLg.gif) top left */ ;
	/* 20091123 lightened, was gradtbar2.jpg */
	height: 62px;	/* 64px afterthought vastly improved browser consistency, even IE!
						No, it screwed up placement of h1 test too high...! See below */
}

#titlebar h1 {/*	padding: 0 1em; */
margin-top: 15px;
}

#nav-bar {
	padding: 0 0 0.3em 0;
	background: transparent; /* 200802 #90EE90 #ddffdd; */
	margin-left: 20%;	/* 200802 but not very effective; see #content 200802 */
}

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

#nav-bar:hover, .to-top:hover, #nav li a:hover {
	/* background: White; webstorm doesn't like 2011-09-22 */
	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: transparent; /*  White	 200802		*/
	margin-left: 8%; /* 20% ref g5a 200802; this masters p, li, Hx...
		must alter .tags too, probably it's too narrow to use now... */
	margin-right: 1%;	/* not sure about globalising this...*/
}

#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: transparent; /* #ddffdd */
}
/*
#srchr p, #srchr table {	 cant float bare div, just contents 
	float: right;
}*/

#nav	{				/* 20080217 */
	margin: 2%; 
	padding: 0;
	background: #ddffdd; /* #bbddaa Panlo */
	list-style-type: none;
	width: 30%;	/* 180px */
/*	float: left;  Contain floated list items... oops we want RH side nav */
}

#nav li {
	margin: 0;
	/* padding: 0 15px; No, offsets hover by extra 15px learnt 2011-09-22 */
	float: left;	/* This hacks the IE whitespace bug */
	width: 100%;	/* " */
    line-height: 2.2;   /* 15px 2011-09-22 */
    border-bottom: 2px solid #FFF;  /* 15px 2011-09-22 */
}

#nav a {
	display: block; /* bigger clickable area */
	padding: 0 15px; /* geezLes, NO punctuation between these values !! */
/*	text-decoration: none;	allow existing hovers	*/
	/* line-height: 2.2;	2.5 to 20080724 2011-09-22 moved above */
	/* border-bottom: 2px solid #FFF;  0.3em 2011-09-22 moved above  */
}

#nav li a {
    /* display: block; 2011-09-22 bigger clickable area */

}

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 : -1em; /* -4% -6% 16% 4% 2em; see #content 200802 */
	/*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: -2%;	 /* 6%; see #content 200802 */
}

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

h2 a { 	font-size: smaller; }
.flush { 	margin-left: 0%; } /* 8% 4em see #content 200802 */

p { 
/* 	margin-left: 8%;	 	was 4em, but % ensures same indent for all fontsizes */
/* 	margin-left: 20%;		was 8%  see #content 200802 */
/*		margin-right: 4%;	 2% see #content 200802	*/
	/* 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 */
.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... missing semicol? */
/* p.c {text-align: center;} break anything? Conflicts with p.tac */
/* p.next {text-align:right; font-size:1em; font-weight:bold;} never used */
.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 */
.seebord { 	border: 1px solid black; }		/* temp hack to see border... */

p.tac {
	margin-left: 0;	 /* 0 had no ; ? see #content 200802 */
}

#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 */
}

table {		/* border: thin outset; */
	background-color: #90ee90; /* #ddffdd; #99ff99; background is table border colour */
/*	margin-left: 20%;		is ineffective overidden by ctr0  */
}					

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: 2%;		/*	0% NB this line REQUIRED for IE else auto-indents	*/
								/* 20%  see #content 200802 */
/*	margin-right: 4%;	 new 200802 thenremoved see #content ? */
	/* 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; /* 1.2em */
	padding-left: 4px;
	margin-bottom: 0.8em; /* was top */
	list-style-image: url(../images/icoacol.png);	/* icoabn.png ico1 */
}

li li {		 /* nested margins too much, subtract some, observe LIST padding above */
	margin-left: 0; /* -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: #FFA500; /* Yellow */
}
a:active {	color : #FFA500;} /* 200802 was 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: -20%	 0; 20091228 overturn default 20% useless, kludge nudge below	*/
}

.nujl	{ margin-left: -4%; }

.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: 0.6em;	/* 1 2em 20080218 */
	/* border-bottom: 10px; study why nogo someday... */
}	
/*	#logo.boxl {	*/
img.boxl {
	margin-left: 2%;
}

.tags {
	/* 20091230 AFTER boxl in cascade
	really SHOULD convert page to proper 3 columns 	*/
	margin-top: 100px;
	margin-left: 1%;
	width: 1%;		/* (not in use) 10%; allows no linebreaks in taglist */
}

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

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

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

div.to-top a {
	padding: 0.3em 6em; /* 20070714 from above */
	display: block; /* increases clickable area otherwise a href default in-line txt only */
	background-image: url(../images/arrow2up.gif);
	background-position: 96%;
	background-repeat: no-repeat;
}

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; /* 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;
}

.enforce {
	color: Blue;
	font-weight: bold; /* endorse loses to greenish background... */
}
.h2olive {
	color: Olive;
	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;
}  

#footer img {	/* #titlebar 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 */