BODY { 
	background-color: #CCFFFF ;
	color: black }

A { 
	color: blue ;
	text-decoration: underline
}
A:hover { 
	color: red   
}
A:active {
	background-color: white
}
A.bred { 
	color: red ;
	text-decoration: none
}
A.bred:hover { 
	color: blue   
}
A.bred:active {
	background-color: #CCFFFF ;
}
A.nounderline { 
	text-decoration: none;
}

TABLE { 
	background-color: #CCFFFF ; 
	border:none ; 
	width:100% ;
	text-align:center; 
}

TD { 
	font-size: 12pt ; 
	font-family:Arial, Helvetica, sans-serif; 
	color:blue; 
	text-align:center; 
	padding-left: 20px;
	padding-right: 20px 
}

/* global page heading definition, displays the GIF at top of each web page
TD.heading {background: url('headingbg1000x150.GIF') ; height: 150px  } */
TD.header {
	border:thick ridge blue; 
	background-color: #66FFFF;
	color:#FF0000; 
	font-size: 24px ;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	padding-bottom:10px;
	padding-top:10px;
}

/* Left or right align with 15px margin (used to align text in adjacent <TD>'s
	variations can be bold font and/ or red font */
TD.LEFT15      { text-align: left;  padding-left:  15px }
TD.LEFT15bred  { text-align: left;  padding-left:  15px; font-weight:bold; color: red}
TD.RIGHT15     { text-align: right; padding-right: 15px }
TD.RIGHT15b    { text-align: right; padding-right: 15px; font-weight:bold }
TD.RIGHT15bred { text-align: right; padding-right: 15px; font-weight:bold; color: red}


/* ****************************************************
These are for the index pages for each family - to draw a matrix of names with different
	colours on each row
********************************************************* */
TD.mnutdrowhead { 
/* header column (leftmost <td>) small font red */
	border:1.0pt solid black ;
	font-size:8pt;
	padding:1px;
	color: red
}
TD.mnutd 		{ 
/* blank cell*/
	border:1.0pt solid black ;
	padding:1px;
	font-size:10pt;
	font-weight:bold
}
TD.mnutdyellow { 
/* yellow background */
	border:1.0pt solid black;
	background-color:yellow;
	padding:1px;
	font-size:10pt;
	font-weight:bold
}
TD.mnutdltgreen { 
/* lt green background */
	border:1.0pt solid black;
	background-color: #99FFCC;
	padding:1px;
	font-size:10pt;
	font-weight:bold
}
TD.mnutdltyell { 
/* light yellow background */
	border:1.0pt solid black;
	background-color: #FFFF99;
	padding:1px;
	font-size:10pt;
	font-weight:bold
}
TD.mnutdrose   { 
/* rose coloured background */
	border:1.0pt solid black;
	background-color: #FF9999;
	padding:1px;
	font-size:10pt;
	font-weight:bold
}

/* *************************************************
pair of definitions to display a 'look-alike' button from text
     mainly used for a [Back] button
********************************************** */
TD.backtd { 
	font-weight: bold;
	font-size : larger;
	padding: 0.5cm 0.0cm ;
}
TH.censushdg {
	font-size: x-small;
	font-family:Arial, Helvetica, sans-serif;
	padding:1px;
	margin:0px;
}
TD.census {
	font-size: small;
	font-family:Arial, Helvetica, sans-serif;
	padding:1px;
	margin:0px;
}
/* to span text to make it look like a button */
.button{ 
	border: medium double black;
	background-color: #D0D0D0;
}
BUTTON.backtd { 
	font-weight: bold;
	vertical-align:middle; color:blue;
}


H1 {
	color:blue; 
	font-size: 18px ; 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:underline ;
	text-align:center 
}
	
H5 {
	color:#FF0000 ;
	font-size: 12pt ; 
	text-align:center
}

H6 {
	color:#FF0000; 
	font-size: 24px ; 
	font-family:Arial, Helvetica, sans-serif; 
	text-align:center }
	
/* Census display page - fixed pitch font  */
.census { 
	font-size: 12px ;
	font-family: "Courier New", Courier, monospace; 
	color:black; 
	text-align: left; 
}

/* *************************************************
     Font colour and weight variations.
********************************************** */
.fontblack { color:black; }

.fontblackleft {
	color:black; 
	text-align: left; 
}

.fontred {
	color:red; 
}

.fontredb {
	color:red; 
	font-weight:bold; 
}

.fontredu {
	color:red; 
	text-decoration:underline; 
}

.fontredleft {
	color:red; 
	text-align: left; 
}

.fontredleftb {
	color:red; 
	text-align: left; 
	font-weight:bold; 
}

.fontredleftbu {
	color:red; 
	text-align: left; 
	font-weight:bold; 
	text-decoration:underline; 
}