/*	
	2008-09-11 usp Created
*/

body {
	margin: 0;
	padding: 0;
	border: 0;
		/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	background: #fff;
	min-width: 600px;    
		/* Minimum width of layout - remove line if not required */
		/* The min-width property does not work in old versions of Internet Explorer */
	font-family: verdana, arial, sans-serif;
	}

div.header {
	clear: both;
	float: left;
	width: 100%;
	padding: 20px;
	border-bottom: 1px solid silver;
	color: darkkhaki;
	background-image: url(header.jpg);	
	}

div.header h1 {
	margin: 0;
	}

div.corpuswrapper {
	position: relative;
		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%;
		/* width of whole page */
	overflow: hidden;
		/* This chops off any overhanging divs */
	background:  #EDF0AB;
		/* This defines bgcolor for the navigation column */
	}

div.corpus {
	float: left;
	width: 200%;
	position: relative;
	left: 9em;
		/* This value defines the space (width) for the navigation panel by moving the corpus 
		panel away from the left border. */
	background:  white;
		/* this defines the color of the content column */
	}

div.contentwrapper {
	float: right;
	width: 50%;
	position: relative;
	right: 7em;
		/* this value must match corpus.left */
	padding-bottom: 1em;
	}

div.content {
	margin: 0 1em 0 8em;
		/* This positions the content column to the right of the navigation column. Margin-left should 
		be content.left, plus a little left margin for the content column. */
	padding-top: 20px;
	padding-right: 40px;
	position: relative;
	right: 100%;
	overflow: hidden;
	font-family: trebuchet ms, verdana, arial, sans-serif;
	color: dimgray;
	}

div.navigation {
	float: left;
	position: relative;
	width: 9em;
		/* The width seems to have no effect. */
	right: 10em;
		/* This defines with and position of the navigation column with respect to the corpus div. 
		It shifts the navigation panel visually out of the corpus panel. */
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 80%;
	}

div.navigation p {
	margin: 0px 5px 5px;
	}
    
div.navigation a {
	color: darkolivegreen;
	text-decoration: none;
	}

div.navigation a:hover {
	color: olive;
	text-decoration: underline;
	}

div.footer {
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid silver;
	padding: 10px;
	margin: 0;
	font-size: 60%;
	color: gray;
	text-align: center;
	}