body {
	background-color: #edffed;
}
/************* banner ****************/
#banner {
	background: url('images/pillar.gif');
	background-repeat: repeat-x;  
}

#logo {
	margin: 0px auto 0px auto;/* TRBL */
	width:  627px;
}

#prev, #next {
	padding: 40px 0px 0px 0px; /* TRBL */
	margin: 0;
	font-size:20px;
	font-style: bold;
}

#home, #printable {
	padding: 5px 0px 0px 0px; /* TRBL */
	margin: 0;
	font-size:20px;
	font-style: bold;
}

div.nmenu a {
	padding: 0;
	margin-top: 5px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
}

div.nmenu a:hover  {
 	background:  #dbffdb;
	color: black;
}

#tleft {
	color: white; 
	float: left;
}
#tright {
	float: right;
	color: white;
	text-align: right;
}
#pleft {
	float: left;
}
#pright {
	float: right;
}

/*****************  top menu with drop downs  **************************/
/* TRBL */

#topmenu {
	margin: 0px auto 0px auto;
	list-style-type: none; /* removes dot from main menu but not from submenu*/
	border: thin solid #b80047;
	background: url("images/grn_grad_95.gif");
	width: 760px;
	padding: 0;
	height: 21px;
	position: relative; /* needed for IE6 top menu */
}

#topmenu li a:visited {  /* This seems to have no effect*/
	display:block;
}

div.mmenu {
	float: left; /* aligns mmenu headings horizontally */
	width: 95px;  /* = (container width - margins) / (number of menus)  */
	position: relative; /* needed. to provide the reference for ul.menu position */
	font: 0.9em arial, helvetica, sans-serif;  /* needed for Konqueror 4.0 */
	margin-top: 2px;
}

div.mmenu ul {
	text-decoration: none;
	list-style-type: none; /* has no effect */ 
	margin: 0;
	padding: 0;
}

a.menudrop {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none; /* has no effect */
 	position: relative; /*  to provide the reference for ul.menu position */
}

ul.dropmenu {
	color: #b80047;   /* needed for IE7 */
	font: 1em arial, helvetica, sans-serif;    /* needed for IE7 */
	width: 300px; /* width of submenu */
	display: none; /* stops display of submenu */
	list-style-type: none; /* removes dot from submenu li */
	margin: 0;
	border: thick solid #a5ffa3;
	/*border-left: thick solid #a5ffa3;
	border-right: thick solid #a5ffa3;
	border-bottom: thick solid #a5ffa3;*/
	padding: 0;  /* shifts submenu text to the left */
	position: absolute; top: 0.5em; left: 0px;/* improves IE6 */
	background:  #dbffdb;
	z-index: 5;
}

ul.dropmenu li {
	color: #b80047;   /* submenu title text (not a link) */
	font: 1em arial, helvetica, sans-serif; /* alters font for drop down menu */
	text-decoration: none;
	padding-left: 20px;
	border-left: thin solid gray;
	border-bottom: thin solid gray;
}

/*********************  title line *******************************/

#title {
	font-family: Arial, Helvetica, sans-serif;
	color: #b80047;
	font-weight: bold;
	font-size:30px;
	text-align: center;
	margin: 10px auto 20px auto; /* TRBL */
	text-decoration: none;
}

/****************** containers **************/

#container {
	margin-top: 5px; /* gap between title bar and menu */
	position: relative; /* to title bar */ /* or is this for children */
	border-top: thin solid #b80047;
	border-bottom: thin solid #b80047;
	background-color: white;/* #9CF; if white images hidden. If not its green from body */
	padding-top: 5px;  /*originally for IE6 */
}

#container a:hover {
 	background:  #b80047; /*;white; red backgroud */
	color: white;   /* and white text */
}

/********************  footer  *****************/

#footer {
	clear: both;
	padding-top: 10px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align: center;
	background-color: #dbffdb; /* blue #9CF; pale green #dbffdb; */
}

#bottomlinks {
	text-align: center;
}

#bottomlinks a:hover {
 	background:  #b80047; 
	color: white;
}

/******************  left menu and links ******************/

div.sidemenu {
	margin: 0px 0px 40px 0px;/* TRBL */
	width: 220px;
	padding: 0;
}

div.sidemenu li {
	border-bottom: 1px solid white;
}

div.sidemenu li a:link, div.sidemenu li a:visited {
	display:block;
}

p.mhead {
	width: 100%;
	color: #b80047;
	font-weight: bold;
	text-align: center; 
	margin-top: 0px;
	background-color: #edffed;
	line-height: 40px;
	border-top: 2px solid #b80047; /* TRBL */
	border-bottom: 2px solid #b80047; /* TRBL */
}

div.sidemenu ul {
	color: #b80047; 
	background: url("images/grn_grad_200l.gif");
	background-repeat: none;  
	list-style-type: none; /* removes dot from main menu but not from submenu*/
	padding: 0;  /* shifts submenu text to the left */
	width: 100%;
	background-color: #9CF;
	line-height: 1.4em;
	margin-left: 0px;
	margin-bottom: 40px;
}

div.sidemenu ul li {
	border-top: thin solid white;
	border-bottom: thin solid white;
	text-align: left;
	border-left: 8px solid #b80047;
}

a {
	list-style-type: none; /* removes std link formatting but not the dots from submenu */
	color: #b80047; /* the text colour for submenu but not the main menu*/
	text-decoration: none;
}

#selected {
	font-weight: bold;
	color: red;
	border-right: 8px solid red;
}

/************* images with caption and enlarge  *****************/


div.image img, div.image_noclick img {
	border:  2px solid white;
	float: auto;	
}
div.image a img:hover {
	border: 2px solid #b80047;
}
div.caption {
	margin-bottom: 20px;
	clear: both;
	color: #b80047;
float: auto;	
}

/***************** plain text *****************/

div.text, div.references{  /* normal unformatted text */
	border-top: thin solid #b80047; 
	padding-top: 10px;
	margin: 0px 10px 30px 10px;/* TRBL */
 /*background-color: #f5fff5; /* for debug */
}

div.textdl{  /* normal unformatted text */
	margin: 0px 10px 30px 10px;/* TRBL */
}

div.text a:hover {
 	background:  #b80047; /*;white; red backgroud */
	color: white;   /* and white text */
}

table.table1 {
	margin: 0px 0px 20px 0px;/* TRBL */
}

table.table1 tr th {
	border: 1px solid gray;
	padding: 5px;
	color: #b80047;
/* 	background-color: #8eff8e;*/ /*bright green as in old web style*/
	background-color: #d6ffd6;  /*paler green as in menus*/
}
table.table1 tr td {
	border: 1px solid gray;
	padding: 5px;
}

/************************  headings ************************/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

/**************** definition lists spacing *****************/

dl.defn dd {
	margin-bottom: 14px;
}

dl.defn dt {
	font-weight: bold;
}