/* 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.right {
			float:right;
			margin: 5px 0 5px 5px; /*top right bottom left*/
		}

		img.left {
			float:left;
			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: 407px;
			margin-left: 175px;
			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;
		}

/* Search Box */

		.search {
			text-align:right;
 			float:right;
			padding: 3px;
			margin-top: -70px;
			height: 40px;
			width: 40%;
		}

		.search p {
			color: #303;
			font-size: 1.4em;
			margin:3px 3px 0 3px; /*top right bottom left*/
			padding: 2px;
			background-color: #FFF;
		}

		.search form {
			float:right;
			margin-top: -40px;
			font-size: 0.8em;
		}


/* Right Hand Column */

		.right {
			text-align:center;
			float: right;
			width: 145px;
			padding-left: 10px;
		}
		
		.right p {

			margin: 0;
			text-align: left;
		}

		.right h3 {
			padding: 0 0 2px 0; /*top right bottom left*/
			margin: 0;
			background-color: #99C;
			border-bottom: solid 1px #303;
			color: #fff;
			font-size: 1.2em;
		}


/* Footer */

		.footer, .stafffooter {
			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;
		}

/* Shopping Box */

		.shopbox {
			padding: 0px;
			margin-top: 20px;
			margin-bottom: 20px;
			text-align:center; /* Center heading of right column boxes */
			border: 1px solid #CCC;
		}