/* <!-- */
	/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#ffffff;
		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 */
		text-align:justify;
		color:#222222;
		font-size:110%;
		font-family:times new roman;
		line-height:130%;
	}
	a {
		color:#348017;
text-decoration:none;
border-bottom:1px dotted #348017;
	}
	a:hover {
		color:#ffffff;
		background:#721445;
		text-decoration:none;
	}
	a:visited {color:#721445; text-decoration:none; border-bottom:1px dotted #721445;}
	a:visited:hover {color:#ffffff; background:#721445;}
	a.anchor {color:#333333; text-decoration:none; border-bottom:0px;}
	a.anchor:hover {background:#ffffff; text-decoration:none; border-bottom:0px;}
	h1 {
		margin:.5em 0 .5em 0;
		padding:0;
		clear:both;
		line-height:130%;
		text-align:center;
		color:#348017;
		font-family:georgia;
	}
	h2, h3, h4 {
		margin:.5em 0 .5em 0;
		padding:0;
		clear:both;
		line-height:130%;
		text-align:center;
		color:#333333;
	}
	.subheading  {margin-top:15px; background:#348017; color:#ffffff; padding:2px 0 2px 8px; font-size: 100%; font-weight:normal; text-align:left;}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	
	p.hdg {
		display: block; 
		margin-left: auto; 
		margin-right: auto; 
		text-align: center; 
		width:100%;
	   	 }
	ul {list-style-type:none;}   	 
div.blockquote {margin-left:5%;}	   	 
	table.center { 
	margin-left: auto; 
	margin-right: auto; 
	}
	table.index {width:100%; border-collapse:collapse;}	
table.index td {border: 1px solid #eeeeee; padding:5px; vertical-align:top; text-align:left;}

/* Images */
  img.left   {
  		float: left;  
  		padding: 0 10px 10px 0;
  		}
  img.center {
  	text-align:center; 
  	display:block; 
  	margin: 0 auto;
  	}
  img.right  {
  	float: right; 
  	padding: 0 0 10px 10px;
  	}
	img {
		margin:10px 0 5px;
	}
	.initial {
		 float:left; 
		 width:10%; 
		 margin:0 0.15em 0 0;}
		.initial img {width:100%; margin-top:0 !important;}
	.centerhalf {
		 display:block;
		 margin:1em auto;
		 clear:both;
		 width:50%;
		 max-width:500px;
		}
	.centerhalf img {width:100%;}
	.centerthreequarters {
		 display:block;
		 margin:1em auto;
		 clear:both;
		 width:75%;
		 max-width:800px;
		}
	.centerthreequarters img {width:100%;}
	.centerquarter {
		 display:block;
		 margin:1em auto;
		 clear:both;
		 width:25%;
		 max-width:250px;
		}
	.centerquarter img {
		 width:100%;
		 }
	.rightquarter {
		 display:inline;
     float:right;
     width:25%;
     max-width:250px;
     margin-left:1em;
     margin-top:0.5em;
     margin-bottom:0.5em;
     }
  .rightquarter img {width:100%; margin-top:0;}
  .caption {
     text-align:justify; 
     line-height:140%; 
     margin:0;
     font-size:small;
		 border-top: 1px dotted #333333;
		 border-bottom: 1px dotted #333333;
     }
  .caption p {padding:5px;}   
	/* Poetry */
	.poem            {margin: 1em 10%;}
  .poem p          {margin: 0 0 0 2em; text-indent: -2em; line-height:140%; padding:0;}
  .poem p.stanza   {margin-top: 1em !important;}
  .poem p.indent1  {margin-left: 3em !important;}
  .poem p.indent2  {margin-left: 3.5em !important;}
  .poem p.indent3  {margin-left: 4em !important;}
  
  .catalogue {margin: 1em 2%;}
 .catalogue p {margin: 0 0 0 2em; text-indent: -2em; line-height:140%; padding:0;}
    
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		background-image: url(headerbackground.png);
		background-repeat: repeat-x;
	}
	#header h1 {
		color:#ffffff;
		 margin-left:20px;
		 margin-right:20px; 
		 line-height:120%;
		  }
	#header p,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
		line-height:120%;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
		background:#000000;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#000000;
		color:#ffffff;
		text-decoration:none;
		border-bottom:none;
		position:relative;
		left:15px;
		line-height:1.3em;
		font-family:comic sans ms;
	}
	#header ul li a:hover {
		background:#721445;
		color:#ffffff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	#toplinks {color:#ffffff; padding:5px;}
	#toplinks a {color:#ffffff; text-decoration:none;}
	#toplinks a:hover {background:#000000; color:#ffffff; text-decoration:underline;}
	#toplinks p {background:#000000; padding:3px;} 
		
	#nav {
	background: #447548;
	float:left;
	width:978px;
	list-style:none;
	margin:2px 0 0 0;
	padding:0;
	border-top: 1px solid #ffffff;
}

#nav li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#nav li a {
	display:block;
	float:left;
	border-right: 1px solid #ffffff;
	padding:3px 10px;
	text-align:center;
	background:#336544;
	color:#333333;
	text-decoration:none;
	position:relative;
	left:1px;
	line-height:1.3em;
	
}

#nav li a:hover {
    background:#990D78;
	color:#ffffff;
}

#nav li a span {
	display:block;
}

#rightnav {background: #ffffff;
	float:left;
	list-style:none;
	margin:2px 0 0 0;
	padding:5px;
	width:100%;
	}
#rightnav a {text-decoration:none;}
#rightnav a:hover {color:#ffffff; text-decoration:none;}		
#rightnav a:visited {color:#721445;}
#rightnav a:visited:hover {color:#ffffff; background:#721445}	
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#f4f4f4;
		border-top:4px solid #348017;
		margin:0;
		padding:6px 15px !important;
		text-align:center;
		
	}
	#searchbox {padding-top:10px; padding-bottom:10px;}
	
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#ffffff;		/* right column background colour */
	}
	.threecol .colmid {
		right:20%;			/* width of the right column */
		background:#ffffff;		/* center column background colour */
	}
	.threecol .colleft {
		right:60%;			/* width of the middle column */
		background:#ffffff;	/* left column background colour */
	}
	.threecol .col1 {
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
	clear:both;
	width:100%;
	height: auto;
	border-top:1px solid #f5f5f5;
	background:#f5f5f5;
	padding:5px;
	min-width:900px;
}
	
#footer p {
	padding:10px;
	margin:0;
}
	
/* --> */