html {
/* these will cause a validation error. They don't otherwise hurt but you
   can comment them out without harm. We rely on the !DOCTYPE to take browsers
   out of quirks mode into W3C Standard mode. These box-sizing definitions
   can help some browsers in case the DOCTYPE gets lost. However, they are
   not valid CSS 2.
 */
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}

/* general tag definitions */

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: white;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	color: #0e300b;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

p {
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0;
}

h1, h2 {
	color: #ab6200;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

h2 {
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

h3 {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

ul {
	margin-top: 0;
	margin-bottom: 0;
}

ul li {
	margin-top: 6px;
	margin-bottom: 6px;
}

dl {
	margin-top: 8px;
	margin-bottom: 8px;
}

dl dt {
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: bold;
}

dl dd {
	padding: 0;
	margin: 0 0 0 20px;
}

hr {
	height: 1px;
	border: none;
	border-top: 1px solid #ab6200;
}

:link, :visited {
	font-weight: normal;
	text-decoration: underline;
	color: #8c130c;
}

:link:focus, :visited:focus {
	color: #8c130c;
}

:link:hover, :visited:hover {
	color: #e65210;
}

:link:active, :visited:active {
	color: #8c130c;
}

/* Layout and specific definitions */

div#wholepage {	/* this div holds everything within it - it is basically an extension of body */
	position: relative;
	top: 0;
	left: 0;
	width: 800px;
	margin: 0;
	padding: 0;
	overflow: visible;
}

div#banner {	/* banner area */
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 124px;
	overflow: hidden;
	z-index: 1;
}

div#hmenu {		/* horizontal 2nd level menu */
	position: absolute;
	top: 124px;
	width: 800px;
	height: 18px;
	line-height: 18px;
	background-color: #ab6200;
	color: #0e300b;
}

div#hmenu table {
	margin: 0;
	padding: 0;
	margin-left: 130px;
	width: 670px;
}

div#hmenu td {
	text-align: left;
}

div#hmenu a, div#hmenu a:link, div#hmenu a:visited, div#hmenu a:active {
	display: block;
	text-decoration: none;
	color: #0e300b;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	padding: 0 5px;
	color: #dde2dd;
}

div#hmenu a:hover, div#hmenu a.cur, div#hmenu a.cur:link, div#hmenu a.cur:visited, div#hmenu a.cur:active {
	color: black;
}

div#content {
	position: absolute;
	top: 140px;
	left: 0;
	width: 800px;
	overflow: visible;
}

table#contenttable {
	width: 800px;
	margin: 0;
	padding: 0;
}

td#lmenu, .ehl {	/* left menu and "equal housing lender" icon at bottom left */
	width: 130px;
	background-color: #0e300b;
	vertical-align: top;
	color: #fff;
}

.ehl {
	text-align: center;
	vertical-align: bottom;
	height: 55px;
}

.ehl img {
	margin-bottom: 10px;
}

#lmenu a, #lmenu a:link, #lmenu a:visited, #lmenu a:active {
	display: block;
	text-decoration: none;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #dde2dd;
	font-size: 11px;
	line-height: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#lmenu a:hover, #lmenu a.cur, #lmenu a.cur:link, #lmenu a.cur:visited, #lmenu a.cur:active {
	color: #0e300b;
	background-color: #ab6200;
}

#lmenu a#fitem {	/* first item in left menu */
	margin-top: 20px;
}

* html body #lmenu a {	/* get around MSIE bug in display:block */
	width: 110px;
}

* html body div#hmenu a {
	width: 100%;
}

td#textarea {	/* main area for all content */
	width: 670px;
	background-color: white;
	background-image: url(../images/tbg.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 2px;
	vertical-align: top;
}

div#textcolumn {
	margin-left: 35px;
	width: 385px;
	padding-bottom: 20px;
}

body.home div#textcolumn {
	width: 320px;
	padding-bottom: 5px;
}

body.home div#textcolumn div {
	margin-left: 55px;
	width: 265px;
}

body.home div#textcolumn div ul, body.home div#textcolumn div ul li {
	color: #ab6200;
	font-style: italic;
	font-weight: bold;
}

body.home div#textcolumn div p {
	width: 265px;
	text-align: justify;
}

p.curpage {
	text-align: right;
	font-weight: bold;
	width: 385px;	/* width needed (same as textcolum width) because of bug in Mac MSIE 5.2 */
}

div#textcolumn.wide {
	width: 545px;
}

div#textcolumn.wide p.curpage {
	width: 545px;
}

/* Due to bug, MSIE on windows doesn't play nice with this. It wants to double the right margin. */
div#rightcolumn {
	width: 160px;
	margin: 0;
	margin-right: 35px !important;
	margin-right: 17px;
	padding: 0;
	float: right;
}

div#rightcolumn p.quote, div#rightcolumn p.quoteby {
	color: #ab6200;
	font-size: 13px;
	line-height: 30px;
	margin-left: 6px;
	margin-right: 0;
	text-indent: -6px;
	font-style: italic;
}
div#rightcolumn p.quoteby {
	text-align: right;
}

div#rightcolumn p.note {
	font-size: 9px;
	line-height: 20px;
	text-align: justify;
	margin-right: 0;
}

div#rightcolumn a, div#rightcolumn img {
	margin-right: 0;
}

table#chklist {
	margin: 8px 0;
	padding: 0;
	border-top: 1px solid #0e300b;
	border-left: 1px solid #0e300b;
}

table#chklist col#c1 {
	width: 140px;
}

table#chklist td {
	vertical-align: top;
	padding: 6px;
	border-right: 1px solid #0e300b;
	border-bottom: 1px solid #0e300b;
}

table#chklist ol {
	list-style-type: lower-alpha;
	padding: 0;
	margin: 0;
}

table#chklist ol li {
	margin: 0 0 0 20px;
	padding: 0;
}

/* rate chart tables */
table.rchart {
	width: 100%;
	border: none;
	margin: 8px 0 20px 0;
	padding: 0;
	border: 1px solid #0e300b;
}

table.rchart td, table.rchart th {
	padding: 3px 4px;
	text-align: center;
}

table.rchart td.al, table.rchart th.al {
	text-align: left;
}

table.rchart td.ar {
	text-align: right;
	padding-right: 20px;
}

table.rchart td.in {
	padding-left: 15px;
}

table.rchart tr.sep {
	font-weight: bold;
}

table.rchart tr.sep td {
	padding-top: 5px;
	background-color: #f6ebd6;
}

table.rchart td, table.rchart th {
	vertical-align: bottom;
}

div.loc {
	margin-left: 30px;
}

/* definitions for FORMS */

td#textarea form * {
	margin: 0;
}

form table {
	width: 570px;
	text-align: left;
}

input, select, textarea {
	margin: 2px 0;
/*	width: 345px; */
	padding: 0;
}

select {
	width: 349px;
}

input.submit {
	width: 130px;
}

input.checkbox {
	width: 20px;
	border: none;
}

.formerr {
	color : red;
}

form td {
	padding: 4px;
	margin: 0;
	vertical-align: middle;
}

fieldset {
	padding: 4px;
	margin: 0 0 5px 0;
	border: 1px solid gray;
	margin: 0;
	/* width: 560px; */
	width: 100%;
}

fieldset p {
	margin-top: 4px;
}

legend {
	color : black;
	font-size : 14px;
	line-height: 1.8em;
}

td.rprmpt, label.rprmpt {
	text-align: right;
	font-size: 12px;
	color: #aa0000;
	padding-right: 8px;
}

td.prmpt, label.prmpt {
	text-align: right;
	font-size: 12px;
	padding-right: 8px;
}

td.prmpt, td.rprmpt {
	width: 200px;
}

label.rprmpt, label.prmpt {
	padding: 0;
}

/* special declarations for online banking logon form */
form#currentUserLogon {
	margin-top: 15px;
}

form#currentUserLogon label, form#currentUserLogon input {
	float: left;
	width: 150px;
}

form#currentUserLogon label {
	width: 70px;
}

form#currentUserLogon br {
	clear: both;
}

/* lists on register.asp page */

.regList
{
	margin-left:23px; padding-left:0px
}

.leftbg {
	/* Login Box */
	color: #fff;
	background-color: #5C4904;
	font-size: .8em;
	font-family: Verdana;
	text-align: left;
	padding-left: 3px;
	width: 130px;
	border-top: 0px #5C4904 solid;
	border-left: 0px #fff solid;
	border-right: 0px #fff solid;
	border-bottom: 10px #5C4904 solid;
}