/* LAST UPDATED 08.13.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;
}

body {
	background: #787b87;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333;
}

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

a {
	color: #000033;
	text-decoration: underline;
}

a:hover {
	color: #cc0000;
	text-decoration: none;
}

a img { border: 0; }

.small { font-size: 90%; }

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

.first { padding-top: 0; }

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

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 30px;
	font-size: 90%;
}

	#nav ul ul {
		line-height: 18px;
		font-size: 90%;
		margin: -5px 0 5px 0;
	}

#nav li {
	width: 184px;
	padding-bottom: 1px;
	background: url('../images/bg-li.gif') bottom no-repeat;
}

	#nav li li {
		padding-bottom: 0;
		background: none;
	}

#nav li a {
	color: #fff;
	display: block;
	height: 30px;
	width: 184px;
	text-decoration: none;
	font-weight: bold;
}

	#nav li li a {
		color: #ffcc66;
		height: 18px;
		font-weight: normal;
	}

#nav li a:hover { color: #cda714; }

	#nav li li a:hover { color: #fff; }

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

#wrap {
	margin: 30px auto 0;
	width: 826px;
	padding-bottom: 15px;
	background: url('../images/wrap-bottom.gif') bottom no-repeat;
}

	#innerWrap {
		padding: 38px 15px 0;
		width: 796px;
		background: url('../images/wrap-top.gif') top no-repeat;
	}

		#header {
			width: 796px;
			height: 130px;
			text-align: right;
			font-size: 85%;
			color: #8d8d8d;
		}

			#header img.logo {
				margin: 26px 0 0 34px;
				float: left;
			}

			#header span {
				padding-right: 18px;
			}

			#header a {
				color: #8d8d8d;
				text-decoration: none;
			}

			#header a:hover { color: #333; }

		#content {
			background: url('../images/bg-mainContent.gif') top left no-repeat;
			width: 796px; /* ie 6 needs the width specified here */
		}

			#sidebar {
				float: left;
				width: 249px;
				padding-bottom: 40px;
			}

				#nav {
					padding-top: 15px;
					padding-left: 32px;
					width: 184px;
					text-align: right;
				}

			#mainContent {
				float: right;
				width: 481px; /* 547px before the padding */
				padding: 12px 38px 28px 28px;
				font-size: 90%;
			}

			#home #mainContent {
				background: url('../images/mainContentPhoto-home.jpg') top left no-repeat;
				padding-top: 200px;
			}

				.news {
					color: #000066;
					font-size: 90%;
				}

				.news a {
					color: #6666cc;
					font-style: italic;
					text-decoration: none;
				}

				.news a:hover { color: #cc0000; }

				#quote {
					float: right;
					width: 230px;
					margin-left: 15px;
					background: #ebd35e url('../images/bg-quoteTop.gif') top left no-repeat;
				}

					#quote p {
						background: url('../images/bg-quoteBottom.gif') bottom right no-repeat;
						padding: 55px 25px;
						font-size: 14px;
						color: #685600;
						font-style: italic;
					}

#footer {
	clear: both;
	text-align: center;
	font-size: 80%;
	color: #ccc;
	padding: 0 0 20px 0;
}

	#footer p { padding-top: 5px; }

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



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

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

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

h1 { font-size: 22px; }

	#header h1 {
		font-size: 100%;
		padding: 43px 18px 0 0;
	}

h2 { font-size: 18px; }

	#mainContent h2 {
		font-size: 30px;
		color: #cc0000;
		font-weight: normal;
	}

	#home #mainContent h2 {
		font-size: 18px;
		font-weight: bold;
	}

h3 { font-size: 16px; }

	#mainContent h3 {
		color: #000066;
	}

h4 { font-size: 14px; }