/* ---------- Font Face Styles ---------- */
@font-face {
	font-family:							'Waukegan LDO';
	src:									url('waukegan_ldo.ttf') format('truetype');
}

@font-face {
	font-family:							'Waukegan LDO Bold';
	font-weight:							bold;
	src:									url('waukegan_ldo_bold.ttf') format('truetype');
}


/* ---------- Misc Styles ---------- */
a {
	text-decoration:						none;
	color:									rgb(141, 199, 63);
}

	a:hover {
		text-decoration:					underline;
		text-shadow:						none;
	}

strong, b {
	font-family:							'Waukegan LDO Bold', 'Helvetica', 'Arial', sans-serif;
}

p {
	font-family:							'Verdana', 'Geneva', 'Helvetica', 'Arial', sans-serif;
	font-size:								12px;
	line-height:							18px;
}


/* ---------- Structual Styles ---------- */
html {
	_height:								100%;
	margin:									0;
	padding:								0;
}

body {
	width:									100%;
	_height:								100%;
	margin:									0;
	padding:								0;
	font-family:							'Waukegan LDO', 'Helvetica', 'Arial', sans-serif;
	text-align:								center;
	text-shadow:							1px 1px 1px #000;
	color:									rgb(200, 200, 200);
	background:								rgb(35, 31, 32);
}

section {
	position:								relative;
	display:								block;
	width:									900px;
	_height:								100%;
	margin:									0 auto;
	padding:								0;
	background:								url('images/background.gif') no-repeat top right;
}


/* ---------- Header Styles ---------- */
	header {
		display:							block;
		width:								100%;
		height:								190px;
		text-align:							right;
	}

		header h1 {
			position:						absolute;
			top:							12px;
			left:							17px;
			width:							160px;
			height:							25px;
			margin:							0;
			padding:						135px 0 0;
			font-size:						25px;
			text-align:						center;
			color:							rgb(141, 199, 63);
			background:						url('images/logo.gif') no-repeat top center;
			letter-spacing:					3px;
			font-weight:					normal;	
		}

		header h2 {
			margin:							0;
			padding:						10px 10px 10px 0;
			font-family:					'Waukegan LDO Bold', 'Helvetica', 'Arial', sans-serif;
			font-size:						36px;
			line-height:					32px;
			letter-spacing:					1px;
			color:							rgb(141, 199, 63);
		}

		header h3 {
			margin:							0;
			padding:						0 10px 0 0;
			font-family:					'Waukegan LDO', 'Helvetica', 'Arial', sans-serif;
			font-size:						20px;
			color:							rgb(159, 159, 159);
		}
		
			header h3 a {
				color:						rgb(159, 159, 159);
			}


/* ---------- Main Content Block Styles ---------- */
article {
	display: block;
	margin: 0 0 0 197px;
	padding: 10px 30px 10px 40px;
	text-align: left;
}


/* ---------- Footer Styles ---------- */
footer {
	display:								block;
	height:									121px;
	margin:									0;
	padding:								10px;
	text-align:								left;
	line-height:							121px;
	background:								url('images/watermark.png') no-repeat center right;
}


/* ---------- Navigation Styles ---------- */
nav {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 0 -257px;
	padding: 0;
}

	nav ul {
		margin:								33px 0 0;
		padding:							0;
		list-style:							none;
	}

		nav ul li {
			margin:							0;
			padding:						0;
			list-style:						none;
		}

		nav a {
			display:						block;
			height:							16px;
			width:							160px;
			margin:							0 0 18px 18px;
			padding:						10px 0 6px;
			-webkit-border-radius:			16px;
			-moz-border-radius:				16px;
			border-radius:					16px;
			font-size:						16px;
			text-align:						center;
			text-transform:					uppercase;
			color:							rgb(141, 199, 63);
		}
		
			nav a:hover {
				text-decoration:			none;
				color:						rgb(35, 31, 32);
				background:					rgb(141, 199, 63);
			}

#secondaryNav {
	display:								block;
	float:									none;
	width:									100%;
	margin:									0 0 40px 0;
	padding:								0;
}

	#secondaryNav ul {
		position:							relative;
		float:								left;
		left:								50%;
		margin:								0 auto;
		padding:							0;
		list-style:							none;
	}

	#secondaryNav ul li {
		position:							relative;
		float:								left;
		right:								50%;
		margin:								0;
		list-style:							none;
	}

		#secondaryNav a {
			display:						block;
			height:							16px;
			width:							auto;
			margin:							10px 0;
			padding:						0 25px;
			font-size:						14px;
			text-decoration:				none;
			text-align:						center;
			text-transform:					uppercase;
			color:							rgb(141, 199, 63);
		}

			#secondaryNav a:hover {
				text-decoration:			underline;
				background:					transparent;
			}


/* ---------- Line Styles ---------- */
#hozLine {
	position:								absolute;
	width:									100%;
	height:									1px;
	top:									190px;
	left:									0;
	-webkit-box-shadow:						0 1px 0 rgb(65, 65, 65);
	-moz-box-shadow:						0 1px 0 rgb(65, 65, 65);
	box-shadow:								0 1px 0 rgb(65, 65, 65);
	background:								rgb(231, 215, 52);
	overflow:								hidden;
}

#vertLine {
	position:								absolute;
	width:									1px;
	height:									100%;
	top:									0;
	left:									195px;
	-webkit-box-shadow:						1px 0 0 rgb(65, 65, 65);
	-moz-box-shadow:						1px 0 0 rgb(65, 65, 65);
	box-shadow:								1px 0 0 rgb(65, 65, 65);
	background:								rgb(231, 215, 52);
	overflow:								hidden;
}

/* My CSS */

.submit {
	background: #FFFFF4; 
	color: #000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.login_box {
	border: 1px solid #000 ;
	width: 100% ;
	background-color: #FFF ;
}

.textarea {
	border: 1px solid #000 ;
	width: 100% ;
	height: 50px ;
	background-color: #FFF ;
	font-family: Verdana ;
	font-size: .9em ;
}

.textarea_full {
	border: 1px solid #000 ;
	width: 100% ;
	height: 150px ;
	background-color: #FFF ;
	font-family: Verdana ;
	font-size: .9em ;
}

.textarea_custom {
	border: 1px solid #000 ;
	width: 100% ;
	height: 400px ;
	background-color: #FFF ;
	font-family: Verdana ;
	font-size: .9em ;
}

#message_body {

	border-top: 1px solid #000 ;
	padding: 3px ;

}

.admin_panel td{
	height: 40px;
	width: 50%;
	border: 1px solid #DDD;
}