html
{
	/* cf. http://www.hicksdesign.co.uk/journal/535/ */
	height: 100%;
	margin-bottom: 1px;
}

body
{
	margin: 0;
	background-color: black;
	background-repeat: no-repeat;
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 11px;
	color: white;
}

img
{
	border-color: #FFF;
	border-width: 2px;
	border-style: none;
}

h1
{
	/* logo */
	font-size: 92%;
	float: right;
	padding-right: 20px;
	padding-top: 10px;
}

/* Links */
a
{
	color: #FFF;
	text-decoration: underline;
}

a:active { text-decoration: none; }

/* Frame emulation */
#topbar
{
	width: 100%;
	height: 3.8em;
}

html>body #topbar
{
	position: fixed;
	z-index: 10;
	/* Prevents certain problems with form controls */
}

html>body #content
{
	/* 3.8em = height of #topbar */
	padding: 3.8em;
}

/* The actual photos */
table
{
	border-color: #CCC;
	border-width: 0;
	border-style: dotted;
}

td
{
	vertical-align: top;
	text-align: right;
}

.textbox
{
	/* intro and outro text */
	height: 450px;
	width: 345px;
	background: #F8F8F8;
	border: 1px dotted #CCCCCC;
	text-align: left;
}

.imagebox
{
	/* temporary image holder */
	height: 340px;
	/* width: 345px; */
	background: #F8F8F8;
}

/* Menu bar */
#nav
{
	list-style: none;
	padding: 10px 10px 10px 20px;
}

#nav a
{
	/* to get it displaying correctly in IE PC, thanks georg */
	display: block;
}

#nav li
{
	/* all menu items */
	float: left;
	display: block;
	margin-right: 1.5em;
}