/*
NOTES ON LAYOUT

In the body style, the padding determines the size of the content pane and how much space to set aside for the sidebar.

the column class selector determine how the dives for the content pane and sidebar should behave.

The sidebar is moved to the left of the content pane with the use of a negitive margin.  This trick doesn't work in IE6 so an alternate method is implemented in fix_ie.css.

The header and footer divs are made fullwidth by the use of negitive margins. 
*/
body {
	margin: 0px;
	font: 12px/1.6 Arial, Helvetica, sans-serif;
	min-width: 320px;
	padding: 10px 20px 10px 220px;
}
/* Hyperlinks */
a {
	font-weight: bold;
	text-decoration: none;	
}
a:hover, a:active {
	text-decoration: underline;
}
/* General styles */
h1, h2 {
	line-height: normal;
	margin: 0px;
	padding: 0px 5px 1px;
	clear: both;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 16px;
}
hr {
	text-align: center;
	width: 75%;
	height: 2px;
	border: 0px;
	clear: both;
}
img {
	border: none 0px;
}
/* Formatting rules for the sidebar and content pane */
div.column {
	position: relative;
	float: left;
}
/* Navigation sidebar */
div#sidebar {
	width: 200px;			/* LC width */
	right: 220px;			/* LC width */
	margin-left: -100%;
}
/* boxes inside the sisebar */
div#sidebar div {
	margin-bottom: 10px;
}
/* Sidebar box headers */
div#sidebar h2 {
	padding: 1px 5px 0px;
}
/* Sidebar box lists */
div#sidebar ul {
	list-style: none;
	margin: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
div#validation ul {
	margin-top: 5px;
	text-align: center;
}
/* Page content pane */
div#content {
	width: 100%;
	text-align: justify;
	padding: 5px;
}
/*
div#content > :first-child {
	margin: -5px -5px 0px;
	padding: 0px 5px 1px;
}
*/
div#content h1 {
	margin: -5px -5px 0px;
}
div#content h2 {
	margin: 0px -5px;
}
/* Put some whitespace after gallery lists for following headings */
ul.gallery + h2 {
	padding-top: 1em;
}
/* Page header and footer */
div#header, p#footer {
	margin-left: -210px;	/* Outdent from centre column */
	margin-right: -10px;	/* Outdent from centre column */
}
/* Page header */
div#header {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
/* Same whitespace rules applied in IE and others */
div#header img {
	display: block;
}
/* Page footer */
p#footer {
	border-top: 10px solid transparent;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-size: 10px;
	clear: both;
}
/* Fastlinks */
p#fastlinks {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
/* Gallery thumbnail boxes */
ul.gallery, ol.news {
	display: block;
	clear: both;
	padding: 0px;
	list-style: none;
}
ul.gallery {
	margin: 0px;
}
ol.news {
	margin: 1em 5px 0px;
}
ul.gallery li {
	display: block;
	width: 105px;
	margin: 5px;
	padding: 5px;
	text-align: center;
	line-height: normal;
	float: left;
	font-size: 10px;
}
ul.gallery li span {
	display: block;
	width: 105px;
	height: 105px;
	text-align: left;
	vertical-align: top;
	background: url(/images/sitegraphics/dropshadow.png);
}
ul.gallery li img {
	display: block;
	margin: 0px 0px 3px;
	padding: 0px;
}
/* News boxes */
ol.news li {
	padding: 5px;
	margin: 0px 0px 10px;
}
div#content ol.news li h2 {
	margin: -5px -5px 0px;
}
ol.news li p {
	margin-bottom: 0px;
}