/*

	PACWEB
	© Princeton Alliance Church

	Slate (CSS 2.1 Screen)
	Framework

	footerStick CSS technique
	© 2007 Craig Erskine (http://solardreamstudios.com/learn/css/footerstick/)

*/

/* ============================================================================================= //
// Redefine XHTML defaults
// ============================================================================================= */

*, body, div,
h1, h2, h3, h4, h5, h6, p,
dl, dt, dd, ul, ol, li, img,
abbr, acronym, address, blockquote, cite, code, dfn, em, pre, strong, var,
form, fieldset, legend, input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	color: inherit;
	font: inherit;
}

html {
	overflow-y: scroll;						/* always show vertical scrollbar */
}

html, body {
	height: 100%;							/* footerStick */
}

body, input, textarea {						/* IE6- and Opera don't support complete (any?) inheritance on <input> and <textarea> elements */
	background: #fff;
	color: #2e2e2e;
	line-height: 19px;
	font-size: 13px;
	font-family: tahoma, arial, helvetica, sans-serif;
	letter-spacing: normal;
}

h1 {
	clear: both;
	font-size: 14px;
	font-weight: normal;
}

h2 {
	clear: both;
	margin: 35px -25px 15px -25px;
	padding: 6px 25px;
	border-top: 1px solid #a6d2ff;
	background-color: #eef5fc;
	color: #065cb2;
	font-size: 14px;
	font-weight: bold;
}

	h2.implicit {
		margin: 0;
		padding: 0;
		border-top: 0;
		background-color: transparent;
	}

	h2.subtitle {
		margin: -40px 0 21px 0;
		padding: 0;
		border-top: 0;
		background-color: transparent;
		color: inherit;
		font-size: 11px;
		text-align: right;
	}

	h2 a:link,
	h2 a:visited,
	h2 a:active {
		border: 0;
	}

	div#column-secondary h2 {
		margin: 25px 0 10px 0;
		padding: 0;
		border-top: 0;
		background-color: transparent;
	}

h3,
dl.faq dt {
	margin: 25px -25px 15px -25px;
	padding: 3px 25px 4px 25px;
	background-color: #eee;
	font-size: 13px;
	font-weight: bold;
}

	h3.subtitle,
	dl.faq dt.subtitle {
		margin: -37px 0 18px 0;
		padding: 0;
		background-color: transparent;
		color: inherit;
		font-size: 11px;
		text-align: right;
	}

		h3.subtitle.light {
			color: #8a8a8a;
		}

		h3.subtitle a:link,
		h3.subtitle a:visited,
		h3.subtitle a:active {
			border: 0;
		}

		h3.subtitle em.label {
			margin-right: 15px;
		}

	h3 span.less {
		font-weight: normal;
	}

	h2.subtitle + h3 {
		margin-top: 31px;
	}

	div#column-secondary h3 {
		background-color: #eef5fc;
		color: #065cb2;
	}

		div#column-secondary h3.less {
			background-color: transparent;
		}

	dl.faq dd {
		margin-bottom: 25px;
	}

h4 {
	margin: 20px 0 10px 0;
	font-size: 100%;
	font-weight: bold;
}

	h4.subtitle {
		margin-top: -10px;
		line-height: 14px;
		font-size: 10px;
	}

	div#column-secondary h4 {
		margin-bottom: 5px;
		color: #686868;
		font-size: 11px;
		text-transform: uppercase;
	}

p {
	margin: 0 0 15px 0;
	background-color: transparent;
}

	p.implicit {
		margin-bottom: 0;
	}

hr {
	height: 1px;
	margin-top: 20px;
	margin-bottom: 25px;
	background: #ddd;
	color: #ddd;
}

	div#column-primary hr.wide {
		width: 550px;
	}

li {
	list-style: none;
}

a, a strong, a em, .href {
	background-color: transparent;
	text-decoration: none;
	cursor: pointer;
}

	a:link, a:visited, a:active, .href {
		border-bottom: 1px dotted #1678dc;
		color: #1678dc;
	}

	a:hover, .href:hover {
		border-bottom-style: solid;
		border-bottom-color: #005dbc;
		color: #005dbc;
	}

	a:focus, .href:focus {
		border-bottom-color: #4a4a4a;
		background-color: #4a4a4a;
		color: #fff;
	}

	a.implicit:link,
	a.implicit:visited,
	a.implicit:active,
	a.implicit:hover,
	a.implicit:focus,
	.href.implicit,
	.href.implicit:hover,
	.href.implicit:focus {						/* IE 6- (ironically) requires that we be explicit */
		border: 0;
		background-color: transparent;
	}

	a.extlink {
		padding-left: 11px;
		background-image: url(icon-extlink.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}

		.label a.extlink {
			background-position: 0 2px;
		}

		.small a.extlink,
		ul.books p.meta a.extlink {
			background-position: 0 3px;
		}

		.smallcaps a.extlink {
			background-position: 0 4px;
		}

abbr, acronym, address, cite, code, dfn, pre, var {
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

address {
	margin: 0 0 15px 1px;
	padding-left: 12px;
	border-left: 2px solid #cacaca;
}

	address.implicit {
		margin: 0;
		padding-left: 0;
		border-left: 0;
	}

em {
	font-style: italic;
	font-weight: inherit;
	font-variant: inherit;
	text-decoration: inherit;
}

strong {
	font-style: inherit;
	font-weight: bold;
	font-variant: inherit;
	text-decoration: inherit;
}

blockquote, q {
	display: block;
	margin: 20px 0;
	padding: 0 30px;
	quotes: "\201c" "\201d";				/* 2nd level: "\2018" "\2019" */
}

	blockquote:before,
	blockquote:after,
	q:before,
	q:after,
	q .before,
	q .after {
		color: #a8a8a8;
		font-family: georgia, "times new roman", serif !important;
		font-size: 18px;
		font-weight: bold;
	}

	blockquote:before,
	q:before,
	q .before {
		content: open-quote;
		padding-right: 2px;
	}

	blockquote:after,
	q:after,
	q .after {
		content: close-quote;
		padding-left: 0;
	}

	q.noindent {
		padding: 0;
	}

	blockquote p {
		display: inline;
	}

	p q {
		display: inline;
		margin: 0;
		padding: 0;
	}

	q strong {
		color: #4a4a4a;
	}

sup,
sub {
	line-height: 0;
	font-size: 9px;
}

	sup {
		vertical-align: super;
	}	

	sub {
		vertical-align: sub;
	}

pre, code, kbd, samp, tt {
	font-family: monospace;
}

::selection {
	background: #1678dc;
	color: #fff;
}

::-moz-selection {							/* redundancy: FF bug prevents this CSS selector's declaration from being combined with ::selection */
	background: #1678dc;
	color: #fff;
}

/* ============================================================================================= //
// Common classes
// ============================================================================================= */

.hidden {
	display: none;
}

.normal {
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}

.large {
	font-size: 15px;
}

.small {
	line-height: 14px;
	font-size: 10px;
}

.smallcaps {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.light {
	color: #8a8a8a;
}

.dark {
	color: #065cb2;
}

.void {
	text-decoration: line-through;
}

.label {
	color: #fe5252;
	line-height: 15px;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}

	.label.normal,
	h4.label {
		font-size: 11px;
	}

	span.label {
		margin-left: 2px;
		margin-right: 2px;
	}

		span.label.box {
			margin-right: 4px;
		}

	.label.tight {
		margin-bottom: 0;
	}

	.label.k {
		color: #2a2a2a;
	}

	.label.mono {
		color: #686868;
	}

		.label.mono.box {
			border-color: #686868;
		}

			.label.mono.box.inverted {
				background-color: #686868;
			}

	.label.box {
		padding: 1px 3px;
		border: 1px solid #fe5252;
	}

		.label.box.inverted {
			background-color: #fe5252;
			color: #fff;
		}

p.left,
p.right {
	width: 50%;
}

	p.left {
		float: left;
	}

	p.right {
		float: right;
	}

.clear {
	clear: both;
}

	div.clear {
		display: block;
		height: 1px;							/* add 1px */
		margin-bottom: 29px;					/* undo it; based loosely on h2's margin-top  */
	}

	div.clear.less {
		margin-bottom: 19px;
	}

	div.clear.implicit {
		margin-bottom: -1px;
	}

.first,
div#column-secondary .first {
	margin-top: 0;
}

.up {
	margin-top: -30px;
}

.down,
.highlight.down {
	margin-top: 30px;
}

	.downish,
	.highlight.downish {
		margin-top: 10px;
	}

	.dooown,
	.highlight.dooown {
		margin-top: 40px;
	}

.bottom {
	vertical-align: bottom;
}

.wide {
	margin-left: -25px;
	margin-right: -25px;
}

	.wide.single {
		margin-left: -15px;
	}

.narrow {
	margin-left: 25px;
	margin-right: 25px;
}

.tall {
	margin-bottom: 30px;
}

.framed {
	padding: 2px 0;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	background-color: #fff;
}

	.framed.implicit {
		border-top-color: transparent;
		border-bottom-color: transparent;
	}

/*
 * .indented,
 * .outdented
 */

	.indented {
		margin-left: 20px;
	}

		.lined,
		.indented.lined {
			margin-left: 1px;
			padding-left: 12px;
			border-left: 2px solid #cacaca;
		}

	.outdented {
		margin-left: -14px !important;
	}

.lineditem li {
	margin-left: 1px;
	padding-left: 12px;
	border-left: 2px solid #cacaca;
}

.pac {
	padding-left: 12px;
	background: url(icon-pac.png) no-repeat 0 4px;
}

.pdf {
	padding-left: 14px;
	background: url(icon-pdf-small.png) no-repeat 0 4px;
}

.hat {
	padding-left: 19px;
	background: transparent url(icon-hat.png) no-repeat 0 3px;
}

.info {
	padding-left: 20px;
	background: url(icon-info.png) no-repeat 0 0;
}

	.info.small {
		padding-top: 1px;
		padding-bottom: 2px;
	}

	.info.large {
		padding-left: 23px;
		background-position: 0 2px;
	}

	.info.smallcaps {
		padding-bottom: 1px;
	}

	.info.label {
		margin-left: 0;
		background-position: 0 -1px;
	}

	h4.info {
		background-position: 0 1px;
	}

.pending {
	padding-left: 20px;
	background: url(icon-time.png) no-repeat 0 1px;
}

	.smallcaps.pending {
		background-position: 0 0;
	}

	.small .pending {
		padding-top: 1px;
		background-position: 0 0;
	}

img.f1createaccount,
img.f1addperson,
img.f1select {
	margin-left: 4px;
	margin-right: 4px;
}

	img.f1createaccount,
	img.f1addperson {
		vertical-align: bottom;
		padding-bottom: 1px;
	}

span.email,
span.emailplain,
span.rss {
	float: left;
	display: block;
	width: 16px;
	margin: 2px 6px 0 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

	span.email {
		height: 13px;
		background-image: url(icon-email-write.png);
	}

	span.emailplain {
		height: 11px;
		background-image: url(icon-email.png);
	}

	span.rss {
		height: 11px;
		background-image: url(icon-rss.png);
	}

	dd span.email,
	dd span.emailplain,
	dd span.rss {
		margin-top: 3px;
	}

span.play {
	padding-left: 19px;
	background: url(icon-play.png) no-repeat 0 1px;
}

	span.small.play,
	.small span.play {
		padding-top: 1px;
		background-position: 0 0;
	}

.error {
	background-color: #fff;
	color: #9e0101;
}

.success {
	color: #619812;
}

.highlight {
	margin: 0 -25px 20px -25px;
	padding: 15px 25px;
	border-top: 1px solid #d0e2b9;
	border-bottom: 1px solid #d0e2b9;
	background-color: #f3fae9;
}

	div.highlight form.normal .error {
		background-color: #f3fae9;
	}

	.highlight.error,
	.highlight.success {
		padding-left: 38px;
		background-repeat: no-repeat;
		background-position: 16px 18px;
	}

	.highlight.error {
		background-image: url(icon-error.png);
	}

	.highlight.success {
		background-image: url(icon-success.png);
	}

	.highlight.less {
		border-top-color: #dadada;
		border-bottom-color: #dadada;
		background-color: #f8f8f8;
	}

		div.highlight.less form.normal .error {
			background-color: #f8f8f8;
		}

	.highlight.important {
		border-top-color: #ffd6d6;
		border-bottom-color: #ffd6d6;
		background-color: #ffecec;
	}

		div#column-secondary.highlight.important {
			border-color: #cd7a7a;
			background-color: #ffecec;
		}

		div.highlight.important form.normal .error {
			background-color: #ffecec;
		}

	.highlight.borderless {
		border-color: #fff;						/* can't use "border: 0", it messes with box model calculations;
												   can't use "transparent", IE is stupid                         */
	}

	div.highlight {
		padding-bottom: 0;
	}

	h4.highlight {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.highlight.urgent,
	div.highlight.urgent,						/* redundancy required by IE 6- multiclass parsing bug */
	p.highlight.urgent,
	q.highlight.urgent {
		padding-left: 62px;
		background-image: url(icon-urgent-highlight.png);
		background-repeat: no-repeat;
		background-position: 16px 16px;
		color: #9e0101;
	}

		.highlight.urgent a:link,
		.highlight.urgent a:visited,
		.highlight.urgent a:active,
		.highlight.urgent .href {
			border-bottom-color: #9e0101;
			color: #9e0101;
		}

		.highlight.urgent a:hover,
		.highlight.urgent .href:hover {
			background-color: #9e0101;
			color: #fff;
		}

		.highlight.urgent a:focus,
		.highlight.urgent .href:focus {
			border-bottom-color: #4a4a4a;
			background-color: #4a4a4a;
			color: #fff;
		}

		.highlight.urgent em {
			font-size: 11px;
			font-weight: bold;
			font-style: normal;
			text-transform: uppercase;
		}

.important {
	background-color: transparent;
	color: #9e0101;
}

	.important a:link,
	.important a:visited,
	.important a:active,
	.important .href,
	.href .important {
		border-bottom-color: #9e0101;
		color: #9e0101;
	}

	.important a:hover,
	.important .href:hover,
	.href:hover .important {
		background-color: #9e0101;
		color: #fff;
	}

	a:hover .important {
		border-bottom: 1px solid #9e0101;
	}

	.important a:focus,
	.important .href:focus,
	.href:focus .important {
		border-bottom-color: #4a4a4a;
		background-color: #4a4a4a;
		color: #fff;
	}

	a:focus .important {
		border-bottom-color: transparent;
		color: #fff;
	}

	.href:hover .important,
	.href:focus .important {
		background-color: inherit;
	}

div.animated {
	overflow: hidden;
	margin-left: -25px;
	margin-right: -25px;
	padding-left: 25px;
	padding-right: 25px;
}

div.box-left {
	float: left;
	padding: 0 15px 0 0;
	background-color: transparent;
}

div.box-right {
	float: right;
	margin: 0 0 20px 25px;
	background-color: transparent;
}

	div.box-right.wide {
		margin-right: -25px;
	}

	div.box-right.tight {
		margin-left: 10px;
		margin-bottom: 5px;
	}

.column-left,
.column-right {
	width: 50%;
}

	.column-left.padded,
	.column-right.padded {
		width: 47%;
	}

		.column-left.padded h3 {
			margin-right: 0;
		}

		.column-right.padded h3 {
			margin-left: -20px;
			padding-left: 20px;
		}

	.column-left {
		float: left;
	}

	.column-right {
		float: right;
	}

div.button,
div.button a {
	height: 37px;
}

	div.button a {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		background-position: 0 0;
	}

		div.button a:hover {
			background-position: 0 -37px;
		}

		div.button a:focus {
			background-position: 0 -74px;
		}

		div.button.disabled a,
		div.button.disabled a:hover,
		div.button.disabled a:focus {
			background-position: 0 -111px;
			cursor: default;
		}

ul.list,
ol.list {
	margin: 10px 0 15px 0;
}

	ul.list.indented,
	ol.list.indented {
		margin-left: 20px;
	}

	ul.list.outdented,
	ol.list.outdented {
		margin-left: -15px;
	}

	ul.list ul.list li,
	ol.list ol.list li {
		list-style: circle outside;			
	}

	ul.list li,
	ol.list li ul.list li {
		margin: 0 0 4px 15px;
		list-style: square outside;
	}

	ol.list li,
	ul.list li ol.list li {
		margin: 0 0 4px 20px;
		list-style: decimal;
	}

	ul.list.separated li {
		margin-bottom: 15px;
	}

	ul.list li.separated {
		margin-top: 15px;
	}

	ul.list.unmarked li,
	ul.list li.unmarked,
	ol.list.unmarked li,
	ol.list li.unmarked {
		margin-left: 0;
		list-style: none;
	}

	div.highlight ul.list {
		margin-top: 0;
	}

ul.grid {
	margin: 0 -15px;
}

	ul.grid.text {
		width: 530px;
	}

	ul.grid li {
		float: left;
		margin: 0 15px 15px 0;
	}

	ul.grid.text li {
		width: 165px;
		margin: 0 10px 10px 0;
	}

		ul.grid li.newline {
			clear: both;
		}

		ul.grid li p.block a {
			clear: left;
			float: left;
			width: 200px;
			padding: 15px;
			line-height: 17px;
			font-weight: bold;
		}

		ul.grid.text li p.block a {
			width: 133px;
			margin-bottom: 15px;
		}

			ul.grid li p.block a:link,
			ul.grid li p.block a:visited,
			ul.grid li p.block a:active {
				border: 1px solid #dadada;
				background-color: #fafafa;
			}

			ul.grid li p.block a:hover {
				border-color: #1678dc;
				background-color: #1678dc;
				color: #fff;
			}

			ul.grid li p.block a:focus {
				border-color: #4a4a4a;
				background-color: #4a4a4a;
			}

			ul.grid li p.block a.inactive {
				border: 1px dashed #eaeaea;
				background-color: #fafafa;
				color: #686868;
				cursor: default;
			}

		ul.grid li p.description {
			padding: 0 15px;
			line-height: 17px;
			font-size: 12px;
		}

ul.books,
ul.books li {
	margin-bottom: 15px;
}

	ul.books li {
		clear: both;
	}

		ul.books li p.cover,
		ul.books li p.title,
		ul.books li p.meta {
			float: left;
			margin-bottom: 1px;
		}

			ul.books li p.cover {
				width: 40px;
				height: 60px;
				margin-right: 10px;
				margin-bottom: 10px;
			}

			ul.books li p.title,
			ul.books li p.meta {
				width: 435px;
			}

				ul.books.column-left li p.title,
				ul.books.column-right li p.title,
				ul.books.column-left li p.meta,
				ul.books.column-right li p.meta {
					width: 190px;
				}

				ul.books li.concise p.title {
					padding-top: 4px;
				}

				ul.books li.concise p.meta {
					padding-top: 5px;
					margin-bottom: 25px;
				}

			ul.books li p.title {
				margin-top: -1px;
			}

			ul.books li p.meta {
				margin-bottom: 10px;
				line-height: 14px;
				font-size: 10px;
			}

			ul.books li p.summary {
				clear: left;
				margin-bottom: 0;
				padding-bottom: 0;
			}

dl.table {
	margin: 0 -25px;
}

	dl.table dt,
	dl.table dd {
		position: relative;
		clear: both;
	}

	dl.table dt {
		height: 18px;
		padding: 3px 25px;
		border-top: 1px dotted #fac74f;
		border-bottom: 1px dotted #fac74f;
		background-color: #fff1cc;
		line-height: 19px;
		font-size: 11px;
		text-transform: uppercase;
	}

		dl.table dt span.left {
			float: left;
		}

		dl.table dt span.right {
			float: right;
			line-height: 18px;
			font-size: 10px;
		}

	dl.table dd,
	dl.table dd ul,
	dl.table dd ul li {
		height: 100%;
		cursor: default;
	}

		dl.table dd.padding {
			height: 15px;
		}

		dl.table dd p,
		dl.table dd ul,
		dl.table dd li {
			float: left;
		}

			dl.table dd ul li {
				padding: 8px 25px 7px 25px;
				background-color: #fffbed;
				border-bottom: 1px dotted #f3d592;
			}

			dl.table dd ul li.alt {
				background-color: #fff;
			}

				dl.table dd ul li p {
					height: 100%;
					line-height: 18px;
				}

			/*
			 * collapsible dl.table dd ul li
			 */

			dl.table dd ul.collapsible li div.header {
				cursor: pointer;
			}

			dl.table dd ul.collapsible li div.toggle {
				float: left;
				width: 14px;
				height: 14px;
				margin: 1px 6px 0 0;
				background-repeat: no-repeat;
				background-position: 0 0;
			}

			dl.table dd ul.collapsible li div.toggle {
				background-image: url(icon-collapse.png);
			}

			dl.table dd ul.collapsible li.collapsed div.toggle {
				background-image: url(icon-expand.png);
			}

	/*
	 * collapsible dl.table dd
	 */

	dl.table.collapsible dt {
		cursor: pointer;
	}

	dl.table.collapsible dt:hover {
		background-color: #cfe7ff;
		border-color: #2a93fe;
	}

		dl.table dt span.expand,
		dl.table dt span.collapse,
		dl.table.collapsible dt span.expand,
		dl.table.collapsible dt.collapsed span.collapse {
			display: none;
		}

		dl.table.collapsible dt span.collapse,
		dl.table.collapsible dt.collapsed span.expand {
			display: block;
			padding-right: 19px;
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: right 2px;
			color: #1678dc;
			font-weight: bold;
		}

		dl.table.collapsible dt:hover span.expand,
		dl.table.collapsible dt:hover span.collapse {
			text-decoration: underline;
		}

		dl.table.collapsible dt span.collapse {
			background-image: url(icon-collapse.png);
		}

		dl.table.collapsible dt.collapsed span.expand {
			background-image: url(icon-expand.png);
		}

/*
 * div#column-secondary dl.menu
 */

	div#column-secondary dl.menu dt {
		color: #686868;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}

	div#column-secondary dl.menu dd {
		margin-bottom: 15px;
	}

		div#column-secondary dl.menu dd ul li {
			margin-top: 2px;
		}

			div#column-secondary dl.menu dd ul li.separated {
				margin-top: 10px;
			}

/* ============================================================================================= //
// jQuery Plugins
// ============================================================================================= */

div.imgzoom {
	position: absolute;
	z-index: 10;
	overflow: visible;
	margin: -10px;
	padding: 10px;
	border: 3px solid #8a8a8a;
	background-color: #fff;
	line-height: 0;
	font-size: 0;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	-khtml-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

	div.imgzoom a {
		display: block;
		position: absolute;
		z-index: 11;
		top: -23px;
		left: -23px;
		width: 45px;
		height: 45px;
		background: transparent url(icon-close.png) no-repeat 0 0;
		text-indent: -100000px;
	}

		div.imgzoom a:hover {
			background-position: 0 -45px;
		}

	div.imgzoom img,
	div.imgzoom embed,
	div.imgzoom object,
	div.imgzoom div {
		width: 100%;
		height: 100%;
	}

/* ============================================================================================= //
// Forms
// ============================================================================================= */

/* --------------------------------------------------------------------------------------------- //
// Form: Normal
// Width based on historical values; can be adjusted when the need arises
// --------------------------------------------------------------------------------------------- */

form.normal .icon {
	display: none;
}

form.normal .error {
	background-color: #fff;
}

	form.normal div.error p a:link,
	form.normal div.error p a:visited,
	form.normal div.error p a:active,
	form.normal div.error label a:link,
	form.normal div.error label a:visited,
	form.normal div.error label a:active {
		border-color: #9e0101;
		color: #9e0101;
	}

	form.normal div.error p a:hover,
	form.normal div.error label a:hover {
		background-color: #9e0101;
		color: #fff;
	}

	form.normal div.error p a:focus,
	form.normal div.error label a:focus {
		border-bottom-color: #4a4a4a;
		background-color: #4a4a4a;
		color: #fff;
	}

form.normal p.indented {
	margin-left: 110px;
}

form.normal div.text,
form.normal div.textarea,
form.normal div.checkbox,
form.normal div.radio,
form.normal div.dropdown,
form.normal div.button {
	float: left;
	clear: both;
	position: relative;
	left: 0;								/* required by error animation */
	margin-bottom: 8px;
}

	form.normal.separated div.text,
	form.normal.separated div.textarea,
	form.normal.separated div.checkbox,
	form.normal.separated div.radio,
	form.normal.separated div.dropdown,
	form.normal.separated div.button {
		margin-bottom: 14px;
	}

form.normal div.text,
form.normal div.textarea,
form.normal div.checkbox,
form.normal div.radio,
form.normal div.dropdown {
	width: 500px;
	background-color: transparent;
}

	form.normal div.text label {
		float: left;
		position: relative;
		top: 4px;
		left: 0;
		width: 100px;
		margin-bottom: 8px;
	}

	form.normal div.text div.input {
		overflow: hidden;
		float: left;
		position: relative;
		left: 10px;
		width: 212px;
		height: 26px;
		margin-right: 10px;
	}

		form.normal div.text div.input span.left,
		form.normal div.text div.input input,
		form.normal div.text div.input span.right {
			position: absolute;
			top: 0;
			background-image: url(form-input.png);
			background-repeat: no-repeat;
		}

		form.normal div.text div.input span.left {
			left: 0;
			width: 6px;
			height: 26px;
			background-position: 0 0;
		}

		form.normal div.text.active div.input span.left {
			background-position: 0 -26px;
		}

		form.normal div.text.error div.input span.left {
			background-position: 0 -52px;
		}

		form.normal div.text div.input span.right {
			right: 0;
			width: 6px;
			height: 26px;
			background-position: -6px 0;
		}

		form.normal div.text.active div.input span.right {
			background-position: -6px -26px;
		}

		form.normal div.text.error div.input span.right {
			background-position: -6px -52px;
		}

		form.normal div.text div.input input {
			left: 6px;
			width: 200px;
			height: 20px;
			padding: 5px 0;
			background-position: 0 -78px;
			background-repeat: repeat-x;
			color: #686868;
			font-size: 13px;
			cursor: text;
		}

		form.normal div.text.active div.input input {
			background-position: 0 -104px;
			color: #2e2e2e;
		}

		form.normal div.text.error div.input input {
			background-position: 0 -130px;
		}

	form.normal div.text p {
		float: left;
		position: relative;
		top: 5px;
		left: 10px;
		width: 168px;
		margin-bottom: -15px;					/* force next element (should only be p.error) to be displayed on top of this one */
		line-height: 15px;
		font-size: 11px;
	}

		form.normal div.text p.error {
			border-bottom: 1px solid transparent;
		}

	form.normal div.textarea label {
		float: left;
		position: relative;
		top: 4px;
		left: 0;
		width: 100px;
	}

	form.normal div.textarea div.input {
		float: left;
		position: relative;
		left: 10px;
		width: 390px;
	}

		form.normal div.textarea.full div.input {
			left: 0;
			width: 500px;
		}

		form.normal div.textarea div.input p {
			position: relative;
			top: 4px;
			left: 0;
			width: 380px;
		}

		form.normal div.textarea div.input textarea {
			position: relative;
			top: 0;
			left: 0;
			width: 378px;
			height: 132px;
			border: 1px solid #a8a8a8;
			padding: 5px;
			color: #686868;
			line-height: 15px;
			font-size: 13px;
			cursor: text;
		}

			form.normal div.textarea.short div.input textarea {
				height: 72px;
			}

			form.normal div.textarea.full div.input textarea {
				width: 488px;
			}

		form.normal div.textarea.active div.input textarea {
			border-color: #1678dc;
			color: #2e2e2e;
		}

		form.normal div.textarea.error div.input textarea {
			border-color: #9e0101;
		}

	form.normal div.textarea p.error {
		display: block;							/* cannot use "display: none" because jQuery.validator() overrides it */
		position: absolute;						/* cannot use "display: none" because jQuery.validator() overrides it */
		visibility: hidden;						/* cannot use "display: none" because jQuery.validator() overrides it */
		height: 0;								/* cannot use "display: none" because jQuery.validator() overrides it */
	}

	form.normal div.checkbox div.input,
	form.normal div.radio div.input {
		position: relative;
		left: 110px;
		width: 390px;
		padding-bottom: 7px;
	}

		form.normal div.radio div.input {
			margin-bottom: 16px;
		}

		form.normal div.checkbox.full div.input,
		form.normal div.radio.full div.input {
			left: 20px;
		}

		form.normal div.checkbox-nolabel div.input,
		form.normal div.radio-nolabel div.input {
			left: 0;
			width: auto;
		}

			form.normal div.checkbox-nolabel div.input label,
			form.normal div.radio-nolabel div.input label {
				width: 477px !important;
				max-width: 477px !important;
			}

		form.normal div.checkbox div.input input,
		form.normal div.radio div.input input {
			float: left;
			position: relative;
			top: 7px;
			left: 0;
			width: 13px;
			height: 13px;
		}

		form.normal div.checkbox div.input label,
		form.normal div.radio div.input label {
			float: left;
			position: relative;
			top: 4px;
			left: 10px;
			max-width: 367px;
		}

	form.normal div.checkbox p.error,
	form.normal div.radio p.error {
		display: block;							/* cannot use "display: none" because jQuery.validator() overrides it */
		position: absolute;						/* cannot use "display: none" because jQuery.validator() overrides it */
		visibility: hidden;						/* cannot use "display: none" because jQuery.validator() overrides it */
		height: 0;								/* cannot use "display: none" because jQuery.validator() overrides it */
	}

	form.normal div.dropdown label {
		float: left;
		position: relative;
		top: 3px;
		left: 0;
		width: 100px;
	}

	form.normal div.dropdown div.input {
		overflow: hidden;
		float: left;
		position: relative;
		left: 10px;
		width: 212px;
		height: 26px;
		margin-right: 10px;
	}

		form.normal div.dropdown div.input select {
			position: relative;
			top: 0;
			left: 0;
			width: 212px;
			height: 23px;
			padding: 2px;
			border: 1px solid #a8a8a8;
			color: #686868;
			line-height: 15px;
			font-size: 13px;
			cursor: default;
		}

			form.normal div.dropdown div.input select optgroup {
				width: 200px;
				margin: 12px 6px;
				background-color: #8a8a8a;
				color: #fff;
				font-size: 10px;
				text-transform: uppercase;
			}

			form.normal div.dropdown div.input select option {
				padding: 3px 0;
				background-color: #fff;
				color: #2e2e2e;
				font-size: 13px;
				text-transform: none;
			}

		form.normal div.dropdown.active div.input select {
			border-color: #1678dc;
			color: #2e2e2e;
		}

		form.normal div.dropdown.error div.input select {
			border-color: #9e0101;
		}

	form.normal div.dropdown p {
		float: left;
		position: relative;
		top: 5px;
		left: 10px;
		width: 168px;
		margin-bottom: -15px;					/* force next element (should only be p.error) to be displayed on top of this one */
		line-height: 15px;
		font-size: 11px;
	}

	form.normal div.button {
		position: relative;
		left: 110px;
		height: 26px;
	}

		form.normal div.button.full {
			left: 0;
		}

		form.normal div.button button,
		form.normal div.button a {
			float: left;
			height: 26px;
			margin-right: 10px;
			background-color: transparent;
			background-position: 0 0;
			background-repeat: no-repeat;
		}

		form.normal div.button a {
			cursor: default;
		}

			form.normal div.button button.active,
			form.normal div.button a.active {
				background-position: 0 -26px;
				cursor: pointer;
			}

			form.normal div.button button.active:hover,
			form.normal div.button a.active:hover {
				background-position: 0 -52px;
			}

			form.normal div.button button.active:focus {
				background-position: 0 -78px;
			}

			form.normal div.button a.active:focus {
				background-color: transparent;
			}

/* ============================================================================================= //
// Framework
// ============================================================================================= */

/* --------------------------------------------------------------------------------------------- //
// Framework: Page
// --------------------------------------------------------------------------------------------- */

div#page {
	position: relative;						/* footerStick */
	min-height: 100%;						/* footerStick */
	height: auto !important;				/* footerStick */
	height: 100%;							/* footerStick */
}

div#page-notice,
div#page-head,
div#page-menu,
div#page-heading,
div#page-body,
div#page-foot {
	overflow: hidden;
	position: relative;
	left: 0;
	width: 100%;
	text-align: center;						/* hack: IE 5 lacks "margin: auto" support */
}

div#page-notice {
	border-bottom: 1px solid #555;
	background-color: #2a2a2a;
}

	div#page-notice.urgent {
		background-color: #7f0000;
	}

div#page-head {
	height: 77px;
	background: #2e2e2e url(head.png) repeat-x top center;
}

div#page-menu {
	height: 38px;
	background: #d7f3b2 url(menu.png) repeat-x top center;
}

div#page-heading {
	padding: 8px 0 9px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d9e2cd;
	background-color: #f3fae9;
}

	div#page-heading.urgent {
		border-top-color: #d32626;
		border-bottom-color: #740000;
		background-color: #9e0101;
	}

div#page-body {
	padding-bottom: 170px;					/* footerStick; match height of div#page-foot */
}

div#page-foot {
	position: absolute;						/* footerStick */
	bottom: 0 !important;					/* footerStick */
	bottom: -1px;							/* footerStick */
	height: 190px;
	background: #6a6a6a url(foot.png) repeat-x top center;
}

div#notice,
div#head,
div#menuPrimary,
div#menuSecondary,
div#heading,
div#body,
div#foot {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
}

/* --------------------------------------------------------------------------------------------- //
// Framework: Notice
// --------------------------------------------------------------------------------------------- */

div#notice {
	overflow: hidden;
	width: 780px;
	padding: 12px 0 13px 20px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 16px;
	color: #fff;
	line-height: 21px;
	font-size: 13px;
	text-align: left;						/* unhack: remove IE 5 hack for other browsers */
	white-space: nowrap;
	cursor: default;
}

	div#page-notice.urgent div#notice {
		background-image: url(icon-notice-urgent.png);
	}

	div#page-notice.normal div#notice {
		background-image: url(icon-notice-normal.png);
	}

div#notice a {
	cursor: pointer;						/* override parent */
}

	div#notice a:link,
	div#notice a:visited,
	div#notice a:active {
		border-bottom-color: #fff;
		color: #fff;
	}

	div#page-notice.urgent a:hover {
		border-bottom-color: #ff9494;
		background-color: transparent;
		color: #ff9494;
	}

	div#page-notice.normal a:hover {
		border-bottom-color: #8abbec;
		background-color: transparent;
		color: #8abbec;
	}

	div#page-notice.urgent a:focus {
		border-bottom-color: #ff9494;
		background-color: #ff9494;
		color: #fff;
	}

	div#page-notice.normal a:focus {
		border-bottom-color: #8abbec;
		background-color: #8abbec;
		color: #fff;
	}

/* --------------------------------------------------------------------------------------------- //
// Framework: Head
// --------------------------------------------------------------------------------------------- */

div#head {
	overflow: hidden;
	width: 800px;
	height: 77px;
	color: #a8a8a8;
	font-size: 11px;
	text-align: right;						/* unhack: remove IE 5 hack for other browsers */
	white-space: nowrap;
	cursor: default;
}

div#head a {
	cursor: pointer;						/* override parent */
}

	div#head a:link,
	div#head a:visited,
	div#head a:active {
		border-bottom: 0;
		color: #a8a8a8;
	}

	div#head a:hover {
		border-bottom: 1px solid #fff;
		background-color: transparent;
		color: #fff;
	}

	div#head a:focus {
		background-color: #fff;
		color: #2e2e2e;
	}

div#head em {
	color: #cb8e06;
	font-style: normal;
}

	div#head em a:link,
	div#head em a:visited,
	div#head em a:active {
		color: #e5ad31;
	}

	div#head em a:hover {
		border-bottom-color: #fac74f;
		color: #fac74f;
	}

	div#head em a:focus {
		background-color: #fac74f;
		color: #2e2e2e;
	}

div#head sup {
	font-size: 7px;
	text-transform: uppercase;
}

div#head a#head-logo {
	position: absolute;
	top: 20px;
	left: 24px;								/* intentionally farther right by 1px */
	width: 240px;
	height: 40px;
	border: 0;
	background: url(head-logo.png) no-repeat 0 0;
}

	div#head a#head-logo:focus {
		background-color: transparent;
	}

ul#head-menu {
	position: absolute;
	top: 10px;
	right: 25px;
	width: 450px;
	height: 15px;
}

	ul#head-menu li {
		float: right;
		height: 15px;
		margin-left: 10px;
		line-height: 15px;
	}

	ul#head-menu li.separator {
		position: relative;
		top: 2px;
		left: 0;
		width: 1px;
		height: 11px;
		background-color: #585858;
	}

form#form-headsearch {
	position: absolute;
	top: 37px;
	right: 25px;
	width: 263px;
	height: 21px;
}

	form#form-headsearch .error {
		background-color: transparent;
	}

	form#form-headsearch div.text,
	form#form-headsearch div.text div.input {
		position: absolute;
		top: 0;
		left: 0;								/* required by error animation */
		width: 190px;
		height: 21px;
	}

		form#form-headsearch div.text div.input span.left,
		form#form-headsearch div.text div.input input,
		form#form-headsearch div.text div.input span.right {
			position: absolute;
			top: 0;
			background-image: url(form-input-headsearch.png);
			background-repeat: no-repeat;
		}

		form#form-headsearch div.text div.input span.left {
			left: 0;
			width: 5px;
			height: 21px;
			background-position: 0 0;
		}

		form#form-headsearch div.text.active div.input span.left {
			background-position: 0 -21px;
		}

		form#form-headsearch div.text div.input span.right {
			right: 0;
			width: 5px;
			height: 21px;
			background-position: -5px 0;
		}

		form#form-headsearch div.text.active div.input span.right {
			background-position: -5px -21px;
		}

		form#form-headsearch div.text div.input input {
			left: 5px;
			width: 180px;
			height: 15px;
			padding: 3px 0 3px 0;
			line-height: 14px;
			background-position: 0 -63px;
			background-repeat: repeat-x;
			color: #cacaca;
			font-size: 12px;
			cursor: text;
		}

		form#form-headsearch div.text.active div.input input {
			background-position: 0 -84px;
			color: #eaeaea;
		}

	form#form-headsearch div.button,
	form#form-headsearch div.button button {
		position: absolute;
		top: 0;
		right: 0;
		width: 62px;
		height: 21px;
	}

		form#form-headsearch div.button button {
			background: url(form-button-headsearch.png) no-repeat 0 0;
			cursor: pointer;
		}

		form#form-headsearch div.button button:hover {
			background-position: 0 -21px;
		}

		form#form-headsearch div.button button:focus {
			background-position: 0 -42px;
		}

/* --------------------------------------------------------------------------------------------- //
// Framework: Menu (don't confuse with head-menu)
// --------------------------------------------------------------------------------------------- */

div#menuPrimary {
	width: 800px;
	height: 38px;
	color: #2e2e2e;
	font-weight: bold;
	text-align: left;						/* unhack: remove IE 5 hack for other browsers */
	white-space: nowrap;
	cursor: default;
}

div#menuPrimary a {
	border-bottom: 0;
	cursor: pointer;						/* override parent */
}

	div#menuPrimary a:link,
	div#menuPrimary a:visited,
	div#menuPrimary a:active {
		border-bottom: 0;
		color: #416216;
	}

	div#menuPrimary a:hover {
		background-color: transparent;
		color: #2e2e2e;
		text-decoration: underline;
	}

	div#menuPrimary a:focus {
		background-color: #2e2e2e;
		color: #fff;
		text-decoration: none;
	}

div#menuPrimary ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 38px;
}

	div#menuPrimary ul li {
		float: left;
		height: 25px;
		padding: 13px 25px 0 25px;
		line-height: 15px;
	}

	div#menuPrimary ul li.selected {
		background: url(menu.png) repeat-x 0 -38px;
	}

		div#menuPrimary ul li.selected a:link,
		div#menuPrimary ul li.selected a:visited,
		div#menuPrimary ul li.selected a:active {
			color: #2e2e2e;
		}

		div#menuPrimary ul li.selected a:focus {
			color: #fff;
		}

	div#menuPrimary ul li.separator {
		position: relative;
		top: 15px;
		left: 0;
		width: 1px;
		height: 12px;
		padding: 0;
		background-color: #acd475;
	}

div#menuSecondary {
	width: 800px;
	height: 14px;
	color: #2e2e2e;
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: left;						/* unhack: remove IE 5 hack for other browsers */
	white-space: nowrap;
	cursor: default;
}

div#menuSecondary a {
	border-bottom: 0;
	cursor: pointer;						/* override parent */
}

	div#menuSecondary a:link,
	div#menuSecondary a:visited,
	div#menuSecondary a:active {
		border-bottom: 0;
		color: #416216;
	}

	div#menuSecondary a:hover {
		background-color: transparent;
		color: #2e2e2e;
		text-decoration: underline;
	}

	div#menuSecondary a:focus {
		background-color: #2e2e2e;
		color: #fff;
		text-decoration: none;
	}

div#menuSecondary ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 14px;
	padding-left: 5px;
}

	div#menuSecondary ul li {
		float: left;
		height: 14px;
		padding: 0 20px;
		line-height: 15px;
	}

	div#menuSecondary ul li.selected {
		font-weight: bold;
	}

		div#menuSecondary ul li.selected a:link,
		div#menuSecondary ul li.selected a:visited,
		div#menuSecondary ul li.selected a:active {
			color: #2e2e2e;
		}

		div#menuSecondary ul li.selected a:focus {
			color: #fff;
		}

	div#menuSecondary ul li.separator {
		position: relative;
		top: 2px;
		left: 0;
		width: 1px;
		height: 12px;
		padding: 0;
		background-color: #acd475;
	}

/* --------------------------------------------------------------------------------------------- //
// Framework: Heading
// menuSecondary, though coded within Heading, is defined in the previous section (Menu) 
// --------------------------------------------------------------------------------------------- */

div#heading {
	overflow: visible;
	width: 750px;
	padding: 10px 0;
	text-align: left;						/* unhack: remove IE 5 hack for other browsers */
	white-space: nowrap;
}

div#page-heading.urgent div#heading {
	width: 720px;
	background: url(icon-urgent-heading.png) no-repeat 0 12px;
	padding-left: 50px;
	color: #fff;
}

	div#page-heading.urgent div#heading a:link,
	div#page-heading.urgent div#heading a:visited,
	div#page-heading.urgent div#heading a:active {
		border-bottom-color: #fff;
		color: #fff;
	}

	div#page-heading.urgent div#heading a:hover {
		background-color: #fff;
		color: #9e0101;
	}

	div#page-heading.urgent div#heading a:focus {
		border-bottom-color: #cacaca;
		background-color: #cacaca;
		color: #9e0101;
	}

div#heading h1 {
	line-height: 21px;
	font-size: 17px;
}

div#heading p.secondary {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 17px;
}

/* --------------------------------------------------------------------------------------------- //
// Framework: Body
// --------------------------------------------------------------------------------------------- */

div#body {
	width: 750px;
	padding: 20px 25px; 
	text-align: left;						/* unhack: remove IE 5 hack for other browsers */
}

div#column-primary {
	float: right;
	width: 500px;
}

div#column-secondary {
	float: left;
	width: 185px;
	margin-left: -15px;
	padding: 15px 15px 0 15px;
	border: 1px solid #e0e0e0;
	background-color: #f8f8f8;
	line-height: 17px;
	font-size: 12px;
}

	div#column-secondary.implicit {
		padding: 16px 16px 0 16px;
		border: 0;
		background-color: transparent;
	}

	div#column-secondary.tight {
		padding-top: 0;
	}

	/*
	 * Additional overrides for div#column-secondary are defined
	 * near related elements throughout the stylesheet
	 */

div#column-primary + div.clear,
div#column-secondary + div.clear {
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------------------------- //
// Framework: Foot
// --------------------------------------------------------------------------------------------- */

div#foot {
	overflow: hidden;
	width: 750px;
	height: 190px;
	background: inherit;
	color: #eaeaea;
	line-height: 14px;
	font-size: 11px;
	text-align: left;						/* unhack: remove IE 5 hack for other browsers */
	white-space: nowrap;
	cursor: default;
}

div#foot a {
	cursor: pointer;						/* override parent */
}

	div#foot a:link,
	div#foot a:visited,
	div#foot a:active {
		border-bottom: 0;
		color: #eaeaea;
	}

	div#foot a:hover {
		border-bottom: 1px solid #fff;
		background-color: transparent;
		color: #fff;
	}

	div#foot a:focus {
		background-color: #fff;
		color: #2e2e2e;
	}

div#foot div.menu {
	overflow: hidden;
	position: absolute;
	top: 13px;
	left: 0;
	width: 750px;
	height: 149px;
}

	div#foot div.menu dl {
		float: left;
		height: 100%;
		margin-right: 25px;
	}

		div#foot div.menu dl dt {
			font-weight: bold;
		}

		div#foot div.menu dl dd {
			position: relative;
			top: 6px;
		}

div#foot div.copyright {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 750px;
	height: 27px;
	border-top: 1px solid #8a8a8a;
	color: #a8a8a8;
	font-size: 10px;
}

	div#foot div.copyright p {
		position: absolute;
		top: 7px;
	}

	div#foot div.copyright p.left {
		left: 0;
	}

	div#foot div.copyright p.right {
		right: 0;
		text-align: right;
	}

	/*
	 * div#foot div.copyright a
	 */

		div#foot div.copyright a:link,
		div#foot div.copyright a:visited,
		div#foot div.copyright a:active {
			color: #a8a8a8;
		}

		div#foot div.copyright a:hover {
			color: #fff;
		}

		div#foot div.copyright a:focus {
			color: #2e2e2e;
		}

/*

    Does one pixel matter?  Has caffeine lost its effect?

    We're always looking for talent.
    Write a haiku explaining how this code can be improved and submit it as website feedback.

*/

/* [EOF] */