/**
 * XHTML TAGS
 * -------------------------------------------------------------------------- */
 	
	html, body { height: 100%; }
	body, p, h1, h2 { padding: 0; margin: 0; }
	body {
		font: 11px Arial, Helvetica, sans-serif;
		background: #D7D7D7 url('/media/img/ui/body-bg.png') center 63px no-repeat;
	}
	p {
		margin-bottom: 1em;
	}
	h1 {
		font-size: 1.5em;
		text-transform: uppercase;
		margin-bottom: 1.5em;
	}
	h2 {
		font-size: 1em;
		text-transform: uppercase;
		margin: 1em 0 0.5em 0;
		padding: 0 0 0 0;
	}
	a, a:visited {
		text-decoration: none;
		font-weight: bold;
		color: #9F1430;
	}
	a:hover {
		color: #B6B5B5;
	}
	div.clear {
		clear: both;
		padding: 1px;
		line-height: 0;
	}
	table {
		border-collapse: separate;
		border-spacing: 1px;
	}
	th {
		color: #fff;
		text-align: left;
		background-color: #9F1430;
	}
	th, td {
		padding: 2px 6px;
	}
	tr.normal {
		background-color: #fff;
	}
	tr.alt {
		background-color: #ddd;
	}
	
	
/**
 * LAYOUT
 * -------------------------------------------------------------------------- */
 
	#page {
		min-height: 100%;
		width: 739px;
		margin: 0 auto;
		background: url('/media/img/ui/col-bg.png') left 487px repeat-y;
	}
	* html #page {
		height: 100%;
	}
	#header {
		height: 487px;
		background: url('/media/img/ui/header.png?date=20091207') left top no-repeat;
	}
	#header #logo {
		position: relative;
		top: 14px;
		left: 23px;
	}
	#main-nav {
		position: relative;
		top: -26px;
		left: 315px;
	}
	* html #main-nav {
		margin: -23px 0 0 315px;
	}
	#main-nav ul {	
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	#main-nav li {
		padding: 0;
		margin: 0 0 0 -1px;
		float: left;
	}
	#main-nav li a, #main-nav li a:visited {
		display: block;
		font-size: 1em;
		font-weight: bold;
		text-transform: uppercase;
		color: #FFFFFF;
		padding: 2px 7px;
		border: 1px solid #FFFFFF;
		background: #9F1430;		
	}
	#main-nav li a:hover {
		color: #B6B5B5;
	}
	#two-colwrapper {
		clear: both;
		width: 739px;
		margin-top: -282px;
	}
	#two-colwrapper #side-panel {
		text-align: center;
		width: 175px;
		float: left;
		padding: 65px 0 0 21px;
	}
	#two-colwrapper #content {
		margin-right: 35px;
		margin-left: 310px;
	}


/**
 * LISTS
 * ------------------------------------------------------------------------ */
ul, li {
	margin: 0px;
	padding: 0px;
}
ul {
	margin: 0 0 1em 0;
}
li {
	margin-left: 1.5em;
}
li.pdf {
	background: url('/media/img/icons/pdf.gif') no-repeat;
	margin: 0px 0 0.5em 0px;
	padding: 5px 0 0px 20px;
}
li.pdf {
	margin-left: 2px;
	list-style: none;
}
ul.nav-trail, ul.nav-trail li {
	list-style: none;
} 
ul.nav-trail li {
	font-size: 10px;
	display: inline;
	margin: 0px;
}
ul.nav-trail li:after {
	content: " \0020 \00BB \0020";
}
ul.nav-trail li.current:after {
	content: "";
}
ul.nav-trail li.current {
	font-weight: bold;
}
/**
 * FORM STYLES
 * ------------------------------------------------------------------------ */
	ul.errorlist, div.error-msg, #form-error {
		padding: 10px;
		margin: 6px 0 0 0;
		background: #CC0000;
	}
	ul.errorlist li {
		list-style: disc;
		list-style-position: inside;
	}
	ul.errorlist li, div.error-msg, #form-error {
		color:#FFFFFF;
	}
	form .field, #form-error {
		margin-bottom: 1em;
	}
	#form-error p {
		font-weight: bold;
		margin: 0;
	}
	form input[type=text] {
		width: 225px;
		background-color: #d7d7d7;
		border: 1px solid #9D1430;
		padding: 4px 6px;
	}
	form .field.error input[type=text] {
		color: #CC0000;
		border: 1px solid #CC0000;
		background: #f5cccc;
	}
	form .txt-desc {
		color: #9b9b9b;
	}
	ul.errorlist, div.error-msg {
			width: 219px;
	}
	form label {
		color: #9D1430;
		display: block;
	}
	form .field.error label {
		color: #CC0000;
	}
	form ul, form li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	form ul li label, form ul li {
		display: inline;
		width: auto;
	}
	form input[type=submit] {
		color: #FFF;
		background-color: #9D1430;
		border: 1px solid #9D1430;
		padding: 10px 20px;
		text-transform: uppercase;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 4px 4px 3px #444;
		-webkit-box-shadow: 4px 4px 3px #444;
		-khtml-box-shadow: 4px 4px 3px #444;
		box-shadow: 4px 4px 3px #444;
		cursor: pointer;
	}
	form input[type=submit]:hover {
		color: #9D1430;
		background: #d7d7d7;
	}
	form .radio > ul {
		margin-top: 0.5em;
	}
	#entry-form-page #otca-container {
		display: none;
	}
	#otca-container h2 {
		margin: 2em 0 1em;
	}
	#amount_enclosed, #po_number, #boys_coming, #girls_coming {
		width: 100px;
	}
	#otca-container .error-msg {
		width: auto;
		margin-bottom: 1em;
	}