/*--------------------------------------------------*/
/* 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.9em;
		color: #0B5423;
		background-color: #FFF;
		text-align: center; /* IE5 Win: Thinks block level elements are aligned as text */
	}

	a {
		color: #0B5423;
	}

	a img {
		border: 0;
	}

	p,
	h2 {
		margin: 0 0 10px 0;
	}

	h2 {
		font-size: 1.7em;
	}

	h3 {
		font-size: 1em;
	}

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

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

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

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

		#pageFrame {
			width: 1000px;
			background: url("../../img/global/bg.gif") repeat-y 0 0;
			margin: 0 auto;
			text-align: left; /* IE5 Win: Correct the text-align fix */
		}

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

		#pageWrapper {
			background: url("../../img/bg/home.jpg") no-repeat 0 100%;
			overflow: auto;
			width: 100%; /* IE6: trigger bug to contain floated elements */
			min-height: 800px;
			height: auto !important;
			height: 800px; /* IE5+6 Win: Treats height as min-height, and does not understand !important */
		}

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

		#pageTitle {
			float: left;
			width: 288px;
			margin-left: 21px;
			display: inline; /* IE6 double margin bug */
		}

		#pageTitle h1 {
			padding: 20px 0 0 0;
			text-align: center;
		}

		#pageTitle h1 img {
			display: block;
			margin: 0 auto;
			padding: 0 0 5px;
		}

		#pageTitle p {
			padding: 10px 50px; /* (((288 - 200) / 2) + 6) */
			margin: 0;
			font-size: 1.1em;
		}

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

		#pageContainer {
			float: left;
			width: 629px;
			margin-left: 42px;
			padding-bottom: 170px;
		}

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

		#pageNavigation {
			padding: 30px 0 0 0;
			font-size: 1.1em;
		}

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

		#pageNavigation ul {
			list-style: none;
			margin: 0;
			overflow: auto;
			width: 100%; /* IE6: trigger bug to contain floated elements */
		}

		#pageNavigation li {
			float: left;
			padding-left: 8px;
			margin-left: 8px;
			border-left: 2px solid #0B5423;
		}

		#pageNavigation li.firstChild {
			padding-left: 0;
			margin-left: 0;
			border-left: 0;
		}

		#pageNavigation ul a {
			text-decoration: none;
		}

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

		#pageNavigation ul strong a {
			font-weight: normal;
			color: #9DCC16;
		}

		#pageNavigation #pageSubNav {
			clear: both;
			border-top: 2px solid #9DCC16;
			margin-top: 10px;
			padding-top: 10px;
		}

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

		#pageContent {
			clear: both;
			padding: 50px 150px 0 0;
		}

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

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

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

		#pageFooter ul {
			margin: 0;
			text-align: center;
		}

		#pageFooter ul li {
			list-style: none;
			display: inline;
			padding: 0 0 0 5px;
			margin: 0 0 0 5px;
			font-size: 0.8em;
			border-left: 1px solid #CCC;
		}

		#pageFooter ul li.copyright {
			border-left: 0;
			padding-left: 0;
			margin-left: 0;
		}

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

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

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

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

	.basicForm fieldset fieldset {
		margin-top: 20px;
	}

	.basicForm .error {
		color: red;
		background: inherit;
		font-weight: bold;
	}
	
	.basicForm ul.error {
		margin: 20px 0 10px 2em;
	}

	.basicForm .row {
		padding: 3px 0 0 11.5em;
		clear: both;
	}

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

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

	.basicForm .row.inputFirst.check .input {
		width: 2em;
		margin-left: -2em;
	}

	.basicForm .row.inputFirst .label {
		display: block;
		float: none;
		width: auto;
		margin-left: 0;
		text-align: left;
	}

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

	.basicForm .row .text,
	.basicForm .row .radio,
	.basicForm .row .check {
		display: block;
		padding: 3px 0 0 0;
	}

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

	.basicForm .submit {
		margin: 0 0 10px 0;
		padding-left: 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;
		color: inherit;
		background: #E0E0E0;
		border-top: 1px solid #000;
		border-right: 0;
		border-bottom: 0;
		border-left: 1px solid #000;
	}

	.basicTable.fullWidth {
		width: 100%;
	}

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

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

	.basicTable th {
		color: inherit;
		background: #AAA;
	}

	.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;
	}

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