/*	Markup Layout Structure
---------------------------------------------------
	page
		header
			logo 
			search
		mainNavigation
		content
		footer
---------------------------------------------------
	Notes:
		*	IE-Specific Isolation Hacks:

			IE6 only: (underscore before property)
			selector { _property: value; }

			IE6 and IE7: (# before property)
			selector { #property: value; }

			** These isolation hacks will cause the
			css to fail validation, but prevent
			having to serve separate stylesheets for
			each browser.
---------------------------------------------------	*/
/*	PAGE CONTAINER
---------------------------------------------------	*/
/*#page	{
	width: 964px;
	height: auto !important;
	margin: 10px auto;
	color: inherit;
	overflow: hidden;
	border: 1px solid #e8e0d8;
}*/

#page	{
	width: 1014px;
	margin: 0 auto 0 auto;
	background: url('../images/page_bg.png') no-repeat;
	color: inherit;
	overflow-x: hidden;
	height:886px;
}

html>body #page	{
	width: 1014px;
	margin: 0 auto 0 auto;
	background: url('../images/page_bg.png') no-repeat;
	color: inherit;
	overflow: hidden;
	height:auto;
}

#container {
    z-index: 2;
	position: relative;
	width: 974px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url('../images/content_bg.jpg') no-repeat;
	background-color: #fff;
	overflow: hidden;
}


/*	HEADER
---------------------------------------------------	*/
#header	{
	position: relative;
	width: 974px;
	height: 100px;
	margin: 0 auto 0px;
	padding: 0;
	background: #00234d;
	border-bottom:2px solid #fff;
	overflow:hidden;
}
	a#logo	{
		float: left;
		width: 198px;
		height: 36px;
		padding: 25px 0;
		text-decoration: none;
	}
		a#logo img	{
			width: 198px;
			height: 36px;
		}
#header h1 { 
	font-family: "Times New Roman", Times, serif;
	float:left;
	padding: 25px 0 0 20px;
	font-size:30px;
	color:#fff;
}

/*	CONTENT
---------------------------------------------------	*/
#mainContent  { width: 598px; padding: 20px 10px 0 0; margin: 0 auto; z-index:8; float:left; overflow:hidden;}
#mainContent loanform.p { position: relative; float:left; display:block; width:auto; }

#content { width: 974px; margin: 0 0 0 20px; padding: 0; }


#webapp {
	margin: 0; 
	padding: 0;
	width: 610px;
	height: 760px;
	overflow: hidden;
}

/*	FOOTER
---------------------------------------------------	*/


/*	COPY TEMPLATE
--------------------------------------------------- */
div #mainContent  { width: 598px; margin: 0 auto; float:left; overflow:hidden;}

#rightRail { float: left; height:auto; width:300px; z-index:1; padding: 0 10px 0 10px; margin: 20px 0 0 21px; }
#rightRail p { padding: 10px 6px 10px 14px; }
#rightRail p.hope { font-style: italic; }
#rightRail .pod { border-bottom: 1px dashed #dcdcdc; overflow:hidden; padding-bottom:20px; margin-bottom:20px;}
#rightRail .pod p {line-height:1.3em; padding: 0 6px 0 14px;}
#rightRail .pod a { text-decoration:none;}
#rightRail .pod a:hover { text-decoration:underline;}
#rightRail .pod img {padding: 0 10px 10px 0;}
#rightRail .pod h2 { font-size: 16px; padding:0 0 0 15px; line-height:1.2em;}

/*	BREADCRUMBS
--------------------------------------------------- */
#breadcrumbs { overflow:hidden; float:left; width:974px; margin: 0 0 0px 0; padding: 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.breadcrumbNavContainer { height: 31px; margin: 4px 0px 3px 0px; border-top: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; }
#breadcrumbNav { float: left; width: 198px; height: 29px; margin: 0px 0; }
#breadcrumbNav ul { width: 198px; margin: 7px 0 0 20px; padding-top: 0px 0;  }
#breadcrumbNav li { display:inline; margin: 0 0 0 0px; padding: 0; color: #666666; }
#breadcrumbNav li a { margin: 0; padding: 0px 2px; color: #002f65; }
#breadcrumbNav li a.on { color: #666666; font-weight: bold; text-decoration: none; }
#tertiaryNav { float: right; width: 215px; height: 24px; margin: 3px 5px 0; border-left: 1px solid #d4d4d4; }
#tertiaryNav ul { margin: 4px 0 0; padding: 0 0 0 12px; }
#tertiaryNav li { display:inline; margin: 0 0 0 0px; padding: 0; color: #666666; }
#tertiaryNav li a { margin: 0; padding: 0px 2px; color: #666666; text-decoration: none; }

/* Recaptcha 
------------------------------------ */

.recaptchatable .recaptcha_image_cell,#recaptcha_table {
	background-color: #CCCCCC;
}

#recaptcha_table {
	border-color: #606060;
}

#recaptcha_response_field {
	border-color: #606060;
	background-color: #CCCCCC;
}


