/* '*' selector dangerous e.g. A on black background ... */
	/* note that uppercase is used for all tages and classes !!! */


	BODY,LI,P,DD,TD,TH {
	    color: black;
	    font-size: 10pt;
	    font-family: Arial,Helvetica,sans-serif;
 	}

	BODY {
		background-color: white;
		margin:5px;
		padding:5px;
	}
	
	TT,PRE,CODE,SAMP {
	        color: black;
		font-size:10pt;
		font-family:monospace;
	}

	H1,H2,H3,H4,H5 { font-weight: bold }

	H1 { font-size: 20pt; }
	H2 { font-size: 16pt; }
	H3 { font-size: 14pt; }
	H4 { font-size: 12pt; }
	H5 { font-size: 10pt; }

	/* default anchors */

	A, A:active {color: blue;}
	A {xx-text-decoration: none}

	/* focus */

	A:hover, INPUT:focus, TEXTAREA:focus, SELECT:focus {
		background-color: #8DF;
	}

	A>IMG.ICON {
		-moz-opacity: 0.6;
		filter:alpha(opacity=60);
		border: 1px outset #DDD;
		background-color:#DDD;
	}

	A>IMG.ICON:hover {
		border: 1px inset #DDD;
		filter:alpha(opacity=100);
		-moz-opacity: 1;
	}

/* elements at top and end of page */

	.DBTITLE, .TITLE, .MINITITLE, .TOOLBAR { 
		color: #004;
		border: 1px solid black;
		background-color: #8DF;
		width: 100%;
	}

	.TOOLBAR { 
		/* position:fixed; */
		/* bottom:0; left:0; */ 
	}


	.MENU {
		border: 1px solid grey;
		background-color: #EEE;
		padding: 5px;
		margin: 0px;
		padding-bottom:2px;

	}

	DIV.DBTITLE A {
		text-decoration: none;
		color: #004;
	}

	.TITLE {
		font-size: 20pt;
		margin-bottom: 10px;
		margin-top: 1px;
	}
	
	DIV.TITLE H1 {
		margin: 2px;
	}

	.MINITITLE {
		font-size: 14pt;
	}

	.CORE {
		/* in this div is the rest of the page */
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.SEARCHTITLES {
		/* stuff on search results pages before results */
	}
	
	.SEARCHREFORMAT {
		/* links to reformat search results */
		display: none;
	}

/* some small stuff */

	.HIDDEN { display: none; }
	.NOBORDER { border: 0px none white !important; }
	.ERROR	{ color: red; }
	.WARN 	{ color: orange; }
	.FOUND 	{ background-color: #8DF; }
	.HINT   { font-size: 8pt; color: #666; }
	.SMALL	{ font-size: 8pt; }

/* menu */

	DIV.MENU BR {
		display: none;
	}

	DIV.MENU A {
		display:block;
	}

	DIV.MENU A, .BUTTON {
		border: 1px outset #DDD;
		color: #440;
	   	background-color: #DDD;
		text-align: left;
		text-decoration: none;
		padding: 1px;
		margin-top: 1px;
		margin-bottom: 1px;
	}

	DIV.MENU A:hover, .BUTTON:hover, A.BUTTON:hover {
		border: 1px inset #DDD; 
	   	background-color: #DDD;
		text-decoration: none;
	}

	DIV.MENU A:active, .BUTTON:active, A.BUTTON:active {
		border: 1px inset #EEE; 
	   	background-color:#EEE;
		text-decoration: none;
	}

	.MENUT {
		display:block;
		border: 0px solid #EEE;	/* same size as anchor */
		text-align: left;
		vertical-align: top;;
		padding-top: 2px;
		margin-top: 0px;
	}

/* form elements */

	INPUT, TEXTAREA, SELECT {
		border: 1px inset #EEE;
	}

/* forms */

	.BOX, .SEARCHBOX, .FORM, DIV.RECORDS table {
		background-color: #EEE;
		border: 1px solid grey;
		vertical-align: middle;
		padding:4px;
	}

	FORM.FORM TD, FORM.FORM TH,
	DIV.RECORDS TD, DIV.RECORDS TH {	
		border-bottom: dotted 1px black;
		padding:4px;
	}

	table.BOX { /* cells need padding, table not */
		padding:0px;
	}

/* boxes are similar */

	.BOX, .ERRBOX, .WARNBOX {
		margin-left:20%;
		margin-right:20%;
		width: 60%;
		text-align: center;
	}

	.ERRBOX {
		background-color: red;
		border: outset 1px red;
		color: black;
	}

	.WARNBOX {
		background-color: orange;
		border: outset 1px orange;
		color: black;
	}

/* tables for records */

	.DATATABLE {
		xx-background-color: #DDD;
	}

	.DATAH  { 
		background-color: #EEE;
		color: black;
	 }

	.DATA	 { background-color: white }
	.DATA1	 { background-color: #DDD }
	.DATA0 	 { background-color: #EEE }

/* end of WODA default */

body {background:white;}
body, td, li, p	{font-family : Verdana, sans-serif; }

h1,h2,h3,h4,h5 {color: #999}
H1 { font-size: 16pt; }
H2 { font-size: 14pt; }
H3 { font-size: 12pt; }
H4 { font-size: 10pt; }
H5 { font-size: 9pt; }

a	{text-decoration : none;}

a, a:active , a:hover {color : #c0c0c0;}

a:visited, a:link {color : #a9a9a9;}

input:focus, textarea:focus, select:focus {
	color: black;
	background-color: aliceblue;
	}

.CORE, #homelink{
	display: block;
	max-width : 800px;
	min-width : 400px;
	margin-left : auto;
	margin-right : auto;
	text-align: center;
	}

.CORE{	/* height: 96%; */}

div.RECORDS {
background:white;
border: white;
text-align:left;
max-width : 400px;
margin: auto}

LI {
list-style-type: none;
margin-bottom: 1em;}

form.FORM td, form.FORM th, td {
	background-color: white;
	font-family : helvetica, sans-serif;
	font-size : x-small;
	vertical-align: top;
	}
	
.postcard {
	background-color: white;
	background-image: url ('http://www.gillianwarden.com.au/imgs/postcard.jpg');
	}

td.image {vertical-align:middle;}

td.imgNav {
	text-align : right;
	}

img.thumbnails {
	max-height : 160px;
	width : 140px;
	height : 140px;
	border : none;
	}

.content {
	display: block;
	max-width : 800px;
	padding : 20px;
	max-height : 90%;
	border: solid 1px #c0c0c0;
	text-align: left;
	}

.HIDDEN { display : none;}
.datetime {
	font-size: x-small;
	color: #333;
	}

/* IDs */

#homelink {}

#headline {text-align : center;}

#poweredbywoda {
	font-size: small;
	display: block;
	width : 100%;
	background : transparent;
	text-align : right;
	position:fixed;
	bottom: 0;
	right: 0;
	}

.reddot {vertical-align:bottom;}
.imageinfo th {text-align:left; font-size: x-small;}