/* CSS Document */


/* Remove default margins, padding, and borders from primary elements: */
html, body, div, ul, ol, li, table, td, p, h1, h2, h3, h4, h5, h6, form, input, legend, fieldset, img, a img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background: white url(images/bg-brushed-metal.jpg) top left repeat;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

/* BEGIN FLEXIBLE TEXT */
body { font-size: medium; }
h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }
/* END FLEXIBLE TEXT */

/* BEGIN GENERAL FORMATTING */
.clear {
	clear: both;
}

strong {
	color: #005c31;
	font-size: 120%;
}

em { font-weight: bolder; color: red; }
/* END GENERAL FORMATTING */

/* BEGIN FORM TABLE CELLS */
form td.lbl { text-align: right; padding-right: 1em; font-weight: bold; }
form td.inp { padding: .25em; }
form td.inp input, form td.inp textarea { border: 1px solid #00904a; }

/* END FORM TABLE CELLS */


/* BEGIN WRAPPER */
#wrapper {
	background: white/* url(images/bg-brushed-metal.jpg) top left repeat*/;
	position: relative;
	width: 984px;
	margin: 0px auto 10px auto;
	text-align: left;
	border-color: #696969;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
}
/* END WRAPPER */

/* BEGIN HEADER */
#header {
	text-align: center;
	width: 984px;
	height: 200px;
	background: transparent /*url(images/bg_header.jpg) top left no-repeat*/;
}

#header img#logo {
	margin-top: 20px;
}
/* END HEADER */


/* BEGIN CONTENT CONTAINER */
#content {
	position: relative;
	width: 984px;
	max-width: 984px;
	height: auto;
	padding-top: 20px;
	background: transparent url(images/bg_logo.jpg) top left no-repeat;
	font-size: 80%;
}
* html #content {
	height: auto;  /* IE HACK FOR SETTING MIN-HEIGHT*/
}
/* END CONTENT CONTAINER */

/* BEGIN VERTICAL NAVBAR */
	div#vnav {
		position: relative;
		float: left;
		width: 165px;
		height: auto;
		padding-top: 40px;
		background: white url(images/nav-top.jpg) left top no-repeat;
	}
	ul#vnav {
		position: relative;
		width: 165px;
		height: auto;
		padding-bottom: 40px;
		background: white url(images/nav-bottom.jpg) left bottom no-repeat;
	}
	
	ul#vnav li.tab {
		width: 165px;
		height: 40px;
		background: white url(images/nav-button.jpg) left top no-repeat;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		text-align: left;
		overflow: hidden;
	}


	ul#vnav li.tab a {
		display: block;
		overflow: hidden;
		width: 145px;
		padding: 0 0 0 20px;
		height: 40px;
		line-height: 40px;
		background: white url(images/nav-button.gif) left top no-repeat;
		text-decoration: none;
		font: bold 14px/14px Arial, Helvetica, sans-serif;
		color: black;
	}

	ul#vnav li a.one-line{
		line-height: 40px;
		overflow: hidden;
	}

	ul#vnav li a.two-line {
		padding-top: 6px;
		height: 40px;
		_height: 34px;
		line-height: 14px;
		overflow: hidden;
	}

	ul#vnav li a:hover { background-position: -165px 0px; color: white;}
	ul#vnav li a:active { background-position: -165px 0px; color: white; }
/* END VERTICAL NAVBAR */


/* BEGIN LEFT-FLOATED COPY CONTAINERS */
div.copy1 {
	position: relative;
	float: left;
	width: 680px;
	clear: right;
	background: transparent url(images/white-screen.gif) top left repeat;
	margin: 0px 0px 30px 20px;
	padding: 10px 0 0 0;
	min-height: 180px;
	border: 1px solid #999999;
}

.inputbox {
  width:200px;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:11px;
  color:#dd580f;
  border:1px solid #dd0fa5;
  background:#d0e1e2;
  }


* html div.copy1 {
	height: 180px;
}

	/* BEGIN COPY CONTAINER LIST ITEMS */
	div.copy1 p, div.copy1 ul, div.copy1 ol, div.copy2 ul, div.copy2 ol {
		color: black;
		font-size: 120%;
		margin: 0 0 0 20px;
		padding: 0px 110px 10px 0px;
		list-style-type: none;
	}

	div.copy1 ul li, div.copy2 ul li {
		margin-left: 1em; /* indents list items from left gutter */
		padding-left: 24px;	/* indents list item text to make room for background images */
		padding-top: 2px;
		margin-bottom: .5em;
		min-height: 20px;
		_height: 20px;	/* acts like min-height in IE6 */
		background: transparent url(images/ec-icon-20x20.gif) 0px 2px no-repeat; /* 0 0 are x-y coordinates */
		vertical-align: top; /* fixes low IE text */
	}

	div.copy1 ol li, div.copy2 ol li {
		margin-left: 1em;
		margin-bottom: .25em;
	}
	/* END COPY CONTAINER LIST ITEMS */

	/* BEGIN HORIZONTAL LIST */
	div.copy1 ul.hlist {
		position: relative;
		width: auto;
		margin: 0 0 10px 15px;
		padding: 0px;
		list-style: none;
		list-style-image: none;
	}

	div.copy1 ul.hlist li {
		float: left;
		display: inline; /* Fixes the "IE double margin on floated elements" bug */
		margin: 0px;
		padding: 0 0 10px 0;
		background-image: none;
	}

	div.copy1 ul.hlist a {
		display: block;
		width: 160px;
		height: 40px;
		margin: 0 4px 0 0;
		padding: 0;
	}
	/* END HORIZONTAL LIST */


	div.copy1 table {
		margin: 0 0 0 20px;
		padding: 0px 0px 10px 0px;
	}

	div.copy1 img.c200 {
		position: absolute;
		top: -100px; right: -100px;
		display: block;
		width: 200px; height: 200px;
	}

	div.copy1 h2 {
		color: #00904a;
		font-size: 200%;
		padding: 10px 10px 0px 20px;
		margin: 0;
	}

	div.copy1 h2 img {
		width: 200px;
		height: 40px;
		vertical-align: bottom;
	}
/* END LEFT-FLOATED COPY CONTAINERS */


/* BEGIN RIGHT-FLOATED COPY CONTAINERS */
div.copy2 {
	position: relative;
	float: right;
	width: 680px;
	clear: left;
	background: transparent url(images/white-screen.gif) top left repeat;
	margin: 0px 20px 20px 0px;
	padding: 10px 0 0 0;
	min-height: 180px;
}

div.copy2 h2 {
	float: right;
	color: #00904a;
	font-size: 200%;
	padding: 10px 20px 0px 110px;
	margin: 0;
}
div.copy2 h2 img {
	width: 200px;
	height: 40px;
	vertical-align: bottom;
}

div.copy2 p, div.copy2 ul, div.copy2 ol {
	clear: right;
	color: black;
	font-size: 120%;
	padding: 0px 20px 10px 110px
}

div.copy2 img.c200 {
	position: absolute;
	top: -10px; left: -100px;
	display: block;
	width: 200px; height: 200px;
}
/* END RIGHT-FLOATED COPY CONTAINERS (not used) */


/* BEGIN FOOTER */
#footer {
	width: 984px;
	position: relative;
	clear: both;
	height: auto;
	background: transparent url(images/bg_footer.jpg) top center no-repeat;
}

#footer p {
	text-align: center;
	font-size: 90%;
	padding: 1em;
	margin: 0;
}
/* END FOOTER */