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

	* {
		padding: 0;
		margin: 0;
	}

	html, body {
		color: #001F50;
		background: #001540;
	}

	body {
		font-family: optima, 'trebuchet MS', verdana, sans-serif;
		font-size: 1em;
		padding: 20px 0;
		text-align: center; /* IE5 WIN: thinks that block level elements can be text-aligned */
	}

	h2 {
		padding: 6px 0;
		font-size: 1.8em;
		font-weight: normal;
		color: #D5C034;
	}

	a img {
		border: 0;
	}

	input, select, textarea {
		border: 1px solid #001F4D;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		padding: 3px;
	}

	select option {
		padding: 0 10px 0 0;
	}

	input:focus, textarea:focus {
		background: #E4ECF9;
	}

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

	.basicForm fieldset {
		border: 0;
	}

	.basicForm fieldset legend {
		display: none;
	}

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

	.basicForm .row {
		padding: 5px 0 0 11.5em;
	}

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

	.basicForm .submit input {
		margin-bottom: 5px;
	}

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

	#skipLinks {
		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 {
		position: absolute;
		top: 500.25em;
		right: 0.25em;
		z-index: 5;
		white-space: nowrap;
		color: #000;
		background: #FFF;
		border: 2px solid red;
		padding: 3px;
	}

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

	#contentContainer {
		width: 735px;
		border: 1px solid #D5C034;
		margin: 0 auto;
		text-align: left;
		font-size: 0.9em;
		position: relative;
		background: #FFF;
	}

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

	#pageTitle {
		color: #9E8B2B;
		background: #001540;
		overflow: auto;
		width: 100%; /* IE5+6 WIN: needs a width for the overflow: auto to include the floated elements */
	}

	#pageTitle h1 {
		font-size: 1em;
		font-style: italic;
		font-weight: normal;
		float: right;
		padding: 50px 25px 0 0;
	}

	#pageTitle img {
		display: block;
	}

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

	#pageNavigation {
		border-top: 5px solid #D5C034;
		clear: both;
		background: #FFF;
		overflow: auto;
		width: 100%; /* IE5+6 WIN: needs a width for the overflow: auto to include the floated elements */
	}

	#pageNavigation h2 {
		position: absolute;
		left: 0px;
		top: -500em;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}

	#pageNavigation img {
		float: left;
	}

	#pageNavigation ul {
		float: right;
		padding: 0 12px 0 0;
		list-style: none;
	}

	#pageNavigation ul li {
		float: left;
		vertical-align: bottom;
		padding: 16px 6px 0 0;
	}

	#pageNavigation ul li.current {
		padding-top: 14px;
	}

	#pageNavigation ul li span.disabled {
		color: #CCC;
	}

	#pageNavigation ul li strong {
		font-size: 1.2em;
		font-weight: normal;
	}

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

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

		#pageContent {
			clear: both;
			border-top: 5px solid #D5C034;
			background: #FFF;
			color: #001F50;
		}

		#pageContent #content {
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 0.75em;
			padding: 10px 6px;
			position: relative; /* IE6 sometimes forgets to render this content */
		}

		#pageContent #content h3 {
			padding: 6px 0 0 0;
		}

		#pageContent #content ul {
			padding: 0.5em 0 1.5em 2em;
		}

		#pageContent p {
			padding: 6px 0;
		}

		#pageContent a {
			color: #001F50;
			background: inherit;
		}

		#pageContent h2 a {
			color: #D5C034;
			background: inherit;
		}

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

		#pageContent ul#navigation {
			clear: both;
			background: #D5C034;
			color: #001F50;
			font-size: 0.9em;
			list-style: none;
			padding: 6px 0;
			overflow: auto;
			width: 100%; /* IE5+6 WIN: needs a width for the overflow: auto to include the floated elements */
		}

		#pageContent ul#navigation li {
			display: block;
			float: left;
			margin: 0 6px;
			padding: 5px;
			border: 1px solid #001F50;
		}

		#pageContent ul#navigation li.next {
			float: right;
		}

		#pageContent ul#navigation a {
			background: #D5C034;
			color: #001F50;
			text-align: right;
			text-decoration: none;
		}

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

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

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

			#pageContent form#navigation {
				clear: both;
				background: #D5C034;
				color: #001F50;
				text-align: center;
				font-size: 0.9em;
				padding: 6px 0;
				overflow: auto;
				width: 100%; /* IE5+6 WIN: needs a width for the overflow: auto to include the floated elements */
				float: left; /* IE5 MAC: get the form to show within the overflow: auto parent div */
			}

			#pageContent form#navigation fieldset {
				border: 0;
			}

			#pageContent form#navigation legend {
				display: none;
			}

		/*-------------------------------*/
		/* Error                         */

			#pageContent form#navigation ul.error {
				list-style: none;
				font-size: 1.2em;
				color: #000;
				background: #e97f55;
				border: 2px solid #900;
				font-size: 1.4em;
				padding: 0.4em 0;
				margin: 0 50px 10px 50px;
			}

		/*-------------------------------*/
		/* Field/Row pair (row)          */

			#pageContent form#navigation .row {
				float: left;
				width: 238px; /* IE5 WIN: cannot take 240px */
				display: inline; /* IE6 WIN: expteriances the double margin bug on some pages */
			}

			#pageContent form#navigation .row .label { /* NS7: Cannot apply styles to label object */
				display: block;
			}

			#pageContent form#navigation .row .label strong {
				font-size: 1.6em;
			}

			#pageContent form#navigation .row input {
				text-align: center;
			}

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

			#pageContent form#navigation table {
				width: 500px;
				margin: 0 auto;
				border: 0;
			}

			#pageContent form#navigation table th {
				padding: 10px 20px 5px 20px;
				border: 0;
			}

			#pageContent form#navigation table th.labels {
				padding: 5px;
				text-align: right;
				font-weight: normal;
			}

			#pageContent form#navigation table th.labelsFrame {
				padding: 5px;
				text-align: right;
				font-weight: normal;
			}

			#pageContent form#navigation table td {
				padding: 5px 20px 5px 20px;
				text-align: center;
				border: 0;
			}

		/*-------------------------------*/
		/* Simple detail paragraph       */

			#pageContent form#navigation p {
				clear: both;
				float: left; /* FF: is not clearing the floats properly */
				width: 100%;
			}

		/*-------------------------------*/
		/* Submit                        */

			#pageContent form#navigation .submit {
				width: 100%;
				margin: 0 -3px 0 0;
			}

			#pageContent form#navigation .submit .next {
				float: right;
			}

			#pageContent form#navigation .submit .back {
				float: left;
			}

			#pageContent form#navigation .submit input {
				border: 1px solid #001F50;
				background: #D5C034;
				color: #001F50;
				font-family: optima, 'trebuchet MS', verdana, sans-serif;
				font-size: 1em;
				margin: 0 6px;
				padding: 4px;
			}

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

	#pageFooter {
		clear: both;
		border-top: 1px solid #D5C034;
		height: 1.9em;
		background: #FFF;
	}

	#pageFooter img {
		float: left;
		padding: 2px 0 0 0;
	}

	#pageFooter ul {
		float: right;
		padding: 8px 0 0 0;
		list-style: none;
	}

	#pageFooter ul li {
		float: left;
	}

	#pageFooter ul li a {
		font-size: 0.8em;
		border-right: 1px solid #001F4D;
		display: block;
		padding: 0 12px;
		color: #000;
		background: #FFF;
		text-decoration: none;
	}

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

	#pageFooter ul li a.last {
		border: 0;
	}