body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #F5F5F5;  /* whitesmoke */
	margin: 0px;
	padding: 0px;
}

#outer_table {
	width:750px;
/*	border: 3px solid black;   */
	padding: 10px;
	margin:0px auto 0px auto;
}


#outer_table tr td {
/*	border: 1px solid blue;  */

}


.down_arrow {
	border:none;
	width:32px;
	height:32px;
	}

.img_no_border {
	border:none;
	}

#index_table 
/* = table in index page */

{
	font-size: 100%;
	color: blue;
	border: red;
	margin-top: 0px;
	margin-left:0px;
	font-weight: 400;
	width: 100%;
	height:400px;  
	
}

#index_column1 {
	width: 166px;
	border-right: 1px solid grey;
	vertical-align: top;
}

#index_column2 {
	width: 166px;
	border-right: 1px solid grey;
	vertical-align: top;

}

#index_column3 {
	width: 166px;
	border-right: none;
	vertical-align: top;
}


p:first-child {
	margin-top: 0px;
}



table td {
	font-size: 95%;
	color: blue;
	font-weight: 400;
	border:none;

}


p {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500}

p, h6 {
	font-size: 100%;
	color: blue;
	font-weight: 400;
	
}

.tiny {
font-size: 70%;
}

.emphasis_right {
	font-size: 100%;
	font-weight: 600;
	color: #DC143C /*  crimson */;
	text-align:right;	
}

.emphasis_left {
	font-size: 100%;
	font-weight: 600;
	color: #DC143C /*  crimson */;
	text-align:left;	
}

.emphasis_center {
	font-size: 100%;
	font-weight: 600;
	color: #DC143C /*  crimson */;
	text-align:center;	
}

h1, h2, h3, h4, h5 {
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 124%;
}



h4 {
	font-size: 120%;
}


h5 {
	font-size: 103%;
	color: #FF9900; /* orange */
}

h6 {
	text-decoration: underline;

}

h2, h3, h4, h5, h6 {
	margin-top:2em;
	margin-bottom:-0.2em;
}

.singleLineRow {
	border-bottom:solid 2px silver;
	border-top:0px;
	padding-left: 10px;
	
}

.img_left {
	text-align: left;
	margin: 2px 10px 2px 2px;
	padding: 0px;
	float: left; 
}

.img_right {
	text-align: left;
	margin: 10px 0px 10px 10px;
	padding: 0px;
	float: right; 
}

.img_center {

	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.table_top_row {
	background: #B0C4DE; /*lightsteelblue;*/

}

.table_3_col
/* table of three colums */
{
	border: 1px solid green;
	border-collapse: collapse;
	background: white;
	margin-left:auto;
	margin-right:auto;
	width:100%
	} 

.rtcref p {
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: 500;
	color: #000099;
}

.rtcref img {
	border:none;
	float: left;
	margin-right: 2em;
}




/* 
Murray and Osgood: This comment applies to the style given immediately BELOW:

The old selector was as follows:
.table_3_col tr td 
The result was unsatisfactory. The table columns were not of equal width 
as intended.

Osgood suggested a fix, which actually worked, namely specifying a context 
for this selector, thus:
#outer_table .table_3_col tr td
This is what you see below, and therefore the table now looks as intendedL: i.e. equal columns.

However, I am not happy with this "solution".  The fact that "it works" is neither here nor there.
The table in question has been marked as class=".table_3_col". Therefore the browser should 
recognise it as such even if I do not declare specifically that it is 
"inside a table called #outer_table".

This is quite different from what did elsewhere in this stylesheet, where I correctly 
created a style
#outer_table tr td table { ...  } 
which therefore applies to any table other than the
outer table.  In that case I had to specify a context in order to make clear to the browser 
that the style rule in question does NOT apply to the outer table.

Can Murray or someone else please say:
1	Why Osgood's solution is valid.
2	If it is NOT valid (even though it works), what would be the correct solution of my problem.

Thanks, Adrian

  */

#outer_table .table_3_col tr td 
/* for cells in 3-column tables   */
{
	font-size:80%;
	border: 1px solid green;
	vertical-align: top;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0em;
	padding-bottom: 0em;
	width: 33.3%;
	}




#outer_table tr td table {
	width:90%;   
	margin-left:auto;
	margin-right:auto;	
	margin-top:1em;
	border-collapse:collapse;	
	}

#outer_table tr td table td {
	width:50%; 
	padding-left: 0.5em;
	vertical-align:top;
	border:none;
	}

.previous_next {
	width:300px;
	height:20px; 
	border:none;
	margin-left:auto;
	margin-right:auto;   
}


.up_arrow {
	border: none;
	width:23px;
	height:38px;
}

.up_arrow_green {
	border: none;
	width:15px;
	height:15px;
}

.table_jumplinks {
	border: 1px solid #009900;
	padding:3px;
	width:100%;
}

.table_jumplinks td p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	vertical-align: top;
	padding: 0.4em;	
	margin: 0px;
}	
	
.table_jumplinks a {
	text-decoration: none;
	color: #0000ff;
}

#outer_table #table_on_title_page {
	width:192px;
	float:left;
	text-align: left;
	margin: 2px 10px 2px 2px;
	padding: 0px;
}

#malone {
	background-color:#66CC00; /*   green   */
	padding:1em;

}

#malone  p {
	margin-top, margin-bottom: 0em;
	margin-left:10em;

}