body { /* establish base font for body as arial or verdana or tahoma with full justification */
	font-family: Arial, Verdana, Tahoma;
	text-align: justify }

td.banner { /* centralise banner graphic in appropriate table cell */
	text-align: center }

ul#navbar { /* set navbar base parameters - e.g. wide enough to include all buttons */
  margin:0px;
  padding:0;
  width:900px }

ul#navbar li { /* display list items in a line rather than a regular staggered list */
  display:inline }

ul#navbar li a { /* pad and space each item in navbar so it resembles a button, set inactive button and text colour */
  text-decoration:none;
  padding:5px 0;
  width:120px;
  background:#c8d0d5;
  color:#eee;
  float:left;
  text-align:center;
  border-left:1px solid #fff;
  border-right:1px solid #fff }

ul#navbar li a:hover { /* set active button and text colour */
  background:#dee2e5;
  color:#000 }

table.content { /* define page heading cell */
	border-top: 5px solid black;
	text-align: center }

h1	{ /* define main header format */
	font-family: Arial, Verdana, Tahoma;
	font-size: 150%;
	font-style: normal;
	text-decoration:underline;
	padding-bottom: 6px;
	margin-left: -4px;
	padding: 0px 4px 5px;
	text-align: center }

p.news { /* heading for news entries */
	color:blue;
	text-decoration:underline;
	text-align: justify;
	font-weight: bold }

p.news_footer { /*  */
	color:green;
	font-style: italic;
	text-align: right;
	font-size: smaller}

table.contact { /* table for contact information */
	width: 40%;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;}

td.category { /* table 'heading' - e.g. name, registered address, date of birth, etc., etc. */
	font-weight: bold}

table.footer { /* define footer format */
	 width: 100%;
	 border-top: 5px solid black;
	 text-align: right }