/* LAST UPDATED 10.29.08 */

/*

	Table of Contents

	I. GENERAL
	II. NAVIGATION MENUS
	III. STRUCTURE & TYPOGRAPHY
	IV. FORM ELEMENTS
	V. HEADINGS

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

html, body { height: 100%; }

body {
	background: #c0c0c0 url('../images/bg.gif') center top repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
}

p, ul { padding: 0 0 10px 0; }

a {
	color: #fff;
	text-decoration: underline;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}

a img { border: 0; }

.small { font-size: 90%; }

.gray { color: #5e5f5f; }

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

/* -----------------------------------------------------------
		II. NAVIGATION MENUS
----------------------------------------------------------- */

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li {
	float: left;
	margin-right: 10px;
}

#nav a {
	color: #fff;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
}

#nav a:hover { text-decoration: underline; }

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

/* Use percentages on font-sizes on block elements, not em or px and NOT on the paragraph element */

#wrap {
	margin: 0 auto;
	width: 964px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -242px; /* the bottom margin is the negative value of the footer's height */
	background: url('../images/wrap-top.jpg') top no-repeat;
}

	#header {
		position: relative;
		height: 100px;
		text-align: right;
		font-size: 85%;
		color: #fff;
	}

		#header #address {
			position: absolute;
			top: 35px;
			right: 22px;
		}

	#nav {
		height: 27px;
		line-height: 25px;
		padding: 0 28px;
	}

	#content {
		float: left;
		width: 706px;
		margin: 0 0 24px 27px;
	}

		#flash {
			height: 192px;
		}

		#newsColumn {
			float: left;
			width: 179px;
			margin-top: 20px;
			color: #fff;
			font-size: 85%;
		}

			#newsColumn #latest-news {
				min-height: 200px;
				padding: 2px 12px 10px;
				background: url('../images/bg-latest-news.gif') bottom no-repeat;
				margin-bottom: 20px;
			}

		#mainContent {
			float: right;
			width: 480px;
			min-height: 508px;
			background: #fff;
			margin-top: 20px;
			padding: 30px 14px;
			font-size: 85%;
			line-height: 1.5em;
		}

		#admin #mainContent {
			width: 659px;
		}

			#mainContent a {
				color: #214f6c;
				text-decoration: underline;
			}

	#sidebar {
		float: right;
		width: 190px;
		margin: 0 24px 24px 0;
		font-size: 85%;
		line-height: 1.5em;
		color: #d8fbff;
	}

		#search {
			padding: 0 0 20px 0;
		}

#footer, #push { height: 242px; } /* push and footer need to be the same height - specify height on footer if padding is added */

#footer {
	margin: 0 auto;
	width: 964px;
	text-align: center;
	font-size: 85%;
	color: #fff;
	padding-top: 190px;
	height: 52px;
	line-height: 1.5em;
	background: url('../images/footer.jpg') bottom no-repeat;
}

	#footer a {
		color: #fff;
		text-decoration: none;
	}

	#footer a:hover { text-decoration: underline; }

/* -----------------------------------------------------------
		IV. FORM ELEMENTS
----------------------------------------------------------- */

#search .searchInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0 2px 2px;
	width: 110px;
	height: 10px;
	border: 1px #fff solid;
	vertical-align: middle;
}

#search .searchButton {
	background: transparent url('../images/button-go.gif') no-repeat scroll 0 0;
	border: medium none;
	color: #49748f;
	font-size: 0;
	width: 59px;
	height: 15px;
	margin: 1px 0 0 7px;
	vertical-align: top;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px #666 solid;
}

.fieldItemInner { padding: 0 !important; }

.fieldItem .fieldBlock { padding: 0 2px 0 0 !important; }

/* -----------------------------------------------------------
		V. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding: 5px 0 10px 0;
	margin: 0;
	line-height: 1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

/* Use px on font sizes for headings to ensure cross-browser compatibility, especially with IE */

h1 { font-size: 25px; }

h2 { font-size: 22px; }

	#sidebar h2 { font-size: 16px; }

h3 { font-size: 19px; }

h4 { font-size: 16px; }

/* -----------------------------------------------------------
		CLEARFIX
----------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */