html		{ font: 90% "Trebuchet MS", Tahoma, Arial, sans-serif; }
html, body	{ background: #543 url("images/site/paper.jpg") 50% 0; color: white; height: 100%;}

/* Heading styles */
/* -------------- */

h1, h2, h3, legend, table.data caption
{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #ec9;
	margin: 0 0 0.5em;
	text-shadow: #310 0 0.05em 0.1em; /* currently Safari-only */
}

h1	{ font-size: 220%; letter-spacing: -1px; }
h2	{ font-size: 190%; letter-spacing: -1px; }
h3	{ font-size: 160%; }


/* Paragraph styles */
/* ---------------- */

p, ul, ol	{ margin: 0 0 1em; }
p, li		{ line-height: 150%; }
ul, ol		{ padding-left: 1.5em; }
ul			{ list-style: disc url("images/site/bullet_med.png"); }
ol			{ list-style: upper-roman; }

.note		{ margin-bottom: 0.5em; text-align: center; }


/* Link styles */
/* ----------- */

a:link, a:visited	{ text-decoration: none; }
a:link		{ color: #ec9; }
a:visited	{ color: #cb8; }
a:hover, a:active, a:focus	{ text-decoration: underline; color: #feb; }


/* Image styles */
/* ------------ */

img				{ vertical-align: baseline; border: 0; /* Align consistently with Gecko, remove image-in-link borders */ }
img.bordered	{ border: 6px solid #754; background: #432; padding: 2px; margin-bottom: 0.5em; }
a:hover img.bordered,
a:active img.bordered,
a:focus img.bordered	{ border-color: #db8; }


/* Alignment */
/* --------- */
.left	{ float: left; margin-right: 2em; }
.right	{ float: right; margin-left: 2em; }
.centre	{ margin-left: auto !important; margin-right: auto !important; }

img.centre	{ display: block; }


/* Table styles */
/* ------------ */

table	{ border-collapse: collapse; font-size: 100%; /* Fixes font-size reset bug in IE<6 */ }
td, th	{ vertical-align: baseline; text-align: left; }

table.data			{ margin: 0 0 1em; width: 100%;}
table.data caption	{ font-size: 160%; /* Equivalent to h3 */ text-align: left; }

table.data th,
table.data td			{ padding: 0.25em 0.5em; border-bottom: 1px solid #754; }
table.data thead th
{
	background-color: #432;
	padding-top: 1em;
	font: 120% "Times New Roman", Times, serif;
	color: #db8;
}
table.data tr.alt td	{ background-color: #4f3f2f; }

table.list			{ margin: 0 0 1em; }
table.list th		{ text-align: right; padding-right: 0.5em; font-weight: normal; }
table.fixed	th		{ width: 12em; }
table.stretch		{ width: 100%; }


/* Gallery styles */
/* -------------- */

table.thumbnails	{ border-collapse: collapse; margin: 0.5em 0 1em; }
table.thumbnails td	{ vertical-align: bottom; }

ul.thumbnails			{ min-height: 1px; list-style: none; list-style-image: none; padding: 0; margin: 0.5em 0 1em; }
* html ul.thumbnails	{ height: 1px; }
ul.thumbnails:after		{ display: block; clear: left; content: " "; }
ul.thumbnails li		{ float: left; display: inline; }

.thumbnails a
{
	display: block;
	margin: 0 12px 12px 0;
	padding: 6px;
	background: #754;
	text-align: center;
	font-size: 110%;
}
.thumbnails img		{ border: 2px solid #432; display: block; margin: 0 auto; }
.thumbnails a:hover,
.thumbnails a:active,
.thumbnails a:focus	{ background-color: #db8; color: #543; text-decoration: none; }

table.thumbnails a	{ min-height: 100%; }

/* Form styles */
/* ----------- */

/* moved to forms.css */