@charset "utf-8";

/* ZWD Complete CSS - Site Revision 3: Copyright (c) 2009 Andrew Zitter. */

/*******************************************************************************
BASIC STYLE RULES: Applies to already existing tags (body, p, h1, etc)
*******************************************************************************/
html {
	height:						100%;
}

body {
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	margin:						0;
	padding:					0;
	height:						100%;
	background-color:			#E9F3D3;
	background-image:			url(/public-files/images/bg.jpg);
	background-repeat:			repeat;
}

h1,h2,h3,h4,h5,h6,p {
	font-family:				Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	color:						#C00;
	margin:						5px;
	font-size:					150%;
	text-align:					center;
}

h2 {
	color:						#C00;
	font-size:					130%;
	margin-left:				20px;
}

h3 {
	color:						#C00;
	font-size:					110%;
	margin:						0 0 0 20px;
}

p {
	font-size:					95%;
	line-height:				1.3;
	margin-left:				20px;
	margin-right:				20px;
}

li {
	font-size:					95%;
	line-height:				1.3;
	margin-right:				20px;
}

a:link {
	color:						#00F;
	text-decoration:			none;
}

a:visited {
	color:						#00F;
	text-decoration:			none;
}

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

a:active {
	color:						#C00;
	text-decoration:			none;
}

table {
	background-color:			#FFF;
	border:						#000 1px solid;
	margin:						5px auto 5px auto;
}

th,td {
	background-color:			#FFF;
}

form {
	margin:						15px auto 10px 20px;
}

fieldset {
	background-color:			#FFF;
	margin-bottom:				10px;
	margin-right:				20px;
	padding:					0 20px 10px 20px;
	text-align:					left;
}

legend {
	font-weight:				bold;
	color:						#C00;
	display:					block;
	background-color:			#FFF;
	border:						1px ridge #666;
	padding:					3px 10px 3px 3px;
}

label {
	font-size:					90%;
	display:					block;
	font-weight:				bold;
	margin-bottom:				5px;
	margin-top:					5px;
}

textarea {
	width:						60%;
	height:						150px;
	margin-bottom:				5px;
	background-color:			#FFF;
}

textarea:focus {
	background-color:			#FF9;
}

input {
	margin-bottom:				5px;
}

input[type=text], input[type=password] {
	width:						400px;
}

input[type=text]:focus, input[type=password]:focus, select:focus {
	background-color:			#FF9;
}

/*******************************************************************************
CLASS RULES: Applies to specific instances of elements, such as modifiers for <p>
*******************************************************************************/

.warning {
	color:						#F00;
	font-weight:				bold;
}

.fieldNote {
	display:					block;
	background-color:			transparent;
	background-image:			url(../images/75pct_1pxbg.png);
	background-repeat:			repeat;
	color:						#666;
	border:						1px solid #000;
	padding:					1px 10px 1px 10px;
	margin:						5px 20px 5px 20px;
}

/*******************************************************************************
ID RULES: Applies to DIV elements for proper site rendering
*******************************************************************************/

#pageContainer {
	width:						70%;
	min-width:					1000px;
	margin:						0 auto 0 auto;
	padding:					0;
	min-height:					100%;
	background-color:			#FFF;
	border-left:				1px solid #000;
	border-right:				1px solid #000;
	position:					relative;
}

* html #pageContainer {
	height:						100%;
}

#header {
	width:						100%;
	height:						150px;
	text-align:					center;
	background-image:			url(/public-files/images/headerBackground.jpg);
	background-position:		top left;
	background-repeat:			repeat-x;
	background-color:			#BCDA76;
}

#navigationTop {
	width:						100%;
	height:						50px;
	margin:						0;
	padding:					0;
	background-color:			#CCC;
	background-image:			url(/public-files/images/nav-bg-back.jpg);
	background-repeat:			repeat-x;
	text-align:					left;
	border-top:					1px solid #000;
	border-bottom:				1px solid #000;
}

#contentWrap {
	padding:					10px 20px 80px 20px;
	margin:						0;
	min-height:					550px;
}

#contentWrap h1,h2,h3,h4,h5,h6,p {
	margin-left:				0;
	margin-right:				0;
}

#contentWrap:after {
	content:					" ";
	display:					block;
	clear:						both;
}
* html #contentWrap {
	height:						1px;
}

#navigationBottom {
	width:						100%;
	position:					absolute;
	bottom:						0;
	height:						80px;
	border-top:					1px solid #000;
	background-color:			#CCC;
	background-image:			url(/public-files/images/navBottomBG.jpg);
	background-repeat:			repeat-x;
}

#error {
	padding:					1px 10px 1px 10px;
	margin:						5px 20px 5px 20px;
}

#error ul {
	margin-top:					2px;
	margin-bottom:				2px;
}

#error p {
	margin-top:					2px;
	margin-bottom:				2px;
}