.spacer {
	float: none;
	clear: both;
	height: 0;
	overflow: hidden;
}
body {
	margin: 0;
	color: #222222;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h1 {
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h2 {	font-size: 1.5em; }
h3 {
	font-size: 1em;
	font-weight: normal;
	border-bottom: 1px solid #888888;
	color: #444444;
	padding-bottom: 0.15em;
	margin: 1.25em 0 0.75em 0;
}
h1, h2, h3 { line-height: 1.4em; }
p, li { line-height: 1.4em; }
ul { padding: 0; }
li { list-style-type: none; }
#nav {
	float: left;
	padding: 30px 50px 5px 50px;
	width: 250px;
}
#card { margin-left: -15px; }
#header {
	background-color: #F2F7FF;
	margin: 0 -15px;
	padding: 0 20px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;	
}
#options {
	background-color: #F8F8F8;
	margin: 0 -15px;
	padding: 5px 20px;
}
#main {
	float: right;
	border: 2px solid #888888;
}
#content {
	border: none;
	display: block;
	margin: 0 auto;
	width: 1px;
	height: 1px;
	background-color: white;
}
.menu {
	position: relative;
	margin: 0 0 1em 0; /* 0 0 1em 1em */
}
.menu li div {
	display: none;
	color: #F8F8F8;
	background-color: #444444;
	border: 2px solid white;
	width: 250px;
	padding: 0 14px;
	position: absolute;
	margin-left: 230px;
	margin-top: -4em;
	color: #888888;
}
.menu li div strong {
	color: #F8F8F8;
	font-weight: normal;
}
.menu li:hover div {
	display: block;
}
a,
a:link,
a:visited {
	margin: -3px 0 -3px -6px;
	padding: 6px;
	color: #0062ff;
	display: block;
	text-decoration: none;
}
a:hover,
a:active {
	padding: 4px;
	background-color: #F2F7FF;
	border: 2px solid white;
	color: #222222;
}
#card a,
#card a:link,
#card a:visited,
#header a,
#header a:link,
#header a:visited {
	margin: 0;
	padding: 0;
	color: #222222;
}
#card a:hover,
#card a:active,
#header a:hover,
#header a:active {
	border: none;
	color: #222222;
}
a img { border: none; }
.description {
	border: 2px solid #F8F8F8;
	margin: 2px -15px 0 -15px;
	padding: 5px 20px;
	color: #666666;
	display: none;
	font-size: 12px;
}
.description strong {
	font-weight: normal;
	color: #222222;
	display: block;
	border-bottom: 2px solid #F8F8F8;
	margin: 0 -15px -2px -15px;
	padding: 0 15px 5px 15px;
	font-size: 14px;
}
img#title {
	margin: 15px auto;
	display: block;
	border: 1px solid black;
}
#title.noborder {
	border: none;
	margin: 0 auto;
}
#title.centre {
	margin: 0 auto;
	/* display: none; */
}
#thumb {
	float: left;
	width: 60%;
	min-width: 500px;
}
#thumb img {
	margin-left: 20px;
}
#thumb a {
	text-align: center;
	width: 455px;
	margin: 5px auto;
}
#prelink {
	float: left;
	width: 40%;
}
#prelink .inner {
	margin: 20% 20% 0 20px;
	max-width: 400px;
	min-width: 300px;
}
#grid {
	float: left;
	max-width: 1060px;
	line-height: 1em;
}
#grid.smaller { max-width: 530px; }
#grid.smaller img { margin-top: 5px; }
#grid a {
	float: left;
	margin: 9px 14px;
	cursor: url(../media/zoom-in.cur), pointer;
	font-size: 0.9em;
	color: #222222;
}
a.big, a.big:link, a.big:visited, a.big:hover, a.big:active {
	margin: 0;
	padding: 0;
	border: none;
	display: inline;
}