/*--------------------------------------------------*/
/* General Setup                                    */

	* {
		padding: 0;
		margin: 0;
	}

	html {
		/* overflow-y: scroll; /* Force Scrollbar - Firefox2 and Safari */
	}

	body {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 0.8em;
		color: #000;
		background-color: #FFF;
		text-align: center; /* IE5 Win: Thinks block level elements are aligned as text */
	}

	a {
		color: #F0AA27;
	}

	p a em {
		color: #F0AA27;
		font-style: normal;
	}

	p a strong {
		font-weight: normal;
		text-transform: uppercase;
	}

	a img {
		border: 0;
	}

	p,
	h2,
	h3,
	h4 {
		margin: 0 0 10px 0;
		font-size: 1em;
	}

	ul,
	ol {
		margin: 0 0 10px 2em;
	}

	table {
		font-size: 1em; /* IE5 WIN: does not inherit the font size correctly */
		margin: 0 0 10px 0;
	}

	table thead {
		display: table-header-group; /* IE6: Wont repeat table headers over multiple printed pages */
	}

	input {
		font-size: 1em; /* FF: keep font size consistent, by default it is increased by 0.1em */
	}

	select option {
		padding-right: 5px; /* FF: The star rule above for removing the padding also effects the select option's  */
	}

	select optgroup option {
		padding-left: 20px; /* FF: The star rule above for removing the padding also effects the select opt-groups  */
	}

/*--------------------------------------------------*/
/* Generic Classes                                  */

	.offScreen {
		position: absolute;
		left: -5000px;
	}

/*--------------------------------------------------*/
/* Skip Links                                       */

	#skipLinks,
	#styleSheetSwitcher {
		padding: 0;
		position: absolute;
	 	right: 0px;
	 	top: -500em; /* This needs a width, height and overflow hidden to stop IE5 MAC from doing horizontal scroll */
	}

	#skipLinks a:active,
	#skipLinks a:focus,
	#styleSheetSwitcher a:active,
	#styleSheetSwitcher a:focus {
		position: absolute;
		top: 500.25em;
		right: 0.25em;
		z-index: 5;
		white-space: nowrap;
		color: #000;
		background: #FFF;
		border: 2px solid red;
		padding: 3px;
	}

/*--------------------------------------------------*/
/* Page Frame                                       */

	/*--------------------------------------------------*/
	/* Wrapper                                          */

		#pageWrapper {
			width: 960px;
			margin: 0 auto;
			text-align: left; /* IE5 Win: Correct the text-align fix */
		}

	/*--------------------------------------------------*/
	/* Header                                           */

		#pageHeader {
			padding: 15px 0 0 0;
		}

		#pageHeader h1 img {
			float: left;
			margin: 0 0 15px 0;
		}

		#pageHeader #pageNavigation h2 {
			position: absolute;
			left: -5000px;
		}

		#pageHeader #pageNavigation ul {
			list-style: none;
			margin: 0 -3px 0 0; /* IE5 Win: Presumably a white-space bug */
			padding: 55px 0 0 356px; /* (960 - (55 + 91 + 138 + 96 + 147 + 77)) */
		}

		#pageHeader #pageNavigation ul li {
			float: left; /* IE5+6+7 Win: needs to float the link parents, so the links themselves can break the block level elements */
		}

		#pageHeader #pageNavigation ul li a {
			float: left;
			text-indent: -5000px;
			text-decoration: none; /* FF1: When using the negative text-indent, the link underline is stretched */
			height: 15px;
			width: 55px;
			background: no-repeat url("../../img/nav/home.gif") 100% 0;
			outline: 0;
		}

		#pageHeader #pageNavigation ul li.selected a,
		#pageHeader #pageNavigation ul li a:hover,
		#pageHeader #pageNavigation ul li a:focus,
		#pageHeader #pageNavigation ul li a:active {
			background-position: 100% -15px; /* IE5+6 Win: must use px top height, as 100% is out by 1px for some reason */
		}

			#pageHeader #pageNavigation ul li.ourVision a {
				background-image: url("../../img/nav/ourVision.gif");
				width: 91px;
			}

			#pageHeader #pageNavigation ul li.resourceCentre a {
				background-image: url("../../img/nav/resourceCentre.gif");
				width: 138px;
			}

			#pageHeader #pageNavigation ul li.inspiration a {
				background-image: url("../../img/nav/inspiration.gif");
				width: 96px;
			}

			#pageHeader #pageNavigation ul li.makeADifference a {
				background-image: url("../../img/nav/difference.gif");
				width: 147px;
			}

			#pageHeader #pageNavigation ul li.contactUs a {
				background-image: url("../../img/nav/contactUs.gif");
				width: 77px;
			}

	/*--------------------------------------------------*/
	/* Title                                            */

		/*--------------------------------------------------*/
		/* Main                                             */

			#pageTitle {
				clear: both;
				background: #875322 url("../../img/global/headerBgMiddle.gif") repeat-y 0 0;
				color: #BA8356;
			}

			#pageTitle .wrapper1 {
				background: url("../../img/global/headerBgBottom.gif") no-repeat 0 100%;
			}

			#pageTitle .wrapper2 {
				background: url("../../img/global/headerBgTop.gif") no-repeat 0 0;
				min-height: 280px;
				height: auto !important;
				height: 280px; /* IE5+6 Win: Treats height as min-height, and does not understand the !important rule */
			}

			#pageTitle .image {
				float: right;
			}

			#pageTitle .image img,
			#pageTitle .image object {
				display: block;
			}

			#pageTitle .text {
				background: #875322; /* Overflow protection */
				width: 208px; /* 960 - 710 - 20 - 20 - (2px for IE5) */
				float: left;
				margin: 20px 0 0 20px; /* IE5 Win: cannot mix width and padding */
				display: inline; /* IE5+6 Win: double margin bug */
				font-size: 1.2em;
				text-transform: uppercase;
				font-weight: bold;
			}

			#pageTitle .text h3 {
				font-size: 1em;
				color: #FFF;
				margin-bottom: 0;
			}

			#pageTitle .text h3 a.adminLink {
				color: #FFF;
				text-decoration: none
			}

			#pageTitle .text p {
				margin-bottom: 0;
			}

		/*--------------------------------------------------*/
		/* Contact                                          */

			#pageTitle .vcard h3 {
				margin-bottom: 20px;
			}

			#pageTitle .vcard .adr {
				padding-bottom: 20px;
			}

			#pageTitle .vcard .email {
				padding-top: 20px;
			}

			#pageTitle .vcard .email a {
				color: #BA8356;
				text-decoration: none;
			}

	/*--------------------------------------------------*/
	/* Container                                        */

		#pageContainer {
			clear: both;
			padding: 15px 0;
		}

	/*--------------------------------------------------*/
	/* Navigation                                       */

		#pageSubNavigation {
			float: left;
			width: 250px;
		}

		#pageSubNavigation h2 {
			position: absolute;
			left: -5000px;
		}

		#pageSubNavigation ul {
			list-style: none;
			margin: 0;
			padding: 15px 20px;
		}

		#pageSubNavigation ul ul {
			padding: 0 0 0 13px;
		}

		#pageSubNavigation ul li {
			padding: 10px 0;
			background: url("../../img/global/navDivide.gif") repeat-x 0 100%;
		}

		#pageSubNavigation ul ul li,
		#pageSubNavigation ul ul li.firstChild {
			padding: 5px 0 0 0;
			background: none;
		}

		#pageSubNavigation ul li.firstChild {
			padding-top: 0;
		}

		#pageSubNavigation ul li a,
		#pageSubNavigation ul ul li.firstChild a {
			display: block;
			padding: 0 0 0 13px;
			color: #7C5533;
			background: url("../../img/global/navArrowOff.gif") no-repeat 0 5px;
			font-weight: bold;
			font-size: 1.1em;
			text-transform: uppercase;
		}

		#pageSubNavigation ul li.firstChild a {
			padding-left: 0;
			background: none;
		}

		#pageSubNavigation ul li a {
			text-decoration: none;
		}

		#pageSubNavigation ul li a:hover,
		#pageSubNavigation ul li a:focus,
		#pageSubNavigation ul li a:active {
			text-decoration: underline;
		}

		#pageSubNavigation ul li strong a,
		#pageSubNavigation ul ul li strong a,
		#pageSubNavigation ul ul li.firstChild strong a {
			color: #F0AA27;
			background-image: url("../../img/global/navArrowOn.gif");
		}

	/*--------------------------------------------------*/
	/* Content                                          */

		/*--------------------------------------------------*/
		/* Wrapper                                          */

			#pageContent {
				float: left;
				width: 710px; /* (960 - 250) */
				padding: 0;
			}

		/*--------------------------------------------------*/
		/* Main body                                        */

			/*--------------------------------------------------*/
			/* Default                                          */

				#pageContent .mainBody {
					color: #FFF;
					background: #A57E59 url("../../img/bg/middle470B.gif") repeat-y 0 0;
					width: 470px;
					float: left;
				}

					.bodyCream #pageContent .mainBody {
						color: #7C5533;
						background: #F7D79C url("../../img/bg/middle470C.gif") repeat-y 0 0;
					}

					.bodyCream #pageContent .mainBody a {
						color: #7C5533;
					}

				#pageContent .mainBody .wrapper {
					background: url("../../img/bg/bottom470B.gif") no-repeat 0 100%;
					padding: 20px 20px 10px 20px;
				}

					.bodyCream #pageContent .mainBody .wrapper {
						background-image: url("../../img/bg/bottom470C.gif");
					}

				#pageContent .mainBody h2 {
					background: url("../../img/bg/top470B.gif") no-repeat 0 0;
					margin: -20px -20px 0 -20px;
					padding: 20px 20px 10px 20px;
					color: #F0AA27;
					font-size: 1.1em;
					text-transform: uppercase;
				}

					.bodyCream #pageContent .mainBody h2 {
						background-image: url("../../img/bg/top470C.gif");
						color: #7C5533;
					}

				#pageContent .mainBody h2 a.adminLink {
					text-decoration: none;
				}

				#pageContent .mainBody p.img {
					margin: 0 15px 10px 0;
					float: left;
				}

				#pageContent .mainBody div.video {
					margin: 0 0 10px 0;
				}

			/*--------------------------------------------------*/
			/* Size variations                                  */

				/*--------------------------------------------------*/
				/* Narrow                                           */

					#pageContent .bodyNarrow .mainBody {
						border: 1px solid red;
					}

				/*--------------------------------------------------*/
				/* Small                                            */

					#pageContent .bodySmall .mainBody {
						width: 300px;
						background-image: url("../../img/bg/middle300B.gif");
					}

						.bodyCream #pageContent .bodySmall .mainBody {
							background-image: url("../../img/bg/middle300C.gif");
						}

					#pageContent .bodySmall .mainBody .wrapper {
						background-image: url("../../img/bg/bottom300B.gif");
					}

						.bodyCream #pageContent .bodySmall .mainBody .wrapper {
							background-image: url("../../img/bg/bottom300C.gif");
						}

					#pageContent .bodySmall .mainBody h2 {
						background-image: url("../../img/bg/top300B.gif");
					}

						.bodyCream #pageContent .bodySmall .mainBody h2 {
							background-image: url("../../img/bg/top300C.gif");
						}

				/*--------------------------------------------------*/
				/* Big                                              */

					#pageContent .bodyBig .mainBody {
						width: 400px;
						background-image: url("../../img/bg/middle400B.gif");
					}

						.bodyCream #pageContent .bodyBig .mainBody {
							background-image: url("../../img/bg/middle400C.gif");
						}

					#pageContent .bodyBig .mainBody .wrapper {
						background-image: url("../../img/bg/bottom400B.gif");
					}

						.bodyCream #pageContent .bodyBig .mainBody .wrapper {
							background-image: url("../../img/bg/bottom400C.gif");
						}

					#pageContent .bodyBig .mainBody h2 {
						background-image: url("../../img/bg/top400B.gif");
					}

						.bodyCream #pageContent .bodyBig .mainBody h2 {
							background-image: url("../../img/bg/top400C.gif");
						}

				/*--------------------------------------------------*/
				/* Large                                            */

					#pageContent .bodyLarge .mainBody {} /* Default */

				/*--------------------------------------------------*/
				/* Full                                             */

					#pageContent .bodyFull .mainBody {
						width: 710px;
						background-image: url("../../img/bg/middle710B.gif");
					}

						.bodyCream #pageContent .bodyFull .mainBody {
							background-image: url("../../img/bg/middle710C.gif");
						}

					#pageContent .bodyFull .mainBody .wrapper {
						background-image: url("../../img/bg/bottom710B.gif");
					}

						.bodyCream #pageContent .bodyFull .mainBody .wrapper {
							background-image: url("../../img/bg/bottom710C.gif");
						}

					#pageContent .bodyFull .mainBody h2 {
						background-image: url("../../img/bg/top710B.gif");
					}

						.bodyCream #pageContent .bodyFull .mainBody h2 {
							background-image: url("../../img/bg/top710C.gif");
						}

		/*--------------------------------------------------*/
		/* Side link                                        */

			/*--------------------------------------------------*/
			/* Default                                          */

				#pageContent .sideLink {
					color: #7C5533;
					background: #F7D79C url("../../img/bg/middle230C.gif") repeat-y 0 0;
					width: 230px;
					float: left;
					margin-left: 10px;
				}

					.bodyCream #pageContent .sideLink {
						color: #FFF;
						background: #A57E59 url("../../img/bg/middle230B.gif") repeat-y 0 0;
					}

				#pageContent .sideLink .wrapper {
					background: url("../../img/bg/bottom230C.gif") no-repeat 0 100%;
					padding: 20px 20px 10px 20px;
				}

					.bodyCream #pageContent .sideLink .wrapper {
						background-image: url("../../img/bg/bottom230B.gif");
					}

				#pageContent .sideLink .wrapperTop {
					background: url("../../img/bg/top230C.gif") no-repeat 0 0;
				}

					.bodyCream #pageContent .sideLink .wrapperTop {
						background-image: url("../../img/bg/top230B.gif");
					}

				#pageContent .sideLink h2,
				#pageContent .sideLink .subLink.first h2 {
					background: url("../../img/bg/top230C.gif") no-repeat 0 0;
					margin: -20px -20px 0 -20px;
					padding: 20px 20px 10px 20px;
					font-size: 1.1em;
					text-transform: uppercase;
				}

					.bodyCream #pageContent .sideLink h2,
					.bodyCream #pageContent .sideLink .subLink.first h2 {
						color: #F0AA27;
						background: url("../../img/bg/top230B.gif") no-repeat 0 0;
					}

				#pageContent .sideLink p.footnote {
					border-top: 1px solid #FFF;
					padding-top: 10px;
				}

				#pageContent .sideLink a {
					color: #7C5533;
					text-decoration: none;
				}

					.bodyCream #pageContent .sideLink a {
						color: #FFF;
					}

				#pageContent .sideLink a:hover span,
				#pageContent .sideLink a:active span,
				#pageContent .sideLink a:focus span {
					text-decoration: underline;
				}

				#pageContent .sideLink p strong a {
					font-weight: normal;
					color: #E27C1B;
				}

					.bodyCream #pageContent .sideLink p strong a {
						color: #F7D79C;
					}

			/*--------------------------------------------------*/
			/* Size variations                                  */

				/*--------------------------------------------------*/
				/* Narrow                                           */

					#pageContent .bodyLarge .sideLink {} /* Default */

				/*--------------------------------------------------*/
				/* Small                                            */

					#pageContent .bodyBig .sideLink {
						background-image: url("../../img/bg/middle300C.gif");
						width: 300px;
					}

						.bodyCream #pageContent .bodyBig .sideLink {
							background-image: url("../../img/bg/middle300B.gif");
						}

					#pageContent .bodyBig .sideLink .wrapper {
						background-image: url("../../img/bg/bottom300C.gif");
					}

						.bodyCream #pageContent .bodyBig .sideLink .wrapper {
							background-image: url("../../img/bg/bottom300B.gif");
						}

					#pageContent .bodyBig .sideLink h2,
					#pageContent .bodyBig .sideLink .subLink.first h2,
					#pageContent .bodyBig .sideLink .wrapperTop {
						background-image: url("../../img/bg/top300C.gif");
					}

						.bodyCream #pageContent .bodyBig .sideLink h2,
						.bodyCream #pageContent .bodyBig .sideLink .subLink.first h2,
						.bodyCream #pageContent .bodyBig .sideLink .wrapperTop {
							background-image: url("../../img/bg/top300B.gif");
						}

				/*--------------------------------------------------*/
				/* Big                                              */

					#pageContent .bodySmall .sideLink {
						background-image: url("../../img/bg/middle400C.gif");
						width: 400px;
					}

						.bodyCream #pageContent .bodySmall .sideLink {
							background-image: url("../../img/bg/middle400B.gif");
						}

					#pageContent .bodySmall .sideLink .wrapper {
						background-image: url("../../img/bg/bottom400C.gif");
					}

						.bodyCream #pageContent .bodySmall .sideLink .wrapper {
							background-image: url("../../img/bg/bottom400B.gif");
						}

					#pageContent .bodySmall .sideLink h2,
					#pageContent .bodySmall .sideLink .subLink.first h2,
					#pageContent .bodySmall .sideLink .wrapperTop {
						background-image: url("../../img/bg/top400C.gif");
					}

						.bodyCream #pageContent .bodySmall .sideLink h2,
						.bodyCream #pageContent .bodySmall .sideLink .subLink.first h2,
						.bodyCream #pageContent .bodySmall .sideLink .wrapperTop {
							background-image: url("../../img/bg/top400B.gif");
						}

				/*--------------------------------------------------*/
				/* Full                                             */

					#pageContent .bodyNarrow .sideLink {}

			/*--------------------------------------------------*/
			/* Alt                                              */

				/*--------------------------------------------------*/
				/* Narrow                                           */

					#pageContent .bodyLarge .sideLink.donate .wrapper {
						background-image: url("../../img/sideLink/230/donate.jpg");
						padding-bottom: 268px; /* (258 + 10) */
					}

					#pageContent .bodyLarge .sideLink.inspiration .wrapper {
						background-image: url("../../img/sideLink/230/inspiration.jpg");
						padding-bottom: 268px; /* (258 + 10) */
					}

					#pageContent .bodyLarge .sideLink.register .wrapper {
						background-image: url("../../img/sideLink/230/register.jpg");
						padding-bottom: 268px; /* (258 + 10) */
					}

					#pageContent .bodyLarge .sideLink.invite .wrapper {
						background-image: url("../../img/sideLink/230/invite.jpg");
						padding-bottom: 268px; /* (258 + 10) */
					}

				/*--------------------------------------------------*/
				/* Small                                            */

					#pageContent .bodyBig .sideLink.donate .wrapper {
						background-image: url("../../img/sideLink/300/donate.jpg");
						padding-bottom: 268px; /* (258 + 10) */
					}

					#pageContent .bodyBig .sideLink.inspiration .wrapper {
						background-image: url("../../img/sideLink/300/inspiration.jpg");
						padding-bottom: 268px; /* (258 + 10) */
					}

					#pageContent .bodyBig .sideLink.register .wrapper {
						background-image: url("../../img/sideLink/300/register.jpg");
						padding-bottom: 268px; /* (258 + 10) */
					}

					#pageContent .bodyBig .sideLink.invite .wrapper {
						background-image: url("../../img/sideLink/300/invite.jpg");
						padding-bottom: 268px; /* (258 + 10) */
					}

			/*--------------------------------------------------*/
			/* Sub link                                         */

				#pageContent .sideLink .subLink {
					background: url("../../img/global/sideLinkSubBg.gif") repeat-x 0 100%;
					padding-bottom: 5px;
					margin-bottom: 15px;
					width: 100%; /* IE6 Win: Forgets to render the background images */
				}

				#pageContent .sideLink .subLink.last {
					background: none;
					padding-bottom: 0;
					margin-bottom: 0;
				}

					/*--------------------------------------------------
					 * If your looking as to why the background image
					 * in IE6 does not appear on the top of the /invite/
					 * side bar, its because the ".subLink.first"
					 * defined earlier are not considered more important
					 * than the following rule.
					 *--------------------------------------------------*/

				#pageContent .sideLink .subLink h2,
				.bodyCream #pageContent .sideLink .subLink h2 {
					background-image: none;
				}

				#pageContent .sideLink .subLink p {
					margin-bottom: 0;
					padding-bottom: 10px;
				}

		/*--------------------------------------------------*/
		/* Section head links                               */

			#pageContent #sectionHeadLinks {
				background: url("../../img/global/sectionHeadLinksBgMiddle.gif") repeat-y 0 0;
			}

			#pageContent #sectionHeadLinks .wrapper1 {
				background: url("../../img/global/sectionHeadLinksBgTop.gif") no-repeat 0 0;
			}

			#pageContent #sectionHeadLinks .wrapper2 {
				background: url("../../img/global/sectionHeadLinksBgBottom.gif") no-repeat 0 100%;
				overflow: auto !important;
				overflow: visible; /*  IE5.0 Win: Adds a hidden overflow auto scroll bar (consumes width), and does not understand the !important rule */
				width: 100%; /* IE5+6: Trigger bug to contain floated elements */
			}

			#pageContent #sectionHeadLinks .link {
				width: 190px;
				margin: 20px 20px 10px 30px;
				float: left;
				display: inline; /* IE5+6 Win: double margin bug */
			}

			#pageContent #sectionHeadLinks .link.first {
				margin-left: 20px;
			}

			#pageContent #sectionHeadLinks .link h2 {
				font-size: 1.1em;
				text-transform: uppercase;
				margin-bottom: 0;
				padding-bottom: 10px
			}

			#pageContent #sectionHeadLinks .link h2,
			#pageContent #sectionHeadLinks .link p,
			#pageContent #sectionHeadLinks .link p a {
				color: #7C5533;
				text-decoration: none;
			}

			#pageContent #sectionHeadLinks .link.second h2 {
				color: #F0AA27;
			}

			#pageContent #sectionHeadLinks .link.first p,
			#pageContent #sectionHeadLinks .link.first p a,
			#pageContent #sectionHeadLinks .link.second p,
			#pageContent #sectionHeadLinks .link.second p a {
				color: #FFF;
				text-decoration: none;
			}

			#pageContent #sectionHeadLinks .link.first h2,
			#pageContent #sectionHeadLinks .link.first p {
				background: #E0812F;
			}

			#pageContent #sectionHeadLinks .link.second h2,
			#pageContent #sectionHeadLinks .link.second p {
				background: #A57E59;
			}

			#pageContent #sectionHeadLinks .link.third h2,
			#pageContent #sectionHeadLinks .link.third p {
				background: #F7D79C;
			}

	/*--------------------------------------------------*/
	/* Footer                                           */

		#pageFooter {
			clear: both;
			padding: 10px 0 0 0;
		}

		#pageFooter h2 {
			position: absolute;
			left: -5000px;
		}

		#pageFooter p,
		#pageFooter ul {
			float: left;
			font-size: 0.8em;
			line-height: 1em;
		}

		#pageFooter p,
		#pageFooter a {
			color: #CCC;
			text-decoration: none;
		}

		#pageFooter ul a:hover,
		#pageFooter ul a:focus,
		#pageFooter ul a:active {
			text-decoration: underline;
		}

		#pageFooter ul {
			margin: 0;
		}

		#pageFooter ul li,
		#pageFooter p.design {
			list-style: none;
			float: left;
			padding: 0 0 0 5px;
			margin: 0 0 0 5px;
			border-left: 1px solid #CCC;
		}

		#pageFooter ul li {
			text-transform: lowercase;
		}

		#pageFooter ul li strong {
			font-weight: normal;
		}

/*--------------------------------------------------*/
/* Basic Form                                       */

	.basicForm fieldset {
		margin: 0 0 10px 0;
		border: 0;
	}

	.basicForm .error {
		color: #F9FF63;
		background: inherit;
		font-weight: bold;
	}

		.bodyCream .basicForm .error {
			color: #D00;
		}

	.basicForm .row {
		clear: both;
		padding: 0 0 10px 0;
	}

	.basicForm .row .label { /* NS7: Cannot apply styles to label object */
		display: block;
		font-weight: bold;
		padding: 0 0 5px 0;
	}

	.basicForm .row .label abbr.required {
		border: 0;
	}

	.basicForm .row .input input,
	.basicForm .row .input textarea {
		border: 0;
		padding: 3px;
		width: 98%;
	}

	.basicForm .row.check {
		padding-left: 1.75em;
	}

	.basicForm .row.check .input {
		float: left;
		margin-left: -1.75em;
	}

	.basicForm .row.check .input input {
		width: auto; /* IE5+6+7 Win: Applies a width to check-boxes */
	}

	.basicForm .row.check .label {
		display: inline;
		font-weight: normal;
	}

	.basicForm .submit {
		margin: 0 0 10px 0;
	}

/*--------------------------------------------------*/
/* Checkout Form                                    */

	.checkoutForm fieldset {
		padding: 10px 0 0 0;
		margin: 0 0 10px 0;
		border: 0;
		background: #FFF;
		color: #000;
	}

	.checkoutForm .error {
		color: #F9FF63;
		background: inherit;
		font-weight: bold;
	}

	.checkoutForm .row {
		padding: 5px 0 0 11.5em;
		clear: both;
	}

	.checkoutForm .row .label { /* NS7: Cannot apply styles to label object */
		float: left;
		width: 11em;
		margin: 3px 0 0 -11.5em;
		text-align: right;
	}

	.checkoutForm .row .label abbr.required {
		border: 0;
	}

	.checkoutForm .row.info .input,
	.checkoutForm .row.radio .input,
	.checkoutForm .row.check .input {
		display: block;
		padding: 3px 200px 0 0;
	}

	.checkoutForm .row.date input {
		text-align: center;
	}

	.checkoutForm .submit {
		margin: 0 0 10px 0;
	}

/*--------------------------------------------------*/
/* Admin Form                                       */

	.adminForm fieldset {
		padding: 10px 0 0 0;
		margin: 0 0 10px 0;
		border: 0;
	}

	.adminForm fieldset legend {
		color: #000; /* IE6: defaults to using blue text */
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
	}

	.adminForm .error {
		color: #F9FF63;
		background: inherit;
		font-weight: bold;
	}

	.adminForm h3 {
		padding-top: 20px;
		color: #F0AA27;
	}

	.adminForm fieldset h3:first-child,
	.adminForm ul.error + h3 {
		padding-top: 0;
	}

	.adminForm .row {
		padding: 5px 0 0 11.5em;
		clear: both;
	}

	.adminForm .row .label { /* NS7: Cannot apply styles to label object */
		float: left;
		width: 11em;
		margin: 3px 0 0 -11.5em;
		text-align: right;
	}

	.adminForm .row .label abbr.required {
		border: 0;
	}

	.adminForm .row.info .input,
	.adminForm .row.radio .input,
	.adminForm .row.check .input {
		display: block;
		padding: 3px 0 0 0;
	}

	.adminForm .row.date input {
		text-align: center;
	}

	.adminForm .submit {
		margin: 0 0 10px 0;
	}

/*--------------------------------------------------*/
/* Single line form                                 */

	.singleLineForm fieldset {
		margin: 0 0 10px 0;
		border: 0;
	}

/*--------------------------------------------------*/
/* Delete form                                      */

	.deleteForm fieldset {
		margin: 0 0 10px 0;
		border: 0;
	}

/*--------------------------------------------------*/
/* Basic Table                                      */

	.basicTable {
		margin: 0 0 10px 0;
		background: #725132;
		border-top: 1px solid #000;
		border-right: 0;
		border-bottom: 0;
		border-left: 1px solid #000;
	}

	.basicTable.fullWidth {
		width: 100%;
	}

	.basicTable tr.even {
		background: #836040;
	}

	.basicTable tr.highlight td.name {
		font-weight: bold;
	}

	.basicTable th {
		color: inherit;
		background: #56391e;
	}

	.basicTable th,
	.basicTable td {
		padding: 2px 4px;
		border-top: 0;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		border-left: 0;
	}

	.basicTable td.noResults {
		text-align: center;
	}

	.basicTable td.view,
	.basicTable td.delete {
		text-align: center;
		width: 4em;
	}

/*--------------------------------------------------*/
/* Checkout link                                    */

	#pageContent .checkout {
		text-align: right;
	}

	#pageContent .checkout a {
		text-decoration: underline;
	}

/*--------------------------------------------------*/
/* Basic nav                                        */

	.basicNav {
		margin: 0;
		padding: 0;
	}

	.basicNav li {
		float: left;
		list-style: none;
		margin: 0 10px -1px 0;
		position: relative; /* IE5/6 WIN: needs this the the issueLogBody sits under this li */
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		border-left: 1px solid #000;
	}

	.basicNav li a {
		text-decoration: none;
	}

	.basicNav li span,
	.basicNav li strong {
		display: block;
		padding: 5px;
		position: relative; /* IE5/6 WIN: needs this rule to apply the background colour */
		color: #000;
		background: #E0E0E0;
		border-bottom: 1px solid #000;
	}

	.basicNav li strong {
		font-weight: normal;
		color: #000;
		background: #FFF;
		border-bottom: 1px solid #FFF;
	}

	.basicNavChild {
		clear: both;
		border: 1px solid #000;
		padding: 10px 10px 0 10px;
		margin: 0 0 10px 0;
	}

/*--------------------------------------------------*/
/* Small nav                                        */

	.smallNav {
		margin: 0 0 10px 0;
		list-style: none;
	}

	.smallNav li {
		display: inline;
	}