Initial checkin of nutridb.org and basic subversion directory structure

10 files changed, 1378 insertions, 0 deletions

diff --git a/css/2ColumnLayout.css b/css/2ColumnLayout.css
new file mode 100644
index 0000000..fd3b1c1
--- /dev/null
+++ b/css/2ColumnLayout.css
@@ -0,0 +1,105 @@
+/* 2 column layout based on: */
+
+/* http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix */
+/* 3 COLUMN LIQUID LAYOUT BEGIN */
+
+#middleColumn {
+	float: left;
+	width: 80%;
+	margin-left: 20%;
+}
+
+* html #middleColumn {
+	display: inline;
+}
+
+#leftColumn {
+	float: left;
+	width: 20%;
+	margin-left: -100%;
+	background-color: #009999;
+}
+
+#rightColumn {
+	clear: both;
+	margin-left: 20%;
+
+	/* holly-hack from IE */
+	height: 1%;
+	background-color: #cccccc;
+}
+
+/* Start Mac IE5 filter */
+#middleColumn, #leftColumn, #rightColumn {
+	padding-bottom: 32767px;
+	margin-bottom: -32767px; 
+}
+
+@media all and (min-width: 0px) {
+	#middleColumn, #leftColumn, #rightColumn {
+		padding-bottom: 0;
+		margin-bottom: 0; 
+	}
+	#middleColumn:before, #leftColumn:before, #rightColumn:before {
+		display: block;
+		background: inherit;
+		padding-top: 32767px;
+		margin-bottom: -32767px;
+		height: 0;
+	}
+}
+/* End Mac IE5 filter */
+
+#columnContainer {
+	/* This hides the excess padding in non-IE browsers */
+	overflow: hidden;
+}
+
+/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the
+necessary height (unless fixed, this problem becomes even more acute 
+weirdness as the method is enhanced */
+#columnContainer {
+	/* Normally a Holly-style hack height: 1% would suffice but that causes 
+	IE 5.01 to completely collapse the columnContainer - instead we float it */
+	float: left;
+	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
+	(I saw it happen many moons ago) makes the width of columnContainer too small 
+	the float: none with the comment is ignored by 5.01,
+	5.5 and above see it and carry on about their business
+	It's probably fine to just remove it, but it's left here 
+	just in case that many moons ago problem rears its head again */
+	float/**/: none;
+}
+
+/* begin easy clearing */
+#columnContainer:after {
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+#columnContainer {
+	display: inline-block;
+}
+
+/*\*/
+#columnContainer {
+	display: block;
+}
+/* end easy clearing */
+
+#footer {
+	clear: both;
+}
+
+/* Safari needs this - otherwise the ghost overflow, though painted 
+correctly obscures links and form elements that by rights should be above it.
+An unintended side-effect is that it cause such elements to vanish in IE 5.01
+and 5.5, hence the child selector hack */
+* > #footer, * > form {
+	position: relative;
+	/* z-index: 1000; */
+}
+
+/* 3 COLUMN LIQUID LAYOUT END */
diff --git a/css/2column.css b/css/2column.css
new file mode 100644
index 0000000..fafa314
--- /dev/null
+++ b/css/2column.css
@@ -0,0 +1,93 @@
+/*
+http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix
+2 COLUMN LIQUID LAYOUT
+*/
+
+#middleColumn {
+	float: left;
+	width: 85%;
+}
+
+* html #middleColumn {
+	display: inline;
+}
+
+#rightColumn {
+	float: left;
+	width: 15%;
+	background-color: #cccccc;
+}
+
+/* Start Mac IE5 filter \*/
+#middleColumn, #rightColumn {
+	padding-bottom: 32767px;
+	margin-bottom: -32767px; 
+}
+
+@media all and (min-width: 0px) {
+	#middleColumn, #rightColumn {
+		padding-bottom: 0;
+		margin-bottom: 0; 
+	}
+	#middleColumn:before, #rightColumn:before {
+		display: block;
+		background: inherit;
+		padding-top: 32767px;
+		margin-bottom: -32767px;
+		height: 0;
+	}
+}
+/* End Mac IE5 filter */
+
+#columnContainer {
+	/* This hides the excess padding in non-IE browsers */
+	overflow: hidden;
+	margin-bottom: 3px;
+}
+
+/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the
+necessary height (unless fixed, this problem becomes even more acute 
+weirdness as the method is enhanced */
+#columnContainer {
+	/* Normally a Holly-style hack height: 1% would suffice but that causes 
+	IE 5.01 to completely collapse the columnContainer - instead we float it */
+	float: left;
+	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
+	(I saw it happen many moons ago) makes the width of columnContainer too small 
+	the float: none with the comment is ignored by 5.01,
+	5.5 and above see it and carry on about their business
+	It's probably fine to just remove it, but it's left here 
+	just in case that many moons ago problem rears its head again */
+	float/**/: none;
+}
+
+/* begin easy clearing */
+#columnContainer:after {
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+#columnContainer {
+	display: inline-block;
+}
+
+/*\*/
+#columnContainer {
+	display: block;
+}
+/* end easy clearing */
+
+#footer {
+	clear: both;
+}
+
+/* Safari needs this - otherwise the ghost overflow, though painted 
+correctly obscures links and form elements that by rights should be above it.
+An unintended side-effect is that it cause such elements to vanish in IE 5.01
+and 5.5, hence the child selector hack */
+* > #footer, * > form, * > #notes, * > .output {
+	position: relative;
+	z-index: 1000;
+}
diff --git a/css/3ColumnLayout.css b/css/3ColumnLayout.css
new file mode 100644
index 0000000..3a2bc11
--- /dev/null
+++ b/css/3ColumnLayout.css
@@ -0,0 +1,101 @@
+/* http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix */
+/* 3 COLUMN LIQUID LAYOUT BEGIN */
+
+#middleColumn {
+	float: left;
+	width: 64%;
+	margin-left: 20%;
+	margin-right: 1%;
+}
+
+* html #middleColumn {
+	display: inline;
+}
+
+#leftColumn {
+	float: left;
+	width: 19%;
+	margin-left: -85%;
+	background-color: #009999;
+}
+
+#rightColumn {
+	float: left;
+	width: 15%;
+	background-color: #cccccc;
+}
+
+/* Start Mac IE5 filter */
+#middleColumn, #leftColumn, #rightColumn {
+	padding-bottom: 32767px;
+	margin-bottom: -32767px; 
+}
+
+@media all and (min-width: 0px) {
+	#middleColumn, #leftColumn, #rightColumn {
+		padding-bottom: 0;
+		margin-bottom: 0; 
+	}
+	#middleColumn:before, #leftColumn:before, #rightColumn:before {
+		display: block;
+		background: inherit;
+		padding-top: 32767px;
+		margin-bottom: -32767px;
+		height: 0;
+	}
+}
+/* End Mac IE5 filter */
+
+#columnContainer {
+	/* This hides the excess padding in non-IE browsers */
+	overflow: hidden;
+}
+
+/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the
+necessary height (unless fixed, this problem becomes even more acute 
+weirdness as the method is enhanced */
+#columnContainer {
+	/* Normally a Holly-style hack height: 1% would suffice but that causes 
+	IE 5.01 to completely collapse the columnContainer - instead we float it */
+	float: left;
+	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
+	(I saw it happen many moons ago) makes the width of columnContainer too small 
+	the float: none with the comment is ignored by 5.01,
+	5.5 and above see it and carry on about their business
+	It's probably fine to just remove it, but it's left here 
+	just in case that many moons ago problem rears its head again */
+	float/**/: none;
+}
+
+/* begin easy clearing */
+#columnContainer:after {
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+#columnContainer {
+	display: inline-block;
+}
+
+/*\*/
+#columnContainer {
+	display: block;
+}
+/* end easy clearing */
+
+#footer {
+	clear: both;
+}
+
+/* Safari needs this - otherwise the ghost overflow, though painted 
+correctly obscures links and form elements that by rights should be above it.
+An unintended side-effect is that it cause such elements to vanish in IE 5.01
+and 5.5, hence the child selector hack */
+* > #footer, * > form {
+	position: relative;
+	/* z-index: 1000; */
+}
+
+/* 3 COLUMN LIQUID LAYOUT END */
diff --git a/css/3column.css b/css/3column.css
new file mode 100644
index 0000000..57b1abb
--- /dev/null
+++ b/css/3column.css
@@ -0,0 +1,103 @@
+/*
+http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix
+3 COLUMN LIQUID LAYOUT
+*/
+
+#middleColumn {
+	float: left;
+	width: 64%;
+	margin-left: 20%;
+	margin-right: 1%;
+}
+
+* html #middleColumn {
+	display: inline;
+}
+
+#leftColumn {
+	float: left;
+	width: 19%;
+	margin-left: -85%;
+	background-color: #009999;
+	/*background-color: #568fc4;*/
+}
+
+#rightColumn {
+	float: left;
+	width: 15%;
+	background-color: #cccccc;
+}
+
+/* Start Mac IE5 filter \*/
+#middleColumn, #leftColumn, #rightColumn {
+	padding-bottom: 32767px;
+	margin-bottom: -32767px; 
+}
+
+@media all and (min-width: 0px) {
+	#middleColumn, #leftColumn, #rightColumn {
+		padding-bottom: 0;
+		margin-bottom: 0; 
+	}
+	#middleColumn:before, #leftColumn:before, #rightColumn:before {
+		display: block;
+		background: inherit;
+		padding-top: 32767px;
+		margin-bottom: -32767px;
+		height: 0;
+	}
+}
+/* End Mac IE5 filter */
+
+#columnContainer {
+	/* This hides the excess padding in non-IE browsers */
+	overflow: hidden;
+	margin-bottom: 3px;
+}
+
+/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the
+necessary height (unless fixed, this problem becomes even more acute 
+weirdness as the method is enhanced */
+#columnContainer {
+	/* Normally a Holly-style hack height: 1% would suffice but that causes 
+	IE 5.01 to completely collapse the columnContainer - instead we float it */
+	float: left;
+	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
+	(I saw it happen many moons ago) makes the width of columnContainer too small 
+	the float: none with the comment is ignored by 5.01,
+	5.5 and above see it and carry on about their business
+	It's probably fine to just remove it, but it's left here 
+	just in case that many moons ago problem rears its head again */
+	float/**/: none;
+}
+
+/* begin easy clearing */
+#columnContainer:after {
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+#columnContainer {
+	display: inline-block;
+}
+
+/*\*/
+#columnContainer {
+	display: block;
+}
+/* end easy clearing */
+
+#footer {
+	clear: both;
+}
+
+/* Safari needs this - otherwise the ghost overflow, though painted 
+correctly obscures links and form elements that by rights should be above it.
+An unintended side-effect is that it cause such elements to vanish in IE 5.01
+and 5.5, hence the child selector hack */
+* > #footer, * > form, * > #notes, * > .output {
+	position: relative;
+	z-index: 1000;
+}
diff --git a/css/site.baratbottom.css b/css/site.baratbottom.css
new file mode 100644
index 0000000..3c4047e
--- /dev/null
+++ b/css/site.baratbottom.css
@@ -0,0 +1,191 @@
+body {
+	margin: 1em;
+	background-color: #ffffff;
+	font-family: Verdana, Arial;
+	font-size: 10pt;
+}
+
+img {
+	border: none;
+}
+
+table, caption {
+	font-size: inherit;
+	font-weight: inherit;
+	font-style: inherit;
+	font-variant: inherit;
+}
+
+a {
+	color: blue;
+	text-decoration: none;
+}
+
+a:visited {
+	color: blue;
+	text-decoration: none;
+}
+
+a:hover {
+	color: blue;
+	text-decoration: underline;
+}
+
+#header {
+	height: 80px;
+	position: relative;
+	width: 100%;
+	background-color: #ccb8a6;
+}
+
+#headerLeft {
+	position: absolute;
+	height: 60px;
+	line-height: 60px;
+	text-align: left;
+	padding-left: .5ex;
+	font-size: 150%;
+	font-weight: bold;
+	top: 0;
+	width: 60%;
+}
+
+#headerMiddle {
+	position: absolute;
+	height: 55px;
+	text-align: right;
+	left: 60.5%;
+	width: 29%;
+	top: 0;
+	padding-top: 5px;
+}
+
+#headerRight {
+	position: absolute;
+	height: 55px;
+	text-align: center;
+	left: 89.5%;
+	width: 10%;
+	top: 0;
+	padding-top: 5px;
+	padding-left: 1ex;
+}
+
+#headerLinkBar {
+	position: absolute;
+	top: 60px;
+	width: 100%;
+	height: 20px;
+	background-color: #000000;
+}
+
+#headerLinks {
+	position: absolute;
+	font-size: 8pt;
+	height: 20px;
+	line-height: 20px;
+	font-family: Arial, Verdana;
+	font-weight: bold;
+	color: #ffffff;
+	padding-left: 2ex;
+	width: 39%;
+	top: 0;
+}
+
+#headerLinks a {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#headerLinks a:visited {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#headerLinks a:hover {
+	color: #ffffff;
+	text-decoration: underline;
+}
+
+#systemMsgs {
+	position: absolute;
+	width: 59%;
+	margin-left: 40%;
+	top: 0;
+	height: 20px;
+	font-size: 8pt;
+	line-height: 20px;
+	font-family: Arial, Verdana;
+	font-weight: bold;
+	text-align: right;
+	padding-right: 1ex;
+}
+
+#leftData {
+	margin: 1ex;
+}
+
+#middleData {
+	margin: 1ex;
+}
+
+#rightData {
+	margin: 1ex;
+}
+
+#footerLinks {
+	text-align: center;
+	background-color: #000000;
+	height: 20px;
+	line-height: 20px;
+	color: white;
+	font-size: 7pt;
+}
+
+#footerLinks a:visited {
+	color: blue;
+}
+
+
+.msgError {
+	color: red;
+}
+
+.msgOkay {
+	color: green;
+}
+
+.pageNav {
+	margin-top: 2ex;
+	margin-bottom: 2ex;
+	text-align: center;
+}
+
+table.standardTable {
+	width: 100%;
+	border: 1px solid grey;
+}
+
+tr.bgDark {
+	background: #e0e0e0;
+}
+
+tr.bgLight {
+	background: #ffffff;
+}
+
+.standardTable td {
+	border: 1px solid #e0e0e0;
+	padding-left: .5em;
+	text-align: left; 
+	border: 1px solid #e0e0e0;
+}
+
+.tableTitleRow {
+	font-weight: bold;
+	text-align: center;
+	background-color: #000000;
+	color: #ffffff;
+}
+
+
diff --git a/css/site.css b/css/site.css
new file mode 100644
index 0000000..89310aa
--- /dev/null
+++ b/css/site.css
@@ -0,0 +1,267 @@
+body {
+	margin: 1em;
+	background-color: #ffffff;
+	font-family: Verdana, Arial;
+	font-size: 10pt;
+}
+
+img {
+	border: none;
+}
+
+table, caption {
+	font-size: inherit;
+	font-weight: inherit;
+	font-style: inherit;
+	font-variant: inherit;
+}
+
+a {
+	color: blue;
+	text-decoration: none;
+}
+
+a:visited {
+	color: blue;
+	text-decoration: none;
+}
+
+a:hover {
+	color: blue;
+	text-decoration: underline;
+}
+
+a.whiteLink {
+	color: #ffffff;
+	text-decoration: underline;
+}
+
+a:visited.whiteLink {
+	color: #ffffff;
+	text-decoration: underline;
+}
+
+a:hover.whiteLink {
+	color: #ffffff;
+	text-decoration: underline;
+}
+
+#header {
+	height: 80px;
+	position: relative;
+	width: 100%;
+	background-color: #ccb8a6;
+}
+
+#headerLeft {
+	position: absolute;
+	height: 60px;
+	line-height: 60px;
+	text-align: left;
+	padding-left: .5ex;
+	font-size: 150%;
+	font-weight: bold;
+	top: 0;
+	width: 60%;
+}
+
+#headerMiddle {
+	position: absolute;
+	height: 55px;
+	text-align: right;
+	left: 60.5%;
+	width: 29%;
+	top: 0;
+	padding-top: 5px;
+}
+
+#headerRight {
+	position: absolute;
+	height: 55px;
+	text-align: center;
+	left: 89.5%;
+	width: 10%;
+	top: 0;
+	padding-top: 5px;
+	padding-left: 1ex;
+}
+
+#headerLinkBar {
+	position: absolute;
+	top: 60px;
+	width: 100%;
+	height: 20px;
+	background-color: #000000;
+}
+
+#headerLinks {
+	position: absolute;
+	font-size: 8pt;
+	height: 20px;
+	line-height: 20px;
+	font-family: Arial, Verdana;
+	font-weight: bold;
+	color: #ffffff;
+	padding-left: 2ex;
+	width: 39%;
+	top: 0;
+}
+
+#headerLinks a {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#headerLinks a:visited {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#headerLinks a:hover {
+	color: #ffffff;
+	text-decoration: underline;
+}
+
+#footerLinks a {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#footerLinks a:visited {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#footerLinks a:hover {
+	color: #ffffff;
+	text-decoration: underline;
+}
+
+#systemMsgs {
+	position: absolute;
+	width: 59%;
+	margin-left: 40%;
+	top: 0;
+	height: 20px;
+	font-size: 8pt;
+	line-height: 20px;
+	font-family: Arial, Verdana;
+	font-weight: bold;
+	text-align: right;
+	padding-right: 1ex;
+}
+
+#leftData {
+	margin: 1ex;
+}
+
+#middleData {
+	margin: 1ex 3ex 1ex 3ex;
+	/*
+	background-image: url("../images/grey_mouse_lemur_trans.png");
+	background-repeat: no-repeat;
+	background-color: transparent;
+	background-position: center center;
+	*/
+}
+
+#rightData {
+	margin: 1ex;
+}
+
+#footerLinks {
+	text-align: center;
+	background-color: #000000;
+	height: 20px;
+	line-height: 20px;
+	color: white;
+	font-size: 7pt;
+}
+
+.msgError {
+	color: red;
+}
+
+.msgOkay {
+	color: green;
+}
+
+.pageNav {
+	margin-top: 2ex;
+	margin-bottom: 2ex;
+	text-align: center;
+}
+
+table.standardTable {
+	width: 100%;
+	border: 1px solid grey;
+}
+
+tr.bgDark {
+	background: #e0e0e0;
+}
+
+tr.bgLight {
+	background: #ffffff;
+}
+
+.standardTable td {
+	border: 1px solid #e0e0e0;
+	padding-left: .5em;
+	text-align: left; 
+	border: 1px solid #e0e0e0;
+}
+
+.tableTitleRow {
+	font-weight: bold;
+	text-align: center;
+	background-color: #000000;
+	color: #ffffff;
+}
+
+.standardMargins {
+	margin-top: 2ex;
+	margin-bottom: 2ex;
+}
+
+.searchDiv {
+	margin-bottom: 2ex;
+	margin-left: auto;
+	margin-right: auto;
+	text-align: justify;
+	width: 75%;
+}
+
+.registerDiv {
+	margin-bottom: 2ex;
+	margin-left: auto;
+	margin-right: auto;
+	text-align: justify;
+	width: 75%;
+}
+
+.helpItem {
+	text-align: justify;
+	margin: 1em;
+}
+
+
+/*CSS for Bubble Tooltips by Alessandro Fulciniti
+- http://pro.html.it - http://web-graphics.com */
+.tooltip {
+	width: 200px;
+	color: #000;
+	font: lighter 11px/1.3 Arial,sans-serif;
+	text-decoration: none;
+	text-align: center
+}
+.tooltip span.top {
+	padding: 30px 8px 0;
+    background: url(images/tooltip.gif) no-repeat top;
+}
+.tooltip b.bottom {
+	padding:3px 8px 15px;
+	color: #548912;
+    background: url(images/tooltip.gif) no-repeat bottom;
+}
+/* -------------------------------------------- */
diff --git a/css/site.css.orig b/css/site.css.orig
new file mode 100644
index 0000000..29620ea
--- /dev/null
+++ b/css/site.css.orig
@@ -0,0 +1,161 @@
+body {
+  color: black;
+  background-color: white;
+  padding: 1%;
+}
+
+table.smalltext td {
+  font-size: small;
+}
+
+.indent {
+  padding-left: 1em;
+}
+
+a img {
+  border: none;
+}
+
+em {
+  font-weight: 600;
+}
+
+p.nowrap {
+  white-space: nowrap;
+}
+
+.bold-ital {
+  font-weight: bold;
+  font-style: italic;
+}
+
+.small {
+  font-size: small;
+}
+
+.x-small {
+  font-size: x-small;
+}
+
+.limit-width {
+  max-width: 60%;
+}
+
+.bold2 {
+  font-weight: bold;
+  font-size: large;
+}
+
+.logout {
+  position: absolute;
+  right: 3%;
+}
+
+.login-error {
+  font-weight: bold;
+  color: red;
+  background-color: #999966;
+}
+
+.errors {
+  font-weight: bold;
+  color: red;
+  background-color: white;
+}
+
+.blue {
+  color: blue;
+}
+
+.header {
+  position: relative;
+  top: 0;
+  height: 4em;
+}
+
+.hdr-link-left {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 8%;
+  text-align: left;
+
+}
+.hdr-img-center {
+  position: absolute;
+  top: 0;
+  left: 8%;
+  width: 84%;
+  text-align: center;
+}
+.hdr-link-right {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 8%;
+  text-align: right;
+}
+
+.search-box {
+  float: left;
+  padding: 1%;
+  height: 18em;
+  width: 47%;
+  margin-bottom: 1em;
+  border: medium gray ridge;
+  background-color: #FFCC66;
+}
+
+.mystuff-box {
+  float: right;
+  padding: 1%;
+  min-height: 18em;
+  width: 47%;
+  margin-bottom: 1em;
+  border: medium gray ridge;
+  background-color: #999966;
+}
+
+.footer {
+  clear: both;
+  width: 98%;
+  margin-top: 1em;
+  text-align: center;
+  font-size: x-small;
+  border-top: medium black double;
+}
+
+.bsd-logo {
+  position: absolute;
+  margin-top: 0;
+  left: 0;
+  width: 25%;
+}
+
+.apache-logo {
+  position: absolute;
+  margin-top: 1em;
+  right: 0;
+  width: 25%;
+}
+
+.xhtml-logo {
+  position: absolute;
+  margin-top: 2em; 
+  left: 25%;
+  width: 25%;
+}
+
+.css-logo {
+  position: absolute;
+  margin-top: 2em;
+  right: 25%;
+  width: 25%;
+}
+
+.border-med-ridge {
+  width: auto;
+  padding: 1%;
+  border: medium gray ridge;
+}
+
diff --git a/css/trash/2column.css b/css/trash/2column.css
new file mode 100644
index 0000000..fafa314
--- /dev/null
+++ b/css/trash/2column.css
@@ -0,0 +1,93 @@
+/*
+http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix
+2 COLUMN LIQUID LAYOUT
+*/
+
+#middleColumn {
+	float: left;
+	width: 85%;
+}
+
+* html #middleColumn {
+	display: inline;
+}
+
+#rightColumn {
+	float: left;
+	width: 15%;
+	background-color: #cccccc;
+}
+
+/* Start Mac IE5 filter \*/
+#middleColumn, #rightColumn {
+	padding-bottom: 32767px;
+	margin-bottom: -32767px; 
+}
+
+@media all and (min-width: 0px) {
+	#middleColumn, #rightColumn {
+		padding-bottom: 0;
+		margin-bottom: 0; 
+	}
+	#middleColumn:before, #rightColumn:before {
+		display: block;
+		background: inherit;
+		padding-top: 32767px;
+		margin-bottom: -32767px;
+		height: 0;
+	}
+}
+/* End Mac IE5 filter */
+
+#columnContainer {
+	/* This hides the excess padding in non-IE browsers */
+	overflow: hidden;
+	margin-bottom: 3px;
+}
+
+/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the
+necessary height (unless fixed, this problem becomes even more acute 
+weirdness as the method is enhanced */
+#columnContainer {
+	/* Normally a Holly-style hack height: 1% would suffice but that causes 
+	IE 5.01 to completely collapse the columnContainer - instead we float it */
+	float: left;
+	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
+	(I saw it happen many moons ago) makes the width of columnContainer too small 
+	the float: none with the comment is ignored by 5.01,
+	5.5 and above see it and carry on about their business
+	It's probably fine to just remove it, but it's left here 
+	just in case that many moons ago problem rears its head again */
+	float/**/: none;
+}
+
+/* begin easy clearing */
+#columnContainer:after {
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+#columnContainer {
+	display: inline-block;
+}
+
+/*\*/
+#columnContainer {
+	display: block;
+}
+/* end easy clearing */
+
+#footer {
+	clear: both;
+}
+
+/* Safari needs this - otherwise the ghost overflow, though painted 
+correctly obscures links and form elements that by rights should be above it.
+An unintended side-effect is that it cause such elements to vanish in IE 5.01
+and 5.5, hence the child selector hack */
+* > #footer, * > form, * > #notes, * > .output {
+	position: relative;
+	z-index: 1000;
+}
diff --git a/css/trash/3column.css b/css/trash/3column.css
new file mode 100644
index 0000000..57b1abb
--- /dev/null
+++ b/css/trash/3column.css
@@ -0,0 +1,103 @@
+/*
+http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix
+3 COLUMN LIQUID LAYOUT
+*/
+
+#middleColumn {
+	float: left;
+	width: 64%;
+	margin-left: 20%;
+	margin-right: 1%;
+}
+
+* html #middleColumn {
+	display: inline;
+}
+
+#leftColumn {
+	float: left;
+	width: 19%;
+	margin-left: -85%;
+	background-color: #009999;
+	/*background-color: #568fc4;*/
+}
+
+#rightColumn {
+	float: left;
+	width: 15%;
+	background-color: #cccccc;
+}
+
+/* Start Mac IE5 filter \*/
+#middleColumn, #leftColumn, #rightColumn {
+	padding-bottom: 32767px;
+	margin-bottom: -32767px; 
+}
+
+@media all and (min-width: 0px) {
+	#middleColumn, #leftColumn, #rightColumn {
+		padding-bottom: 0;
+		margin-bottom: 0; 
+	}
+	#middleColumn:before, #leftColumn:before, #rightColumn:before {
+		display: block;
+		background: inherit;
+		padding-top: 32767px;
+		margin-bottom: -32767px;
+		height: 0;
+	}
+}
+/* End Mac IE5 filter */
+
+#columnContainer {
+	/* This hides the excess padding in non-IE browsers */
+	overflow: hidden;
+	margin-bottom: 3px;
+}
+
+/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the
+necessary height (unless fixed, this problem becomes even more acute 
+weirdness as the method is enhanced */
+#columnContainer {
+	/* Normally a Holly-style hack height: 1% would suffice but that causes 
+	IE 5.01 to completely collapse the columnContainer - instead we float it */
+	float: left;
+	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
+	(I saw it happen many moons ago) makes the width of columnContainer too small 
+	the float: none with the comment is ignored by 5.01,
+	5.5 and above see it and carry on about their business
+	It's probably fine to just remove it, but it's left here 
+	just in case that many moons ago problem rears its head again */
+	float/**/: none;
+}
+
+/* begin easy clearing */
+#columnContainer:after {
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+#columnContainer {
+	display: inline-block;
+}
+
+/*\*/
+#columnContainer {
+	display: block;
+}
+/* end easy clearing */
+
+#footer {
+	clear: both;
+}
+
+/* Safari needs this - otherwise the ghost overflow, though painted 
+correctly obscures links and form elements that by rights should be above it.
+An unintended side-effect is that it cause such elements to vanish in IE 5.01
+and 5.5, hence the child selector hack */
+* > #footer, * > form, * > #notes, * > .output {
+	position: relative;
+	z-index: 1000;
+}
diff --git a/css/trash/site.css.orig b/css/trash/site.css.orig
new file mode 100644
index 0000000..29620ea
--- /dev/null
+++ b/css/trash/site.css.orig
@@ -0,0 +1,161 @@
+body {
+  color: black;
+  background-color: white;
+  padding: 1%;
+}
+
+table.smalltext td {
+  font-size: small;
+}
+
+.indent {
+  padding-left: 1em;
+}
+
+a img {
+  border: none;
+}
+
+em {
+  font-weight: 600;
+}
+
+p.nowrap {
+  white-space: nowrap;
+}
+
+.bold-ital {
+  font-weight: bold;
+  font-style: italic;
+}
+
+.small {
+  font-size: small;
+}
+
+.x-small {
+  font-size: x-small;
+}
+
+.limit-width {
+  max-width: 60%;
+}
+
+.bold2 {
+  font-weight: bold;
+  font-size: large;
+}
+
+.logout {
+  position: absolute;
+  right: 3%;
+}
+
+.login-error {
+  font-weight: bold;
+  color: red;
+  background-color: #999966;
+}
+
+.errors {
+  font-weight: bold;
+  color: red;
+  background-color: white;
+}
+
+.blue {
+  color: blue;
+}
+
+.header {
+  position: relative;
+  top: 0;
+  height: 4em;
+}
+
+.hdr-link-left {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 8%;
+  text-align: left;
+
+}
+.hdr-img-center {
+  position: absolute;
+  top: 0;
+  left: 8%;
+  width: 84%;
+  text-align: center;
+}
+.hdr-link-right {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 8%;
+  text-align: right;
+}
+
+.search-box {
+  float: left;
+  padding: 1%;
+  height: 18em;
+  width: 47%;
+  margin-bottom: 1em;
+  border: medium gray ridge;
+  background-color: #FFCC66;
+}
+
+.mystuff-box {
+  float: right;
+  padding: 1%;
+  min-height: 18em;
+  width: 47%;
+  margin-bottom: 1em;
+  border: medium gray ridge;
+  background-color: #999966;
+}
+
+.footer {
+  clear: both;
+  width: 98%;
+  margin-top: 1em;
+  text-align: center;
+  font-size: x-small;
+  border-top: medium black double;
+}
+
+.bsd-logo {
+  position: absolute;
+  margin-top: 0;
+  left: 0;
+  width: 25%;
+}
+
+.apache-logo {
+  position: absolute;
+  margin-top: 1em;
+  right: 0;
+  width: 25%;
+}
+
+.xhtml-logo {
+  position: absolute;
+  margin-top: 2em; 
+  left: 25%;
+  width: 25%;
+}
+
+.css-logo {
+  position: absolute;
+  margin-top: 2em;
+  right: 25%;
+  width: 25%;
+}
+
+.border-med-ridge {
+  width: auto;
+  padding: 1%;
+  border: medium gray ridge;
+}
+