body {
	margin: 0;
	padding: 0; 
	background: #E2E1D8; /* colour outside the page to edge of browser window */
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-family: serif;
	font-size: 16px;
/*	font-family: sans-serif; to compare browsers */
}	

a {	
	text-decoration: underline;
	color: blue;
	font-weight: normal;
}

a:visited {
  color: green;
  color: blue; /* so disabled - set it on the pages with tables */
}

a:hover {color:brown;}

a.title{
	text-decoration: none;
	color: black;
	font-weight: bold;
}

/* the next three are for the HTML5 pages*/
h2.cent {text-align:center;}
h3.cent {text-align:center;}	
p.cent  {text-align:center;}


span.caption {color:black;font-size: 0.9em;font-style: italic; vertical-align:top}
span.caption2 {margin: 0; color: black; font-size:1.25em; line-height:1.5; }

div.page_wrap {
	background:	#fff; 	/* we shouldn't see this if there are no gaps*/
	margin: 0 auto;
	width: 	960px;
	padding: 0px;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); 
	   -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); 
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); 
}
div.head {
	background: silver; /* header and footer colour */
	padding: 	2px 0px 9px 0px;
}
div.head_menu {
	background: silver; /* header and footer colour */
	width: 900px;
	padding: 	0px 20px 9px 40px;
	border-bottom: 1px solid #949599;
}
div.foot { 
	background: silver; /* header and footer colour */
	padding: 5px 5px;
	text-align: left;
}
div.single_col {
	display: inline-block;
	vertical-align: top;
	width:  880px;
	background:  #fff3e6;  /* page background colour */
	padding: 	20px 40px 0px 40px;
}

/* this lot rely on div.head and div.head_menu to work properly */
ul#menu {
    padding: 0;
	margin: 0;
	font-size: 14px;
}
ul#menu li {
    display: inline;
}
ul#menu span{
    background-color:  #fff3e6; /* page background colour - selected tab*/
    color: black;
    padding: 9px 19px 11px 19px;
    text-decoration: none;	
	font-weight: bold;
	border-left: 1px solid #949599;
	border-top: 1px solid #949599;
	border-right: 1px solid black;
    border-radius: 6px 6px 0 0;
}
ul#menu li a {
    background-color: #ffd9b0; /* non-selected tab colour */
    color: black;
    padding: 9px 19px;
    text-decoration: 	none;
	font-weight: bold;
	border-left: 1px solid #949599;
	border-top: 1px solid #949599;
	border-right: 1px solid black;
    border-radius: 6px 6px 0 0;
}
ul#menu li a:hover {
    background-color: #ff9f80;  /* hover over tab colour */
    color:black;
}