/* General */

		body {
			text-align: center; /* 	This is to counter margin:auto centring problem in IE 5 pc 												version. All other content divs specify text-align:center */
			background-color: #900;
		}

		b {
			color: #333;
			background-color: #FFF;
		}
		
		h1 {
			font-family: Times,serif;
			font-weight: normal;
			font-size: 3em;
			color: #BBB;
			margin-bottom: 30px;
			background-color: #FFF;
		}
		

		table {
		margin-top: 0;
		margin-bottom: 0;
		}

		h2 {
			color: #fff;
			font-size: 1.3em;
			font-weight: normal;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #BBB;
			background: #000000 url(images/back_burlap_bw.jpg);
			padding: 3px 2px 4px 6px; /*top right bottom left*/
		}

		h3 {
			color: #333;
			font-size: 1.2em;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}
		
		a:link, a:visited {
			color:#930;
			text-decoration: none;
			background-color: #fff;
		}

		a:hover {
			color:#C60;
			text-decoration: underline;
			background-color: #FFF;
		}

		a:hover.nounderline {
			text-decoration: none;
		}
		
		input {
			background-color: #FFF;
			color: #333;
			font-size: 11px;
			padding: 3px;
			margin: 2px;
		}

		li {
			color: #000;
			background-color: #FFF;
			font-weight: 700;
		}

		img {
			border: 0; /* Stops Firefox placing default border round images */
		}

		img.rightimg {
			float:right;
			margin: 5px 0 5px 10px; /*top right bottom left*/
			padding: 15px;
			border: 1px dashed #C60;
		}

		img.leftimg {
			float:left;
			margin: 5px 5px 5px 0; /*top right bottom left*/
		}

		img.rightclear {
			float:right;
			clear:left;
			margin: 5px 0 5px 5px; /*top right bottom left*/
		}

		img.leftclear {
			float:left;
			clear:right;
			margin: 5px 5px 5px 0; /*top right bottom left*/
		}

		.grey {
			color: #bbb;
		}

		.pink {
			color: #f3c;
		}

/* Outer Box */

		.outer {
			width: 750px;
			margin: auto;
			margin-top: 30px;
			margin-bottom: 30px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.8em;
			line-height: 1.6em;
			color: #333;
			border-left: 1px solid #333;
			border-right: 1px solid #333;
			border-bottom: 1px solid #333;
			border-top: 1px solid #333;
			padding-bottom: 0;
			background-color: #FFF;
			background: #FFF url(images/tree2.jpg) no-repeat bottom left; 
		}

/* Main Content  - central column */

		.content {
			width: 554px;
			margin-left: 166px;
			margin-bottom: 0;
			text-align: left;
			padding: 15px;
			background-color: #FFF;
		}
		
		.content p {
			padding-bottom: 10px;
		}

		.content p.nobord {
			padding-bottom: 10px;
			border: 0;
		}

		.content form {
			padding: 0;
			margin: 0;
			font-size: 1em;
			text-align: left;
		}


		
/* Banner Element */

		.banner {
			border-bottom: 4px solid #333;
			padding-top: 0;
			clear: both;
			margin-bottom: 0px;
			text-align: left;
		}

/* Navigation bar - left column */

		.navigation {
			width: 155px;
			display: block;
			position: relative;
			float:left;
			text-align: left;
			background: #FFF;
			margin:0;
		}

		.navigation a {
			font-weight: 700;
			display: block;
			padding: 5px;
			width: 155px;
			border-bottom: 1px solid #BBB;
			border-right: 1px solid #BBB;
		}

		.navigation a:link, .navigation a:visited {
			color:#930;
			text-decoration: none;
			background-color: #FFF;
		}

		.navigation a:hover {
			color:#C60;
			background-color: #fFF;
			text-decoration: underline;
		}

		.navigation a.current, .navigation a.subheader {  	/* link for current page - different colour */
			color: #333;
			background-color: #fff;
			text-decoration: none;
		}

		.navigation a.subheader {
			border-bottom:0;
			padding-bottom: 0;
		}

		.navigation a.sub {
			font-weight: 400;
			padding: 0 5px 0 15px; 	/*top right bottom left*/
			width: 145px;
			padding-top: 0;
			border-bottom: 0;
		}

		.navigation a.subcurrent {
			color: #333;
			background-color: #fff;
			font-weight: 400;
			padding: 0 5px 0 15px; 	/*top right bottom left*/
			width: 145px;
			padding-top: 0;
			border-bottom: 0;
		}

		.navigation a.sublast {
			font-weight: 400;
			padding: 0 5px 5px 15px; 	/*top right bottom left*/
			width: 145px;
		}

		.navigation a.subcurrentlast {
			color: #333;
			background-color: #fff;
			font-weight: 400;
			padding: 0 5px 5px 15px; 	/*top right bottom left*/
			width: 145px;
		}

		.navigation a.nobord {
			border: 0;
			padding-bottom: 0;
			width: 155px;
		}

		.navigation a:hover.nobord {
			background: none;
		}

		.navigation p {
		 	display: block;
			margin: 20px 5px 5px 5px; 	/*top right bottom left*/
			padding: 5px;
			width: 145px;
			border: 1px dashed #900;
			line-height: 1.2em;
			background-color: #FFF;
		}

		.navigation p a {
			color: #930;
			width: 140px;
			font-weight: 500;
			padding: 0;
			margin: 0;
			border: 0;
		}








/* Box */

		.box {
			padding: 8px 0 8px 0; /*top right bottom left*/
			text-align:center; /* Center heading of right column boxes */
			background-color: #fff;
			border: solid 1px #666;
			margin-top: 11px;
			margin-bottom: 11px;
		}

		.box p {
			font-size: 0.9em;
		}


/* Footer */

		.footer {
			color: #fff;
			clear: both;
			padding: 0px 0px 0px 0px; /*top right bottom left*/
			text-align: center;
			background: #000000 url(images/back_burlap_bw.jpg);
		}
		
		.footer p {
			padding: 7px;
			margin: 0;
		}
		
		.footer a {
			color: #fff;
			background: #000000 url(images/back_burlap_bw.jpg);
		}
		
		.footer a:visited {
			text-decoration: none;
			color: #fff;				/* These two lines required by pc versions of IE */
			background-color: #000000;		/* These two lines required by pc versions of IE */
		}

		.footer a:hover {
			text-decoration: underline;
			color: #fff;				/* These two lines required by pc versions of IE */
			background-color: #000000;		/* These two lines required by pc versions of IE */
		}

/* Divider */

		.divider {
			margin: 5px 0 5px 0; /*top right bottom left*/
			padding: 0;
			border-bottom: 1px solid #BBB;
		}