/* CSS Document */

/* selectors beginning without a # relate to the html tag of the name name */
/* selectors beginning with # relate to code with a matching id (#error-messages applies if id="error-messages") */
/* selectors strting with a . are used for a class ( .box is used for class="box") */

body
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000; /* dark blue text */
	background-color: #ffffff;
	border:0;
	margin:0;
	overflow:hidden;
}

.mainfoot_address 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	background-color: #ffffff;
}
.mainfoot_funding 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	background-color: #ffffff;
}

/* Identification block banner  - use for pages that should be single */
div.identification {  
/*	z-index:1; */
	position: relative;
	clear: both;
	left: 0;
	top: 0;
/*	height: 105px; */
	width:100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
/*	margin-top: auto;  */
	border: none;
	white-space: nowrap;
	background-color: #D3D5DA;
}

/* Identification block banner - use for long scrolling pages*/
div.identificationfixed {  
/*	z-index:4;  */
/*	position : fixed; */
	position:relative;
	left: 0;
	top: 0;
/*	height: 105px; */
	width:100%;
	margin-left: 0;
	margin-right: 0;
/*  margin-top: auto; */
	margin-top: 0;
	margin-bottom: 0;
	border: none;
	white-space: nowrap;
}

/* navtree panel banner - use for pages that should be single */
div.navtree {  
/*	z-index:3;  */
	position: relative;	/* was absolute */
	left: 0; 
	top: 0px;					/* was 95px*/
/*	padding:0;  */
	width: 160px;
	clear: both;
	float: left;
	height: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
/*	padding : 3px; */
	border: none;
	background-color: #E1E2E5;
}

/* navtree panel banner - use for long scrolling pages */
div.navtreefixed {  
	z-index:4; 
	position : fixed;
	left: 0; 
	top: 95px;
	width: 100%;
/*	height: 70px; */
	margin-left: 0;
	margin-right: 0;
/*	padding : 3px; */
	border: none;
	background-color: #E1E2E5;
}

/* identification panel table borders */
div.identification table { 
	vertical-align:top;
	border-collapse:collapse;
	padding:0;
	border-spacing:0;
}
/* identification panel table rows */
div.identification tr { 
	border-collapse:collapse;
	padding:0;
	border-spacing:0;
}

/* identification panel table cells */
div.identification td { 
	border-collapse:collapse;
	padding:0;
	border-spacing:0;
}

/* navtree panel table borders */
div.navtree table { 
	vertical-align:top;
	border-collapse:collapse;
	padding:0;
	border-spacing:0;
}

/* navtree panel table rows */
div.navtree tr { 
	border-collapse:collapse;
	padding:0;
	border-spacing:0;
}

/* navtree panel table cells */
div.navtree td { 
	border-collapse:collapse;
	padding:0;
	border-spacing:0;
}

/* navtree panel table borders */
div.footer table { 
	vertical-align:top;
	border-collapse:collapse;
	padding:0;
	border-spacing:0;
}

/* footer panel table rows */
div.footer tr { 
	border-collapse:collapse;
	padding:0;
	border-spacing:0;
}

/* footer panel table cells */
div.footer td { 
	border-collapse:collapse;
	padding:0;
	border-spacing:0;
}
/*	div.navtree table.data { /* navtree panel table data background 
	background-color=#ffffff; 
}
*/

/* Reference panel as right border */ 
div.reference {  
/*	z-index: 2; */
	position: relative; /* absolute; */
	top:  0;
	height: 100%;
	width: 160px;
	float: right;
	clear: right;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #E1E2E5;
}

/* Reference panel table data background */
div.reference td { 
	background-color: #E1E2E5;
}

/* main purpose of the panel - centred */
div.main {  
	z-index: 1;
	position : relative;
/*	clear:both; */
	left: 0; 
 	top: 0; 			/* was 135px;   */
	padding:0;
	border: none;
	text-align: left;
	width: 100%;
/*	padding: 3px;			*/
	background-color: #FFFFFF;
}

div.footer {
  	position: relative;  
	clear:both;
	left: 0;
	top: 0;	/* was 150px; */
	padding:0;
	border: none;
/*	text-align: center; */
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #FEFEEE;
}
div.footer img {
	border: none;  /* no borders for images */
	vertical-align:top;
}

/*

a:link {
	color: #3333FF; /* nice blue for links

a:visited {
	color: #551A8B; /* purplish for links previously visited 
}
a:active { 
	color: red;
}
*/

img {
/*	display: block;  */
	border: none;  /* no borders for images */
}
img.border {		/* class to allow images with a border */
/*	display: block;  */
	border: 2px groove #666699;  
}
img.hide {         /* class to allow images to be hidden  */
	display: none; 
}
cite {
/*	font-size: 0.9em; 	*/
	color: #666666;
}
pre {                   /* for showing code (pre-formatted) */
	color: #732264;
	width: 90%;
	overflow: auto;
	overflow-y: hidden;
}

/* selectors beginning with # relate to code with a matching id (#error-messages applies if id="error-messages") */
#footerbr { 
	clear: both; 
}
#error_messages {
	color: red;
	font-weight:bold;
/*	font-size: 1.1em;	*/
	text-align: left;
	border: 2px;
	border-color: blue;
	padding: 3px;
}

#messages {
	color: green;
	text-align: left;
	border: 2px;
	border-color: blue;
	padding: 3px;
}


div.scrollbox { /* create a box with scroll bars */
	height: 270px;
	overflow: auto;
}

.instructions {
	color: #2B298B; 
	font-style:italic;
/*	font-size: 1.0em; */
}

.attentiontext {
	color:#FF6666;
	font-style:italic;
/*	font-size: 1.0em;  */
}

.errorfield {
	background-color:#CCCCCC;
}
.errortext {
	color: red;
	font-weight:bold;
}

/* ===================================================================
This block is a complete range of text sizes as follows:
naming convention .ssssCS where ssss is the size, C is the color and S is the style.
Style: 	normal=nothing, B=bold, I=italic, BI=Bold Italic
Color: 	black= nothing, W=White, D/L=dark/light in site color scheme
Size:  	nano		nominally 6 pt - too small for general use			
		micro 		nominally 8 pt - readable but very small			
		tiny		nominally 10 pt - fine but not a easy read		
		mini		nominally 12 pt - OK for normal copy
		small		nominally 13.2 pt - optimum size for normal copy
		compact		nominally 14.4 pt - easy read for bold copy	
		normminus	nominally 16.6 pt - good bold or small heading
		norm		nominally 18 pt - bold, easy read or small heading
		normplus	nominally 20 pt - very bold, good size heading
		largish		nominally 24 pt - big enough heading for most pages
		large		nominally 27 pt - a special stand out heading
		huge		nominally 36 pt - an unusually large heading
		giant		nominally 48 pt - an extremely large heading
*/			

/* Black */
/* Normal */
.nano		{ /* nominally 6 pt - too small for general use */ 
			color:#000000;
			font-size: 0.50em;
}
.micro		{ /* nominally 8 pt - readable but very small */
			color:#000000;
			font-size: 0.67em;
}
.tiny 		{ /* nominally 10 pt - fine but not a easy read */
			color:#000000;
			font-size: 0.84em;
}
.mini		{ /* nominally 12 pt - OK for normal copy */	
			color:#000000;
			font-size: 1.00em;
} 	
.small		{ /* nominally 13.2 pt - optimum size for normal copy */
			color:#000000;
			font-size: 1.10em;
}
.compact 	{ /* nominally 14.4 pt - easy read for bold copy */	
			color:#000000;
			font-size: 1.20em;
}
.normminus 	{ /* nominally 16.6 pt - good bold or small heading */
			color:#000000;
			font-size: 1.40em;
}
.norm		{ /* nominally 18 pt - bold, easy read or small heading */
			color:#000000;
			font-size: 1.50em;
}
.normplus 	{ /* nominally 20 pt - very bold, good size heading */
			color:#000000;
			font-size: 1.67em;
}
.largish 	{ /* nominally 24 pt - big enough heading for most pages */
			color:#000000;
			font-size: 2.00em;
}
.large		{ /* nominally 27 pt - a special stand out heading */
			color:#000000;
			font-size: 2.25em;
}
.huge		{ /* nominally 36 pt - an unusually large heading */
			color:#000000;
			font-size: 3.00em; 
}
.giant		{ /* nominally 48 pt - an extremely large heading */
			color:#000000;
			font-size: 4.00em;
}
/* Italic */
.nanoI		{ /* italic 6 pt - too small for general use */ 
			color:#000000;
			font-size: 0.50em;
			font-style:italic;
}
.microI		{ /* italic 8 pt - readable but very small */
			color:#000000;
			font-size: 0.67em;
			font-style:italic;
}
.tinyI		{ /* italic 10 pt - fine but not a easy read */
			color:#000000;
			font-size: 0.84em;
			font-style:italic;
}
.miniI		{ /* italic 12 pt - OK for normal copy */	
			color:#000000;
			font-size: 1.00em;
			font-style:italic;
} 	
.smallI		{ /* italic 13.2 pt - optimum size for normal copy */
			color:#000000;
			font-size: 1.10em;
			font-style:italic;
}
.compactI 	{ /* italic 14.4 pt - easy read for bold copy */	
			color:#000000;
			font-size: 1.20em;
			font-style:italic;
}
.normminusI { /* italic 16.6 pt - good bold or small heading */
			color:#000000;
			font-size: 1.40em;
			font-style:italic;
}
.normI		{ /* italic 18 pt - bold, easy read or small heading */
			color:#000000;
			font-size: 1.5em;
			font-style:italic;
}
.normplusI	{ /* italic 20 pt - very bold, good size heading */
			color:#000000;
			font-size: 1.67em;
			font-style:italic;
}
.largishI 	{ /* italic 24 pt - big enough heading for most pages */
			color:#000000;
			font-size: 2.00em;
			font-style:italic;
}
.largeI		{ /* italic 27 pt - a special stand out heading */
			color:#000000;
			font-size: 2.25em;
			font-style:italic;
}
.hugeI		{ /* italic 36 pt - an unusually large heading */
			color:#000000;
			font-size: 3.00em; 
			font-style:italic;
}
.giantI		{ /* italic 48 pt - an extremely large heading */
			color:#000000;
			font-size: 4.00em;
			font-style:italic;
}
/* Bold */
.nanoB		{ /* bold 6 pt - too small for general use */ 
			color:#000000;
			font-size: 0.50em;
			font-weight:bold; 
}
.microB		{ /* bold 8 pt - readable but very small */
			color:#000000;
			font-size: 0.67em;
			font-weight:bold; 
}
.tinyB 		{ /* bold 10 pt - fine but not a easy read */
			color:#000000;
			font-size: 0.84em;
			font-weight:bold; 
}
.miniB		{ /* bold 12 pt - OK for normal copy */	
			color:#000000;
			font-size: 1.00em;
			font-weight:bold; 
} 	
.smallB		{ /* bold 13.2 pt - optimum size for normal copy */
			color:#000000;
			font-size: 1.10em;
			font-weight:bold; 
}
.compactB 	{ /* bold 14.4 pt - easy read for bold copy */	
			color:#000000;
			font-size: 1.20em;
			font-weight:bold; 
}
.normminusB	{ /* bold 16.6 pt - good bold or small heading */
			color:#000000;
			font-size: 1.40em;
			font-weight:bold; 
}
.normB		{ /* bold 18 pt - bold, easy read or small heading */
			color:#000000;
			font-size: 1.5em;
			font-weight:bold; 
}
.normplusB 	{ /* bold 20 pt - very bold, good size heading */
			color:#000000;
			font-size: 1.67em;
			font-weight:bold; 
}
.largishB 	{ /* bold 24 pt - big enough heading for most pages */
			color:#000000;
			font-size: 2.00em;
			font-weight:bold; 
}
.largeB		{ /* bold 27 pt - a special stand out heading */
			color:#000000;
			font-size: 2.25em;
			font-weight:bold; 
}
.hugeB		{ /* bold 36 pt - an unusually large heading */
			color:#000000;
			font-size: 3.00em; 
			font-weight:bold; 
}
.giantB		{ /* bold 48 pt - an extremely large heading */
			color:#000000;
			font-size: 4.00em;
			font-weight:bold; 
			font-style:italic;
}
/* Bold Italic */
.nanoBI		{ /* bold italic 6 pt - too small for general use */ 
			color:#000000;
			font-size: 0.50em;
			font-weight:bold; 
			font-style:italic;
}
.microBI	{ /* bold italic 8 pt - readable but very small */
			color:#000000;
			font-size: 0.67em;
			font-weight:bold; 
			font-style:italic;
}
.tinyBI		{ /* bold italic 10 pt - fine but not a easy read */
			color:#000000;
			font-size: 0.84em;
			font-weight:bold; 
			font-style:italic;
}
.miniBI		{ /* bold italic 12 pt - OK for normal copy */	
			color:#000000;
			font-size: 1.00em;
			font-weight:bold; 
			font-style:italic;
} 	
.smallBI	{ /* bold italic 13.2 pt - optimum size for normal copy */
			color:#000000;
			font-size: 1.10em;
			font-weight:bold; 
			font-style:italic;
}
.compactBI 	{ /* bold italic 14.4 pt - easy read for bold copy */	
			color:#000000;
			font-size: 1.20em;
			font-weight:bold; 
			font-style:italic;
}
.normminusBI { /* bold italic 16.6 pt - good bold or small heading */
			color:#000000;
			font-size: 1.40em;
			font-weight:bold; 
			font-style:italic;
}
.normBI		{ /* bold italic 18 pt - bold, easy read or small heading */
			color:#000000;
			font-size: 1.5em;
			font-weight:bold; 
			font-style:italic;
}
.normplusBI	{ /* bold italic 20 pt - very bold, good size heading */
			color:#000000;
			font-size: 1.67em;
			font-weight:bold; 
			font-style:italic;
}
.largishBI 	{ /* bold italic 24 pt - big enough heading for most pages */
			color:#000000;
			font-size: 2.00em;
			font-weight:bold; 
			font-style:italic;
}
.largeBI	{ /* bold italic 27 pt - a special stand out heading */
			color:#000000;
			font-size: 2.25em;
			font-weight:bold; 
			font-style:italic;
}
.hugeBI		{ /* bold italic 36 pt - an unusually large heading */
			color:#000000;
			font-size: 3.00em; 
			font-weight:bold; 
			font-style:italic;
}
.giantBI	{ /* bold italic 48 pt - an extremely large heading */
			color:#000000;
			font-size: 4.00em;
			font-weight:bold; 
			font-style:italic;
}
/* White */
/* Normal */
.nanoW		{ /* nominally 6 pt - too small for general use */ 
			color:#FFFFFF;
			font-size: 0.50em;
}
.microW		{ /* nominally 8 pt - readable but very small */
			color:#FFFFFF;
			font-size: 0.67em;
}
.tinyW 		{ /* nominally 10 pt - fine but not a easy read */
			color:#FFFFFF;
			font-size: 0.84em;
}
.miniW		{ /* nominally 12 pt - OK for normal copy */	
			color:#FFFFFF;
			font-size: 1.00em;
} 	
.smallW		{ /* nominally 13.2 pt - optimum size for normal copy */
			color:#FFFFFF;
			font-size: 1.10em;
}
.compactW 	{ /* nominally 14.4 pt - easy read for bold copy */	
			color:#FFFFFF;
			font-size: 1.20em;
}
.normminusW	{ /* nominally 16.6 pt - good bold or small heading */
			color:#FFFFFF;
			font-size: 1.40em;
}
.normW		{ /* nominally 18 pt - bold, easy read or small heading */
			color:#FFFFFF;
			font-size: 1.5em;
}
.normplusW	{ /* nominally 20 pt - very bold, good size heading */
			color:#FFFFFF;
			font-size: 1.67em;
}
.largishW 	{ /* nominally 24 pt - big enough heading for most pages */
			color:#FFFFFF;
			font-size: 2.00em;
}
.largeW		{ /* nominally 27 pt - a special stand out heading */
			color:#FFFFFF;
			font-size: 2.25em;
}
.hugeW		{ /* nominally 36 pt - an unusually large heading */
			color:#FFFFFF;
			font-size: 3.00em; 
}
.giantW		{ /* nominally 48 pt - an extremely large heading */
			color:#FFFFFF;
			font-size: 4.00em;
}
/* Italic */
.nanoWI		{ /* italic 6 pt - too small for general use */ 
			color:#FFFFFF;
			font-size: 0.50em;
			font-style:italic;
}
.microWI	{ /* italic 8 pt - readable but very small */
			color:#FFFFFF;
			font-size: 0.67em;
			font-style:italic;
}
.tinyWI		{ /* italic 10 pt - fine but not a easy read */
			color:#FFFFFF;
			font-size: 0.84em;
			font-style:italic;
}
.miniWI		{ /* italic 12 pt - OK for normal copy */	
			color:#FFFFFF;
			font-size: 1.00em;
			font-style:italic;
} 	
.smallWI	{ /* italic 13.2 pt - optimum size for normal copy */
			color:#FFFFFF;
			font-size: 1.10em;
			font-style:italic;
}
.compactWI 	{ /* italic 14.4 pt - easy read for bold copy */	
			color:#FFFFFF;
			font-size: 1.20em;
			font-style:italic;
}
.normminusWI { /* italic 16.6 pt - good bold or small heading */
			color:#FFFFFF;
			font-size: 1.40em;
			font-style:italic;
}
.normWI		{ /* italic 18 pt - bold, easy read or small heading */
			color:#FFFFFF;
			font-size: 1.5em;
			font-style:italic;
}
.normplusWI	{ /* italic 20 pt - very bold, good size heading */
			color:#FFFFFF;
			font-size: 1.67em;
			font-style:italic;
}
.largishWI 	{ /* italic 24 pt - big enough heading for most pages */
			color:#FFFFFF;
			font-size: 2.00em;
			font-style:italic;
}
.largeWI	{ /* italic 27 pt - a special stand out heading */
			color:#FFFFFF;
			font-size: 2.25em;
			font-style:italic;
}
.hugeWI		{ /* italic 36 pt - an unusually large heading */
			color:#FFFFFF;
			font-size: 3.00em; 
			font-style:italic;
}
.giantWI	{ /* italic 48 pt - an extremely large heading */
			color:#FFFFFF;
			font-size: 4.00em;
			font-style:italic;
}
/* Bold */
.nanoWB		{ /* bold 6 pt - too small for general use */ 
			color:#FFFFFF;
			font-size: 0.50em;
			font-weight:bold; 
}
.microWB	{ /* bold 8 pt - readable but very small */
			color:#FFFFFF;
			font-size: 0.67em;
			font-weight:bold; 
}
.tinyWB		{ /* bold 10 pt - fine but not a easy read */
			color:#FFFFFF;
			font-size: 0.84em;
			font-weight:bold; 
}
.miniWB		{ /* bold 12 pt - OK for normal copy */	
			color:#FFFFFF;
			font-size: 1.00em;
			font-weight:bold; 
} 	
.smallWB	{ /* bold 13.2 pt - optimum size for normal copy */
			color:#FFFFFF;
			font-size: 1.10em;
			font-weight:bold; 
}
.compactWB 	{ /* bold 14.4 pt - easy read for bold copy */	
			color:#FFFFFF;
			font-size: 1.20em;
			font-weight:bold; 
}
.normminusWB { /* bold 16.6 pt - good bold or small heading */
			color:#FFFFFF;
			font-size: 1.40em;
			font-weight:bold; 
}
.normWB		{ /* bold 18 pt - bold, easy read or small heading */
			color:#FFFFFF;
			font-size: 1.5em;
			font-weight:bold; 
}
.normplusWB { /* bold 20 pt - very bold, good size heading */
			color:#FFFFFF;
			font-size: 1.67em;
			font-weight:bold; 
}
.largishWB 	{ /* bold 24 pt - big enough heading for most pages */
			color:#FFFFFF;
			font-size: 2.00em;
			font-weight:bold; 
}
.largeWB	{ /* bold 27 pt - a special stand out heading */
			color:#FFFFFF;
			font-size: 2.25em;
			font-weight:bold; 
}
.hugeWB 	{ /* bold 36 pt - an unusually large heading */
			color:#FFFFFF;
			font-size: 3.00em; 
			font-weight:bold; 
}
.giantWB	{ /* bold 48 pt - an extremely large heading */
			color:#FFFFFF;
			font-size: 4.00em;
			font-weight:bold; 
			font-style:italic;
}
/* Bold Italic */
.nanoWBI	{ /* bold italic 6 pt - too small for general use */ 
			color:#FFFFFF;
			font-size: 0.50em;
			font-weight:bold; 
			font-style:italic;
}
.microWBI	{ /* bold italic 8 pt - readable but very small */
			color:#FFFFFF;
			font-size: 0.67em;
			font-weight:bold; 
			font-style:italic;
}
.tinyWBI	{ /* bold italic 10 pt - fine but not a easy read */
			color:#FFFFFF;
			font-size: 0.84em;
			font-weight:bold; 
			font-style:italic;
}
.miniWBI	{ /* bold italic 12 pt - OK for normal copy */	
			color:#FFFFFF;
			font-size: 1.00em;
			font-weight:bold; 
			font-style:italic;
} 	
.smallWBI	{ /* bold italic 13.2 pt - optimum size for normal copy */
			color:#FFFFFF;
			font-size: 1.10em;
			font-weight:bold; 
			font-style:italic;
}
.compactWBI	{ /* bold italic 14.4 pt - easy read for bold copy */	
			color:#FFFFFF;
			font-size: 1.20em;
			font-weight:bold; 
			font-style:italic;
}
.normminus BI { /* bold italic 16.6 pt - good bold or small heading */
			color:#FFFFFF;
			font-size: 1.40em;
			font-weight:bold; 
			font-style:italic;
}
.normWBI	{ /* bold italic 18 pt - bold, easy read or small heading */
			color:#FFFFFF;
			font-size: 1.5em;
			font-weight:bold; 
			font-style:italic;
}
.normplusWBI { /* bold italic 20 pt - very bold, good size heading */
			color:#FFFFFF;
			font-size: 1.67em;
			font-weight:bold; 
			font-style:italic;
}
.largishWBI	{ /* bold italic 24 pt - big enough heading for most pages */
			color:#FFFFFF;
			font-size: 2.00em;
			font-weight:bold; 
			font-style:italic;
}
.largeWBI	{ /* bold italic 27 pt - a special stand out heading */
			color:#FFFFFF;
			font-size: 2.25em;
			font-weight:bold; 
			font-style:italic;
}
.hugeWBI		{ /* bold italic 36 pt - an unusually large heading */
			color:#FFFFFF;
			font-size: 3.00em; 
			font-weight:bold; 
			font-style:italic;
}
.giantWBI	{ /* bold italic 48 pt - an extremely large heading */
			color:#FFFFFF;
			font-size: 4.00em;
			font-weight:bold; 
			font-style:italic;
}
/* Dark */
/* Normal */
.nanoD		{ /* nominally 6 pt - too small for general use */ 
			color:#CA7331;
			font-size: 0.50em;
}
.microD		{ /* nominally 8 pt - readable but very small */
			color:#CA7331;
			font-size: 0.67em;
}
.tinyD 		{ /* nominally 10 pt - fine but not a easy read */
			color:#CA7331;
			font-size: 0.84em;
}
.miniD		{ /* nominally 12 pt - OK for normal copy */	
			color:#CA7331;
			font-size: 1.00em;
} 	
.smallD		{ /* nominally 13.2 pt - optimum size for normal copy */
			color:#CA7331;
			font-size: 1.10em;
}
.compactD 	{ /* nominally 14.4 pt - easy read for bold copy */	
			color:#CA7331;
			font-size: 1.20em;
}
.normminusD	{ /* nominally 16.6 pt - good bold or small heading */
			color:#CA7331;
			font-size: 1.40em;
}
.normD		{ /* nominally 18 pt - bold, easy read or small heading */
			color:#CA7331;
			font-size: 1.5em;
}
.normplusD 	{ /* nominally 20 pt - very bold, good size heading */
			color:#CA7331;
			font-size: 1.67em;
}
.largishD 	{ /* nominally 24 pt - big enough heading for most pages */
			color:#CA7331;
			font-size: 2.00em;
}
.largeD		{ /* nominally 27 pt - a special stand out heading */
			color:#CA7331;
			font-size: 2.25em;
}
.hugeD		{ /* nominally 36 pt - an unusually large heading */
			color:#CA7331;
			font-size: 3.00em; 
}
.giantD		{ /* nominally 48 pt - an extremely large heading */
			color:#CA7331;
			font-size: 4.00em;
}
/* Italic */
.nanoDI		{ /* italic 6 pt - too small for general use */ 
			color:#CA7331;
			font-size: 0.50em;
			font-style:italic;
}
.microDI	{ /* italic 8 pt - readable but very small */
			color:#CA7331;
			font-size: 0.67em;
			font-style:italic;
}
.tinyDI		{ /* italic 10 pt - fine but not a easy read */
			color:#CA7331;
			font-size: 0.84em;
			font-style:italic;
}
.miniDI		{ /* italic 12 pt - OK for normal copy */	
			color:#CA7331;
			font-size: 1.00em;
			font-style:italic;
} 	
.smallDI	{ /* italic 13.2 pt - optimum size for normal copy */
			color:#CA7331;
			font-size: 1.10em;
			font-style:italic;
}
.compactDI 	{ /* italic 14.4 pt - easy read for bold copy */	
			color:#CA7331;
			font-size: 1.20em;
			font-style:italic;
}
.normminusDI { /* italic 16.6 pt - good bold or small heading */
			color:#CA7331;
			font-size: 1.40em;
			font-style:italic;
}
.normDI		{ /* italic 18 pt - bold, easy read or small heading */
			color:#CA7331;
			font-size: 1.5em;
			font-style:italic;
}
.normplusDI	{ /* italic 20 pt - very bold, good size heading */
			color:#CA7331;
			font-size: 1.67em;
			font-style:italic;
}
.largishDI 	{ /* italic 24 pt - big enough heading for most pages */
			color:#CA7331;
			font-size: 2.00em;
			font-style:italic;
}
.largeDI	{ /* italic 27 pt - a special stand out heading */
			color:#CA7331;
			font-size: 2.25em;
			font-style:italic;
}
.hugeDI		{ /* italic 36 pt - an unusually large heading */
			color:#CA7331;
			font-size: 3.00em; 
			font-style:italic;
}
.giantDI	{ /* italic 48 pt - an extremely large heading */
			color:#CA7331;
			font-size: 4.00em;
			font-style:italic;
}
/* Bold */
.nanoDB		{ /* bold 6 pt - too small for general use */ 
			color:#CA7331;
			font-size: 0.50em;
			font-weight:bold; 
}
.microDB	{ /* bold 8 pt - readable but very small */
			color:#CA7331;
			font-size: 0.67em;
			font-weight:bold; 
}
.tinyDB		{ /* bold 10 pt - fine but not a easy read */
			color:#CA7331;
			font-size: 0.84em;
			font-weight:bold; 
}
.miniDB		{ /* bold 12 pt - OK for normal copy */	
			color:#CA7331;
			font-size: 1.00em;
			font-weight:bold; 
} 	
.smallDB		{ /* bold 13.2 pt - optimum size for normal copy */
			color:#CA7331;
			font-size: 1.10em;
			font-weight:bold; 
}
.compactDB 	{ /* bold 14.4 pt - easy read for bold copy */	
			color:#CA7331;
			font-size: 1.20em;
			font-weight:bold; 
}
.normminusDB { /* bold 16.6 pt - good bold or small heading */
			color:#CA7331;
			font-size: 1.40em;
			font-weight:bold; 
}
.normDB		{ /* bold 18 pt - bold, easy read or small heading */
			color:#CA7331;
			font-size: 1.5em;
			font-weight:bold; 
}
.normplusDB	{ /* bold 20 pt - very bold, good size heading */
			color:#CA7331;
			font-size: 1.67em;
			font-weight:bold; 
}
.largishDB 	{ /* bold 24 pt - big enough heading for most pages */
			color:#CA7331;
			font-size: 2.00em;
			font-weight:bold; 
}
.largeDB	{ /* bold 27 pt - a special stand out heading */
			color:#CA7331;
			font-size: 2.25em;
			font-weight:bold; 
}
.hugeDB		{ /* bold 36 pt - an unusually large heading */
			color:#CA7331;
			font-size: 3.00em; 
			font-weight:bold; 
}
.giantDB	{ /* bold 48 pt - an extremely large heading */
			color:#CA7331;
			font-size: 4.00em;
			font-weight:bold; 
			font-style:italic;
}
/* Bold Italic */
.nanoDBI	{ /* bold italic 6 pt - too small for general use */ 
			color:#CA7331;
			font-size: 0.50em;
			font-weight:bold; 
			font-style:italic;
}
.microDBI	{ /* bold italic 8 pt - readable but very small */
			color:#CA7331;
			font-size: 0.67em;
			font-weight:bold; 
			font-style:italic;
}
.tinyDBI	{ /* bold italic 10 pt - fine but not a easy read */
			color:#CA7331;
			font-size: 0.84em;
			font-weight:bold; 
			font-style:italic;
}
.miniDBI	{ /* bold italic 12 pt - OK for normal copy */	
			color:#CA7331;
			font-size: 1.00em;
			font-weight:bold; 
			font-style:italic;
} 	
.smallDBI	{ /* bold italic 13.2 pt - optimum size for normal copy */
			color:#CA7331;
			font-size: 1.10em;
			font-weight:bold; 
			font-style:italic;
}
.compactDBI	{ /* bold italic 14.4 pt - easy read for bold copy */	
			color:#CA7331;
			font-size: 1.20em;
			font-weight:bold; 
			font-style:italic;
}
.normminusDBI { /* bold italic 16.6 pt - good bold or small heading */
			color:#CA7331;
			font-size: 1.40em;
			font-weight:bold; 
			font-style:italic;
}
.normDBI	{ /* bold italic 18 pt - bold, easy read or small heading */
			color:#CA7331;
			font-size: 1.5em;
			font-weight:bold; 
			font-style:italic;
}
.normplusDBI { /* bold italic 20 pt - very bold, good size heading */
			color:#CA7331;
			font-size: 1.67em;
			font-weight:bold; 
			font-style:italic;
}
.largishDBI	{ /* bold italic 24 pt - big enough heading for most pages */
			color:#CA7331;
			font-size: 2.00em;
			font-weight:bold; 
			font-style:italic;
}
.largeDBI	{ /* bold italic 27 pt - a special stand out heading */
			color:#CA7331;
			font-size: 2.25em;
			font-weight:bold; 
			font-style:italic;
}
.hugeDBI		{ /* bold italic 36 pt - an unusually large heading */
			color:#CA7331;
			font-size: 3.00em; 
			font-weight:bold; 
			font-style:italic;
}
.giantDBI	{ /* bold italic 48 pt - an extremely large heading */
			color:#CA7331;
			font-size: 4.00em;
			font-weight:bold; 
			font-style:italic;
}
/* Light */
/* Normal */
.nanoL		{ /* nominally 6 pt - too small for general use */ 
			color:#EED275;
			font-size: 0.50em;
}
.microL		{ /* nominally 8 pt - readable but very small */
			color:#EED275;
			font-size: 0.67em;
}
.tinyL 		{ /* nominally 10 pt - fine but not a easy read */
			color:#EED275;
			font-size: 0.84em;
}
.miniL		{ /* nominally 12 pt - OK for normal copy */	
			color:#EED275;
			font-size: 1.00em;
} 	
.smallL		{ /* nominally 13.2 pt - optimum size for normal copy */
			color:#EED275;
			font-size: 1.10em;
}
.compactL 	{ /* nominally 14.4 pt - easy read for bold copy */	
			color:#EED275;
			font-size: 1.20em;
}
.normminusL	{ /* nominally 16.6 pt - good bold or small heading */
			color:#EED275;
			font-size: 1.40em;
}
.normL		{ /* nominally 18 pt - bold, easy read or small heading */
			color:#EED275;
			font-size: 1.5em;
}
.normplusL 	{ /* nominally 20 pt - very bold, good size heading */
			color:#EED275;
			font-size: 1.67em;
}
.largishL 	{ /* nominally 24 pt - big enough heading for most pages */
			color:#EED275;
			font-size: 2.00em;
}
.largeL		{ /* nominally 27 pt - a special stand out heading */
			color:#EED275;
			font-size: 2.25em;
}
.hugeL		{ /* nominally 36 pt - an unusually large heading */

			color:#EED275;
			font-size: 3.00em; 
}
.giantL		{ /* nominally 48 pt - an extremely large heading */
			color:#EED275;
			font-size: 4.00em;
}
/* Italic */
.nanoLI		{ /* italic 6 pt - too small for general use */ 
			color:#EED275;
			font-size: 0.50em;
			font-style:italic;
}
.microLI	{ /* italic 8 pt - readable but very small */
			color:#EED275;
			font-size: 0.67em;
			font-style:italic;
}
.tinyLI		{ /* italic 10 pt - fine but not a easy read */
			color:#EED275;
			font-size: 0.84em;
			font-style:italic;
}
.miniLI		{ /* italic 12 pt - OK for normal copy */	
			color:#EED275;
			font-size: 1.00em;
			font-style:italic;
} 	
.smallLI	{ /* italic 13.2 pt - optimum size for normal copy */
			color:#EED275;
			font-size: 1.10em;
			font-style:italic;
}
.compactLI 	{ /* italic 14.4 pt - easy read for bold copy */	
			color:#EED275;
			font-size: 1.20em;
			font-style:italic;
}
.normminusLI { /* italic 16.6 pt - good bold or small heading */
			color:#EED275;
			font-size: 1.40em;
			font-style:italic;
}
.normLI		{ /* italic 18 pt - bold, easy read or small heading */
			color:#EED275;
			font-size: 1.5em;
			font-style:italic;
}
.normplusLI	{ /* italic 20 pt - very bold, good size heading */
			color:#EED275;
			font-size: 1.67em;
			font-style:italic;
}
.largishLI 	{ /* italic 24 pt - big enough heading for most pages */
			color:#EED275;
			font-size: 2.00em;
			font-style:italic;
}
.largeLI	{ /* italic 27 pt - a special stand out heading */
			color:#EED275;
			font-size: 2.25em;
			font-style:italic;
}
.hugeLI		{ /* italic 36 pt - an unusually large heading */
			color:#EED275;
			font-size: 3.00em; 
			font-style:italic;
}
.giantLI	{ /* italic 48 pt - an extremely large heading */
			color:#EED275;
			font-size: 4.00em;
			font-style:italic;
}
/* Bold */
.nanoLB		{ /* bold 6 pt - too small for general use */ 
			color:#EED275;
			font-size: 0.50em;
			font-weight:bold; 
}
.microLB		{ /* bold 8 pt - readable but very small */
			color:#EED275;
			font-size: 0.67em;
			font-weight:bold; 
}
.tinyLB 		{ /* bold 10 pt - fine but not a easy read */
			color:#EED275;
			font-size: 0.84em;
			font-weight:bold; 
}
.miniLB		{ /* bold 12 pt - OK for normal copy */	
			color:#EED275;
			font-size: 1.00em;
			font-weight:bold; 
} 	
.smallLB		{ /* bold 13.2 pt - optimum size for normal copy */
			color:#EED275;
			font-size: 1.10em;
			font-weight:bold; 
}
.compactLB 	{ /* bold 14.4 pt - easy read for bold copy */	
			color:#EED275;
			font-size: 1.20em;
			font-weight:bold; 
}
.normminusLB	{ /* bold 16.6 pt - good bold or small heading */
			color:#EED275;
			font-size: 1.40em;
			font-weight:bold; 
}
.normLB		{ /* bold 18 pt - bold, easy read or small heading */
			color:#EED275;
			font-size: 1.5em;
			font-weight:bold; 
}
.normplusLB 	{ /* bold 20 pt - very bold, good size heading */
			color:#EED275;
			font-size: 1.67em;
			font-weight:bold; 
}
.largishLB 	{ /* bold 24 pt - big enough heading for most pages */
			color:#EED275;
			font-size: 2.00em;
			font-weight:bold; 
}
.largeLB		{ /* bold 27 pt - a special stand out heading */
			color:#EED275;
			font-size: 2.25em;
			font-weight:bold; 
}
.hugeLB		{ /* bold 36 pt - an unusually large heading */
			color:#EED275;
			font-size: 3.00em; 
			font-weight:bold; 
}
.giantLB		{ /* bold 48 pt - an extremely large heading */
			color:#EED275;
			font-size: 4.00em;
			font-weight:bold; 
			font-style:italic;
}
/* Bold Italic */
.nanoLBI		{ /* bold italic 6 pt - too small for general use */ 
			color:#EED275;
			font-size: 0.50em;
			font-weight:bold; 
			font-style:italic;
}
.microLBI	{ /* bold italic 8 pt - readable but very small */
			color:#EED275;
			font-size: 0.67em;
			font-weight:bold; 
			font-style:italic;
}
.tinyLBI		{ /* bold italic 10 pt - fine but not a easy read */
			color:#EED275;
			font-size: 0.84em;
			font-weight:bold; 
			font-style:italic;
}
.miniLBI		{ /* bold italic 12 pt - OK for normal copy */	
			color:#EED275;
			font-size: 1.00em;
			font-weight:bold; 
			font-style:italic;
} 	
.smallLBI	{ /* bold italic 13.2 pt - optimum size for normal copy */
			color:#EED275;
			font-size: 1.10em;
			font-weight:bold; 
			font-style:italic;
}
.compactLBI 	{ /* bold italic 14.4 pt - easy read for bold copy */	
			color:#EED275;
			font-size: 1.20em;
			font-weight:bold; 
			font-style:italic;
}
.normminusLBI { /* bold italic 16.6 pt - good bold or small heading */
			color:#EED275;
			font-size: 1.40em;
			font-weight:bold; 
			font-style:italic;
}
.normLBI		{ /* bold italic 18 pt - bold, easy read or small heading */
			color:#EED275;
			font-size: 1.5em;
			font-weight:bold; 
			font-style:italic;
}
.normplusLBI	{ /* bold italic 20 pt - very bold, good size heading */
			color:#EED275;
			font-size: 1.67em;
			font-weight:bold; 
			font-style:italic;
}
.largishLBI 	{ /* bold italic 24 pt - big enough heading for most pages */
			color:#EED275;
			font-size: 2.00em;
			font-weight:bold; 
			font-style:italic;
}
.largeLBI	{ /* bold italic 27 pt - a special stand out heading */
			color:#EED275;
			font-size: 2.25em;
			font-weight:bold; 
			font-style:italic;
}
.hugeLBI		{ /* bold italic 36 pt - an unusually large heading */
			color:#EED275;
			font-size: 3.00em; 
			font-weight:bold; 
			font-style:italic;
}
.giantLBI	{ /* bold italic 48 pt - an extremely large heading */
			color:#EED275;
			font-size: 4.00em;
			font-weight:bold; 
			font-style:italic;
}
/* ==================================================================*/
.label {
	color: #2B298B; 
	font-style:italic;
	padding-left:3px;
	padding-right:3px;
/*	font-size: 0.75em */
}

/* For fields in NSF formats */
.input {
	padding-left:3px;
	color: #000000;
	background-color: #F5F5FF;
	text-align:left;
}

.inputhi {
	padding-left:3px;
	color: #000010;
	background-color: #FFFF99;
	text-align:left;
}

.inputlo {
	padding-left:3px;
	color: #555555;
	text-align:left;
	background-color: #EEEEEE;
}

.output {
	padding-left:3px;
	color: #000000;
	background-color: #F5F5FF;
	text-align:left;
}

.outputhi {
	padding-left:3px;
	color: #000010;
	background-color: #FFFF99;
	text-align:left;
}

.outputlo {
	padding-left:3px;
	color: #555555;
	text-align:left;
	background-color: #EEEEEE;
}

div.userCheck {
	position: absolute;
	top: 100px;
	left: 100px;
	border-style:inset;
	border-color: #FFCCCC;
	padding: 3px;
	z-index: 3;  /* always in front of anything with a lower stack order */
	visibility:visible;
	display:block;
}

.hide {
	visibility:hidden;
	display:none;
}

table {
	border:none;
	padding:0;
	vertical-align:top;
	font-size: inherit;
}
td {
	font-size: inherit;
}
table.select {
	border: 2px;
	border-color: #CCCCCC;  /* grey */
}

table.padding {
	padding-bottom:8px;
	border-bottom:8px;
}

/* For the main body table within the center cell of the three part curtained set-up */
table.data {
/*	text-align: left;  */
/*	padding: 3px;		*/
/*	border: 1px solid #999999; */
}

/* Far the main table if only horizontal borders are needed */
td.dataline { 	
	border-bottom:1px #FCF5E4 solid;
	border-left:none;
	border-right:none;
	border-top:none;	
	padding: 3px;
	margin:0;
/*	text-align: left;  */
/*	border-top: 1px solid #000000; */ /*#FCf4fF;*/
/*	border-bottom: 1px solid #FCf4fF; #EED275 */
}

/* For the 1x3 table that defines the left curtain, main detail and right curtain */
table.page {
	width:100%;
	padding:0;
	border-width:1px;
	border-color:#E8E8E8;
	clear:both;
}

/* For the table within the left curtain cell (the nav tree itself) */
table.navtree {
/*	text-align: left;  */
/*	padding: 3px;		*/
/*	border: 1px solid #999999; */
	background-color: #E1E2E5;
	vertical-align:top;
}

/* For the table within the right curtain cell */
table.options {
/*	text-align: left;  */
/*	padding: 3px;		*/
/*	border: 1px solid #999999; */
	background-color: #E1E2E5;
	vertical-align:top;
}

/* For the table within the left curtain cell (the nav tree itself)  */
td.navtree {
	text-align: left;
	padding: 3px;
/*	border-top: 3px solid #D1D2D5; */
	border-bottom: 2px solid #D1D2D5;
	white-space:nowrap;
/*	padding-left: 5px; /*
/*	padding-top: 3px; */
/*	padding-bottom: 3px; */
/*	background-color: #E1E2E5; */
}

div.footer {
	background-color: #D3D5DA;
	width: 100%;
	border: 0;
	text-align:center;
}

.warningholder {
	 margin: auto;
	 text-align:center;
}
.warningbox {
	 border-style:double; 
	 border-color:#FF0000;
	 border-width:4px;
	 width: 280px;
	 text-align:center;
}

/* For the table within the right curtain cell */
td.options {
	text-align: center;
	padding: 3px;
/*	border-top: 3px solid #D1D2D5; */
	border-bottom: 2px solid #D1D2D5; 
/*	padding-left: 5px; */
/*	padding-top: 5px; */
/*	padding-bottom: 5px; */
/*	background-color: #E1E2E5; */
}

/* *SAM* /
/* I don't know whether any more specifications are needed other than color */
/* I am not sure whether I have done this right. There was no example of    */
/* using a class for table data - I think that class is right, not ID??     */
/* I am also concerned that, maybe, we need a default bgcolor spec above 	*/
td.topborder {
	background-color: #009999;
}
td.bottomborder {
	background-color: #009999;
}
td.bordershadowedge {
	background-color: #000000;
}
td.bordershadow {
	background-color: #999999;
}
td.bordershadowfade {
	background-color: #CCCCCC;
}

/* For both curtains cells in the main 1x3 table */
td.curtain {
/*	text-align: left;  */
/*	padding: 3px;		*/
	border-left: 3px solid #D1D2D5;
	border-right: 3px solid #D1D2D5;
/*	border-left: 3px solid #D1D2D5; */
/*	padding-left: 3px; */
/*	padding-right: 3px; */
/*	padding-top: 3px; */
/*	padding-bottom: 3px; */
	background-color: #E1E2E5;
	vertical-align:top;
	height:100%;
	width: 200px;
}

/* For the center main body section cell in the main 1x3 table */
td.main {
/*	text-align: left;  */
/*	padding: 3px;		*/
/*	padding: 3px; */
/*	border: 3px solid #D1D2D5; */
/*	border-left: 3px solid #D1D2D5;  */
/*	padding-left: 3px; */
/*	padding-right: 3px; */
/*	padding-top: 3px; */
/*	padding-bottom: 3px; */
	background-color: #FFFFF0; 
}

/* For the section dividers */
td.divider {
	text-align: left;
	background-color: #666699; 
	color: #ffffff; 
	font-size: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	padding-left:5px; 
	padding-right:10px;
	vertical-align:top;
}
/* For empty section dividers */
td.dividerhide {
	text-align: left;
	background-color: #666699; 
	color: #666699; 
	font-size: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	padding-left:5px; 
	padding-right:10px;
	vertical-align:top;
}

/* For fields in SFL formats */

table.colhdg {
	width:100%;
	border:0;
	padding:0;
	margin:0;
	border-collapse: collapse;
}
/* Column Headings themselves */
td.colhdg {
	padding-left: 3px;
	color: #000000; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #D3D5DA;
	text-align:left;
}
td.colhead, th.colhead {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #000000; 
	font-weight: bold; 
	font-size: 12px; 
	background-color: #D3D5DA;
	text-align:left;
	border-bottom:1px #000000 solid;
	border-top:1px #000000 solid;
	border-right:1px #FFFFF0 solid;
	border-left:0;
}
td.colheadhide, th.colheadhide {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #D3D5DA; 
	font-weight: bold; 
	font-size: 12px; 
	background-color: #D3D5DA;
	text-align:left;
	border-bottom:1px #000000 solid;
	border-top:1px #000000 solid;
	border-right:1px #FFFFF0 solid;
	border-left:0;
}

/* Column Headings horizontal shadow lines */
td.colhdgline {
	color: #000000; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #D3D5DA;
	text-align:left;
	border-collapse: collapse;
	border:0;
	padding:0;
}

/* Left prompt labels (SFLFOLD) */
td.label {
	color: #2B298B; 
	font-style: italic;
	text-align: right;
	background-color: #FFFFF9;
	vertical-align:top;
/*	font-size: 0.75em */
}

/* Data Fields */
td.input {
	border: 1px solid #DEDEED;
	padding-left:3px;
	color: #000000;
	background-color: #F5F5FF;
	text-align:left;
	vertical-align:top;
}

td.inputhi {
	border: 1px solid #DEDEED;
	padding-left:3px;
	color: #000010;
	background-color: #FFF0F0;
	text-align:left;
	vertical-align:top;
}

td.inputlo {
	border: 1px solid #DEDEED;
	padding-left:3px;
	color: #555555;
	text-align:left;
	background-color: #EEEEEE;
	vertical-align:top;
}

td.output {
	border: 1px solid #DEDEED;
	padding-left:3px;
	color: #000000;
	background-color: #FFFFF0;
	text-align:left;
	vertical-align:top;
}

td.outputhi {
	border: 1px solid #DEDEED;
	padding-left:3px;
	color: #000010;
	background-color: #FFF0F0;
	text-align:left;
	vertical-align:top;
}

td.outputlo {
	border: 1px solid #DEDEED;
	padding-left:3px;
	color: #555555;
	text-align:left;
	background-color: #EEEEEE;
	vertical-align:top;
}

select {
	background-color: #DDE3FF; /* colour for multilevel list */
	border: 1px;
}
option {
	background-color: #FFFFCC; /* colour for multilevel list */
	border: 1px;
}
input.select {
	background-color: #DDE3FF; /*  #EEEEEE;  /* light grey colour for forms input fields */
}

.highlight {
	background-color: #DDE3FF; /* steel colour for highlighted table elements */
	font-weight:bold;
}
.lowlight {
	background-color: #FFFFCC; /* pale colour for lowlighted table elements */
}
.level1 {
	background-color: #DDE3FF; /* colour for multilevel list */
	padding-left: 0;
	padding-right: 9px;
}
.level2 {
	background-color: #FFFFCC; /* #F6F9C6; /* colour for multilevel list */
	padding-left: 9px;
	padding-right: 0;
	color:#333333; 			   /* text in grey */
}
.level3 {
	background-color: #99FF00; /* colour for multilevel list */
	padding-left: 15px;
	padding-right: 0;
	color:#555555; 			   /* text in grey */
}
.level4 {
	background-color: #CCFF66; /* colour for multilevel list */
	padding-left: 21px;
	padding-right: 0;
	color:#777777; 			   /* text in grey */
}
.level5 {
	background-color: #33FFCC; /* colour for multilevel list */
	padding-left: 27px;
	padding-right: 0;
	color: #999999; 			   /* text in grey */
}
.level6 {
	background-color: #6666FF; /* colour for multilevel list */
	padding-left: 33px;
	padding-right: 0;
	color: #666666; 			   /* text in grey */
}
.level1hi {
	background-color: #DDE3FF; /* colour for multilevel list */
	padding-left: 0;
	padding-right: 9px;
	border:double;
}
.level2hi {
	background-color: #FFFFCC; /* #F6F9C6; /* colour for multilevel list */
	padding-left: 9px;
	padding-right: 0;
	color:#333333; 			   /* text in grey */
	border:double;
}
.level3hi {
	background-color: #99FF00; /* colour for multilevel list */
	padding-left: 15px;
	padding-right: 0;
	color:#555555; 			   /* text in grey */
	border:double;
}
.level4hi {
	background-color: #CCFF66; /* colour for multilevel list */
	padding-left: 21px;
	padding-right: 0;
	color:#777777; 			   /* text in grey */
	border:double;
}
.level5hi {
	background-color: #33FFCC; /* colour for multilevel list */
	padding-left: 27px;
	padding-right: 0;
	color: #999999; 			   /* text in grey */
	border:double;
}
.level6hi {
	background-color: #6666FF; /* colour for multilevel list */
	padding-left: 33px;
	padding-right: 0;
	color: #666666; 			   /* text in grey */
	border:double;
}
.deleted1 {
	background-color:#CCCCCC;	/* deleted items still showing in table */
	color:#999999;
	padding-left: 0;
	padding-right: 9px;
}
.deleted2 {
	background-color: #BBBBBB;
	color:#999999;
	padding-left: 9px;
	padding-right: 0;
}
.deleted3 {
	background-color: #CCCCCC; 
	color:#999999;
	padding-left: 15px;
	padding-right: 0;
}
.deleted4 {
	background-color: #BBBBBB;
	color:#999999;
	padding-left: 21px;
	padding-right: 0;
}
.deleted5 {
	background-color: #CCCCCC;
	color:#999999;
	padding-left: 27px;
	padding-right: 0;
}
.deleted6 {
	background-color: #BBBBBB;
	color:#999999;
	padding-left: 33px;
	padding-right: 0;
}

.popwdw {						/* pop up "window" layer */
	padding: 3px;
	position: absolute;
	z-index:3; 
	background:none; 
	background-color:#FFFFCC; 
	border:inset
}
.popwdwheading {
	font-weight:bold;
	text-decoration:underline;
}

/* Style Sheet originally created for the following:			*/
/* Theme Name: Geeklog Squeaky-Clean (v1.0)						*/
/* Portal package: Geeklog 1.3.5								*/
/* Theme Developer: Simon Lord (slord@mac.com)					*/
/* Theme Code Copyright (c) 2002 by Simon Lord, 				*/
/* reproduction is permitted providing author credits remain.	*/
/* Creation Date: 04/02/2002									*/
/* Modification Date: 24/04/2002								*/
/* ------------------------------------------------------------ */
/* Original Geeklog Styles (possibly modified for this theme)	*/

H1 					{ color: black; font-size: 14px; font-weight: bold; font-family: verdana, arial, sans-serif; }
H2 					{ color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }

.headertext 		{ color: black; font-weight: bold; }
.navtext 			{ color: black; font-weight: bold; }
.blocktitle 		{ color: white; font-size: 10px; font-weight: bold; font-family: verdana, arial, sans-serif; width : 100%; }
.footer 			{ font-size: 10px; font-family: verdana, arial, sans-serif; }
.storytitle 		{ background: #DDDDDD; font-size: 12px; font-weight: bold;  font-family: verdana, arial, sans-serif; }
.storybyline 		{ color: gray;  font-size: 10px; font-weight: bold;  font-family: verdana, arial, sans-serif; }
.storyunderline		{ background: #000000;  }
.warning 			{ color: red;  font-size: 12px; font-weight: bold;  font-family: verdana, arial, sans-serif; }
.warningsmall 		{ color: red;  font-size: 10px; font-family: verdana, arial, sans-serif; }
.commentbar1 		{ color: white;  background: #000000;  font-size: 12px; font-family: verdana, arial, sans-serif; }
.commentbar2 		{ background: #DDDDDD; font-size: 12px; font-family: verdana, arial, sans-serif; }
.commentbar3 		{ color: black;  background: #DDDDDD;  font-size: 10px; font-family: verdana, arial, sans-serif; }
.commenttitle 		{ font-size: 12px; font-weight: bold;  background: #DDDDDD;  font-family: verdana, arial, sans-serif; }
.cal-day 			{ font-size: 14px; font-weight: bold; }
.cal-nullday 		{ background: #EEEEEE; }
.cal-oldday 		{ background: #DDDDDD; }
.cal-today 			{ background: #fceead; }
.weekview-caltitle 	{ background: #DDDDDD; font-weight: bold; font-size: 14px; }
.weekview-curday 	{ background: yellow; }
.weekview-offday 	{ background: #DDDDDD; }
.weekview-dayformat { font-weight: bold; }
.weekview-addevent 	{ font-size: 9px; }
.weekview-daterange { font-size: 16px; font-weight: bold; }
.dayview-times 		{ font-weight: bold; text-align: center; }
.dayview-datecol 	{ font-weight: bold; background: #DDDDDD; font-size: 16px; }
.dayview-quickaddtitle 		{ font-weight: bold; background: #DDDDDD; font-size: 14px; }
.box				{ color: #000; }


/* Custom theme styles */

body				{ background-color: #ffffff; }

.box				{ color: #000;  }

A:link				{ color: #00c; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, Verdana; text-decoration: none }
A:visited			{ color: #606; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, Verdana; text-decoration: none }
A:hover				{ color: #c03; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, Verdana; text-decoration: underline overline }

A.navbar:link 	   	{ color: #d7d8e1; font-weight: bold; font-size: 10px; line-height: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none }
A.navbar:visited    { color: #d7d8e1; font-weight: bold; font-size: 10px; line-height: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none }
A.navbar:hover    	{ color: #ffcc00; font-weight: bold; font-size: 10px; line-height: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none }

A.menuPick:link 	{ color: #00c; font-size: 10px; line-height: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none }
A.menuPick:visited  { color: #606; font-size: 10px; line-height: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none }
A.menuPick:hover 	{ color: #c03; font-size: 10px; line-height: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none }

TD					{ color: #000000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }
TD.bold				{ color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }
TD.indent			{ color: #000000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-indent:15px; }

SPAN.articleTitle	{ color: #000000; font-weight: bold; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif }
SPAN.articleFeature	{ color: #000000; font-weight: bold; font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif }
SPAN.title   		{ color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }
SPAN.quote			{ color: #000000; font-style: italic; font-weight: normal; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }

SPAN.welcomeName 	{ color: #d7d8e1; font-weight: bold; font-size: 10px; line-height: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none }

SPAN.block			{ color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

SPAN.story			{ color: #000000; font-style: italic; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
SPAN.admin-note		{ color: #000000; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

SPAN.sitename		{ color: #000000; font-weight: bold; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif }
SPAN.postedBy		{ color: #000000; font-size: 8px; font-family: Arial, Verdana, Helvetica, sans-serif }
SPAN.copyRight		{ color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
SPAN.display		{ color: #dde3ef; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left:10px; padding-right:10px }
SPAN.divider		{ background-color:#666699; color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left:10px; padding-right:10px }
SPAN.displayhead	{ color: #dde3ef; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-stretch:expanded; text-indent:10px; }
address.blandleft		{ text-align: left; color: #000000; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
address.blandcenter		{ text-align: left; color: #000000; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
address.left		{ text-align: left; background-color:#f6f6f6; color: #441111; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
address.center		{ text-align: center; background-color:#f6f6f6; color: #441111; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
address.bigleft		{ text-align: left; background-color:#f6f6f6; color: #441111; font-size: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-stretch:expanded; }
address.bigcenter		{ text-align: center; background-color:#f6f6f6; color: #441111; font-size: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-stretch:expanded;}
input				{ color: #000033; background-color: #dde3ef;  font-family: Verdana, Helvetica, sans-serif;  font-size: 10px;  font-weight: normal; }

TEXTAREA			{ color: #000033; font-size: 10px; font-family: Verdana, Helvetica, Arial; background-color:  #dde3ef }

select				{ color: #000033; font-weight: normal; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; background-color: #dde3ef; text-indent: 10px; }

file 				{ font-family: Verdana, Helvetica, sans-serif;  font-size: 10px; font-weight: normal; background-color : #eff0f3; }
button 				{ font-family: Verdana, Helvetica, sans-serif;  font-size: 14px; font-weight: normal; border-color: #000033; border-style: solid; text-indent: 12px; }

.button {
   border-top: 1px solid #d5e4ed;
   background: #c0def0;
   background: -webkit-gradient(linear, left top, left bottom, from(#7bc7fa), to(#c0def0));
   background: -moz-linear-gradient(top, #7bc7fa, #c0def0);
   padding: 6px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #230fba;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #6ebff5;
   background: #6ebff5;
   color: #090940;
   }
.button:active {
   border-top-color: #f0bbd7;
   background: #f0bbd7;
   }
   
.searchAuth { 
    font-weight: normal; 
    font-size: 80%; 
    font-family: sans-serif; 
    text-align: left;  
    color:#557755;
}
.searchDate { 
    font-weight: normal; 
    font-size: 80%; 
    font-family: sans-serif; 
    text-align: right;  
    color:#557755;
}
.searchHits { 
    font-weight: normal; 
    font-size: 80%; 
    font-family: sans-serif; 
    text-align: right; 
    color:#557755;
}
.highlight { 
    background-color: yellow; 
    text-decoration: none; 
} 
/* Undordered list items as used for menu tabs: */
ul#nav,ul#nav li {
	list-style-type:none;
	margin:0;
	padding:0
}
ul#nav {
	float:left;
	font-size: 100%
}
ul#nav li {
	float:left; 
	margin-left: 3px
}
ul#nav a {
	float:left; 
	width: 95px;
	padding: 5px;
	background: #627eB2; /* #CC99FF; */
	text-decoration:none;
	color: #003
}
ul#nav a {
	float:left; 
	width: 95px;
	padding: 5px;
	background: #627eB2; /* #CC99FF; */
	text-decoration:none;
	color: #003
}
ul#nav a:hover {
	background: #fff0a0;
	color: #666633
}
ul#nav li.activelink a,ul#nav li.activelink a:hover {
	background: #666699;
	color: #FFC
}

.menuwdw {
	position: absolute;
	z-index:3; 
	border:none;
}

.menu1holder {
	border: 0;
}

.menu1 {
	border: 1px solid #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none; 
}

.menu1 a, .menu1 a:link, .menu1 a:visited {
 	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	color:#000000;
	background-color: #555599;
	text-decoration: none; 
}

.menu1 a:hover, .menu1 a:active {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
/*	background-color: #555599; */
	background-color: #666699;
	color:#ffffff;
	text-decoration: none; 
}

.menu1selected {
	border: 1px solid #ffffff;
	background-color: #666699;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal; 
	text-decoration: none; 
}

.menu1selected a, .menu1selected a:link, .menu1selected a:visited, .menu1selected a:hover, .menu1selected a:visited {
	display:block;
	background-color: #666699;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none; 
}

.menu2holder {
	border: 0;
}

.menu2 {
	background-color:#FFFFFF;
	border: 1px solid #000000;
	border-collapse:collapse;
	text-decoration: none;
}

.menu2 a, .menu2 a:link, .menu2 a:visited {
 	display: block;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
/*   	width: 9em;  */
	padding: 3px;
	color: #666699;
	background: none;
}

.menu2 a:hover, .menu2 a:active {
 	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	padding: 3px;
	background-color: #fff0a0;
	color:#666633; /* #9A3467 */
	text-decoration: none;
}

.menu2active {
	border: 1px solid #000000;
	border-collapse:collapse;
}

.menu2active a, .menu2active a:link, .menu2active a:visited, .menu2active a:hover, .menu2active a:visited {
	display:block;
	background: #666699;
	color: #FFFFFF;
 	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding: 3px;
	text-decoration: none;
}

.menu2selected {
	border: 1px solid #000000;
	border-collapse:collapse;
}

.menu2selected a, .menu2selected a:link, .menu2selected a:visited, .menu2selected a:hover, .menu2selected a:visited {
	display:block;
	background: #666699;
	color: #FFFFFF;
 	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding: 3px;
	text-decoration: none;
}

.popper {
	position: absolute;
	border:3px outset #C6CAF1;
	overflow:auto;
	scrollbar-face-color: #798B75;
	scrollbar-track-color: #586E54;
	scrollbar-shadow-color: #003265;
	overflow-x: hidden;
  	visibility : hidden;
	top: 1;
	left:1;
}

.addressbox {
	border-style:double; 
	border-color:#0033CC;
}