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

	* {
		margin: 0;
		padding: 0;
	}

	body {
		font-family: "Interstate Regular", arial, helvetica, sans-serif;
		font-size: small;
		text-align: center; /* IE5 WIN: thinks block level elements are text */
	}

	a {
		color: #000;
	}

	a img {
		border: 0;
	}

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

	.basicForm {
		width: 400px;
	}

	.basicForm ul.error {
		padding: 1em 0 1em 30px;
	}

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

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

	.basicForm .row .label { /* NS7: Cannot apply styles to label object */
		float: left;
		margin: 0 0 0 -150px;
		width: 120px;
	}

	.basicForm .row input, .basicForm .row textarea {
		margin-left: -100px; /* IE6 WIN: has something hidden that needs to sit under the input */
		width: 220px;
		float: right; /* IE5 WIN: instead of text-align to stop two line problem (lable above the input) */
	}

	.basicForm .submit input {
		margin-left: 0; /* IE6 WIN: correction for the previous screw-up */
		margin-bottom: 5px;
		width: auto;
	}

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

	#skipLinks {
		float: left;
		margin-left: -5000px; /* IE5 MAC: adding horizontal scroll-bar when using 'left' */
	}

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

	#frame {
		border: 5px solid #000;
		width: 760px;
		margin: 30px auto 0 auto;
		text-align: left;
	}

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

	#title p {
		background-color: #FFDD00;
		padding: 2px 5px;
		font-size: small;
		font-weight: bold;
	}

	#title h1 {
		position: relative;
	}

	#title h1 img {
		position: absolute; /* IE7 WIN: cannot float and allow the h2 padding to sit behind */
		top: 10px;
		left: 0;
	}

	#title h2 {
		padding: 15px 10px 8px 340px;
		min-height: 65px;
		font-size: 24px; /* IE5+6 WIN: does not get relative font sizes here */
		background: #FFF url("../../img/grad.gif") repeat-x; /* IE7 */
		color: #000;
	}

/*-------------------------------*/
/* Nav                           */

	#pageNavigation {
		background: #FFDD00;
		border-bottom: 5px solid #000;
		padding: 3px 0;
		overflow: auto;
		width: 100%; /* IE5+6 WIN: needs for overflow auto to cover floated elements */
	}

	#pageNavigation ul {
		float: left; /* FF1: gets overflow scroll bars on the parent */
		list-style: none;
	}

	#pageNavigation li {
		float: left;
		padding: 0 15px;
		border-right: 1px solid #000;
	}

	#pageNavigation li.last {
		border-right: 0;
	}

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

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

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

	#pageContent {
		clear: both;
	}

/*-------------------------------*/
/* Details                       */

	#details {
		clear: both;
		background: #DCC28A;
		font-size: x-small;
		padding: 3px;
	}

	#details span {
		padding: 0 15px 0 0;
	}

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

	#footer {
		width: 760px;
		margin: 5px auto 10px auto;
		text-align: left;
		font-size: x-small;
	}

	#footer span {
		padding: 0 15px 0 0;
	}