/* 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 */
		}

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

		table {
		margin-top: 7px;
		margin-bottom: 4px;
		}

		h2 {
			color: #fff;
			font-size: 1.3em;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #F33;
			padding: 2px;
		}

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

		a:hover {
			color:#336;
			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 5px; /*top right bottom left*/
		}

		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*/
		}

/* Outer Box */

		.outer {
			width: 750px;
			margin: auto;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.8em;
			line-height: 1.6em;
			color: #333;
			background-color: #FFF;
		}
		
/* Banner Element */

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

/* Navigation bar - left column */

		.navigation {
			text-align: left;
			background-color: #fff;
		}
	
		 .navigation ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;			
			float: left;
			width: 135px;
		}

		.navigation a {
			display: block;
			padding: 5px;
			width: 135px;
			border-bottom: 1px solid #CCC;
		}

		.navigation a:link, .navigation a:visited {
			color:#09C;
			text-decoration: none;
			background-color: #fff;
		}

		.navigation a:hover {
			background: #000000 url(images/arrow.gif) 96% 50% no-repeat;
			color:#336;
			background-color: #fff;
			text-decoration: underline;
		}

		.navigation a.current {  	/* link for current page - different colour */
			color: #000;
			background-color: #fff;
			text-decoration: none;
			display: block;
			padding: 5px;
			width: 135px;
			border-bottom: 1px solid #CCC;
		}

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

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


/* Main Content  - central column */

		.content {
			width: 575px;
			margin-left: 172px;
			text-align: left;
		}
		
		.content p {
			padding-bottom: 10px;
			border-bottom: 1px solid #CCC;
		}

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

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




/* 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;
		}

		
/* Product Box */

		.productbox {
			padding: 8px;
			margin: 11px 0 11px 0; /*top right bottom left*/
			border: 1px solid #99C;
			width: 170px;
			text-align:left;
		}

		.productbox p {
			border: 0;
			margin: 0;
		}


/* Footer */

		.footer {
			color: #fff;
			margin-top: 20px;
			clear: both;
			background-color:#09C;
			padding: 0px 5px 0px 5px; /*top right bottom left*/
			text-align: center;
		}
		
		.footer p, .stafffooter p {
			padding: 5px;
		}
		
		.footer a {
			color: #fff;
			background-color: #09C;
		}
		
		.footer a:visited {
			text-decoration: none;
			color: #fff;				/* These two lines required by pc versions of IE */
			background-color: #09C;		/* 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: #09C;		/* 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 #CCC;
		}

/* Gallery */

		.gallery td{
			padding: 0;
			font-size: 0.9em;
			color: #000;
			border: 0;
			line-height: 1.2em;
			padding-bottom: 5px;
		}