/* ---------- basic page structure ---------- */



body {

	background: #584f23 url(../images/body-bg.png) center top no-repeat;

	font: 13px/19px arial, sans-serif;

	color: #ece8d3;

}	



#page {

	width: 998px;

	height: 854px;

	margin: auto;
	overflow:hidden;

}



#header {

	height: 309px;

	position: relative;

}



#content {

	height: 450px;

	position: relative;

}



#navigation {

	width: 200px;

	height: 450px;

	float: left;

	background: url(../images/nav/bg.png);

}



#IE6 #navigation {

	behavior: url(/css/iepngfix.htc);

}



.textarea {

	float: left;

	width: 542px; 

	height: 450px;

	margin: 0 0 0 30px;

	behavior: url(/css/iepngfix.htc);

	/*overflow: auto;*/

}	



.full {

	width: 760px; 

}	



#subnav {

	width: 210px;  /* adjust for IE6 */

	height: 390px;

	float: right;

	margin: 60px 0 0 0;

	background: url(../images/div.gif) no-repeat top right;

	overflow: hidden;

}



#IE6 #subnav {

	width: 210px;  /* adjusted for IE6 */

}	



#footer {

	overflow: hidden;

	background: url(../images/other/bbb-logo.gif) center right no-repeat;
	height: 100px;

}



#home #footer {

	background: none;

}



/* ---------- header elements ---------- */



#phone-num {

	position: absolute;

	top: 45px;

	right: 25px;

}



#logo-box {

	background: #7C3A20;

	width: 199px;

	height: 225px;

	position: absolute;

	top: 84px;

	left: 0;

}



#header-logo {

	display: block;

}



/*#IE6 #header-logo a {

	display: block;

	behavior: url(/css/iepngfix.htc);

}*/



#header-image-one {

	position: absolute;

	top: 84px;

	left: 199px;

}

#LindaFoundation {
	position: absolute;
	top: 225px;
}

* html #LindaFoundation {
	top: 25px;
}

#header-image-two {

	position: absolute;

	top: 84px;

	right: 0;

}

#header-image-two p {
	color: #ece8d3;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 21px;
	font-size: 13px;
	margin: 0 0 18px 0;
}
#header-image-two p a {
	color: #ffffff;
	text-decoration: none;
}			
#header-image-two p a:hover {
	text-decoration: underline;
}

* html div#header-image-two {

}

#scrollpane {

	width: 554px; /* 553px works better for Safari/PC */

	overflow: auto;

	float: left;

	height: 325px;

	padding: 15px 10px 0 5px;

}



#news #IE6 #scrollpane {

	width: 500px;

}



#no-scroll {

	width: 500px;

	overflow: hidden;

	float: left;

	height: 325px;

	padding: 15px 38px 0 5px;

	background: url(../images/div.gif) top right no-repeat;

}



.full #scrollpane {

	width: 753px;

}	



.textarea .jScrollPaneTrack {

	background: url(../images/other/line.gif);

}

			

.textarea .jScrollPaneDrag {

	background: url(../images/other/scroller2.png) no-repeat;

}



#IE6 .textarea .jScrollPaneDrag {

	behavior: url(/css/iepngfix.htc);

}

#IE6 .fivestar {

	behavior: url(/css/iepngfix.htc);

}



.two-column {

	background: url(../images/second-column-bg.png) top right no-repeat;

}



#IE6 .two-column {

	background: url(../images/second-column-bg-ie6.gif) top right no-repeat;

}



.column {

	float: left;

	width: 235px;

	padding: 0 35px 0 0;

}



.second-column {

	padding: 0;

}



.column-half {

	float: left;

	width: 235px;

	padding: 0 15px 0 0;

}





.OrangeTitle {
	font-weight: bold;
	color: #cc8136;
	font-size: 16px;
	margin-bottom: 10px;
}

a.OrangeLink {
	font-weight: bold;
	color: #cc8136;
}

a.BlueLink {
	font-weight: bold;
	color: #8aa9c6 !important;
	line-height: 27px !important;
}

a.OrangeLink:hover {
	text-decoration: underline;
}

a.BlueLink:hover {
	color: #ffffff !important;
}

.BlueTitle {
	font-weight: bold;
	color: #8aa9c6;
	font-size: 15px;
	margin-bottom: 10px;
}
/* --------- homepage ---------- */





#home .textarea {

	float: left;

	width: 768px; 

	height: 450px;

	margin: 0 0 0 30px;

	/*overflow: auto;*/

}	



.image_morph {

	position: absolute;

	top: 84px;

	left: 199px;

	width: 798px;

	overflow: hidden;

}



#home .tagline {

	margin: 40px 0 10px 0;

}



#home-text {

	width: 440px;

	float: left;

}



#home-sidebar {

	float: right;

	width: 239px;

	height: 312px;

	background: url(../images/home-sidebar-bg.png) no-repeat;

	margin: 37px 0 0 0;

	padding: 0 30px;

}



#home-sidebar ul {

	margin: 16px 0 20px 0;	

	padding: 0 0 0 3px;

	display: block;

	clear: all;

	height: 60px;

	overflow: hidden;

}



#home-sidebar li {

	/*list-style: disc;*/

	width: 110px;

	float: left;

	font-size: 11px;

	line-height: 14px;

	padding: 0;

	margin: 0;

}



#home-sidebar a {

	color: #fff;

	display: block;

	background: url(../images/home-bullet.gif) no-repeat center left;

	padding: 0 0 0 12px;

}



#home-sidebar p.smaller {

	font-size: 10px;

	line-height: 11px;

	clear: both;

}











/* ---------- Apply Now page three column layout ---------- */



#column-a {

	background: url(../images/column-a-bg.png) top left no-repeat;

	width: 240px;

	padding: 0 4px 0 46px;

	float: left;

	height: 300px;

	overflow:hidden;

}



#column-b {

	background: url(../images/column-b-bg.png) top left no-repeat;

	width: 175px;

	padding: 0 4px 0 46px;

	float: left;

	height: 300px;

}



#column-c {

	background: url(../images/column-c-bg.png) top left no-repeat;

	width: 165px;

	padding: 0 4px 0 46px;

	float: left;

	height: 300px;

}


#columnRight {
	width: 400px;
	height: 250px;
	float: left;
	margin-left: 40px;
}

table#RecentLeads{
	margin: 15px 0 0 0;
	padding: 0;
}

table#RecentLeads th, table#RecentLeads td {
	padding: 2px 5px;
	text-align: left;
	vertical-align:middle;
	border-collapse: collapse;
}

table#RecentLeads th {
	font-size: 13px;
	background: #803a1c;
	border-bottom: 5px #a25d19 solid;
	height: 25px;
}

table#RecentLeads td {
	font-size: 11px;
	height: 35px;
}

.LeadName {
	width: 140px;
}

.AssignNewBroker {
	width: 100px;
}

.AssignNewBroker img {
	margin-top: 7px;
}

.BrokerName {
	width: 160px;
}

table.apply {

	margin: 0;

	padding: 0;

}



table.apply td {

	vertical-align: middle;

	padding: 1px 0;

}



table.apply input, table.apply select, table.apply option {

	width: 130px;

}



.btn-submit {

	margin: 12px 0 0 0;

}



#IE6 #column-a, #IE6 #column-b, #IE6 #column-c {

	behavior: url(/css/iepngfix.htc);

}



#apply h2 {

	font-size: 18px;

	line-height: 21px;

	font-weight: bold;

	margin-bottom: 0;

}



h3#apply-link-complete a {

	display: block;

	cursor: pointer;

	text-indent: -5000px;

	background: url(../images/other/apply-link-complete.png) no-repeat;

	height: 30px;

	width: 165px;

	margin: 50px 0 0 0;

}



h3#apply-link-contact a {

	display: block;

	cursor: pointer;

	text-indent: -5000px;

	background: url(../images/other/apply-link-contact.png) no-repeat;

	height: 30px;

	width: 165px;	

}



#IE6 h3#apply-link-complete a, #IE6 h3#apply-link-contact a {

	text-indent: 0;

	background: url(../images/other/arrow-link-bg-ie6.png) center right no-repeat;

	width: 135px;

	padding: 0 30px 0 0;

}



/* ---------- text ---------- */



h2 {

	font-size: 15px;

	line-height: 18px;

	font-weight: bold;

	margin-bottom: 1em;

}



h2.no-margin {

	margin-bottom: 0;

}



h3.freestanding {

	margin-bottom: 1em;

}



h3.arrow-link {



}



h3.arrow-link a {

	color: #85c2b9;

	font-size: 14px;

	line-height: 17px;

	text-decoration: none;

	display: block;

	padding: 0 22px 0 0;

	background: url(../images/other/arrow-link-bg.png) no-repeat center right;

}



#IE6 h3.arrow-link a {

	background: url(../images/other/arrow-link-bg-ie6.png) no-repeat center right;

	/*behavior: url(/css/iepngfix.htc);*/

}





p {

	margin-bottom: 1em;

}



a {

	color: #719b82;

	text-decoration: none;

}



span.caps, .smaller {

	font-size: 12px;

}



ol.bulleted {

	margin: 0 0 1em 40px;

}



ol.bulleted li {

	list-style: decimal;

}



ul.bulleted {

	margin: 0 0 2em 20px;

}



ul.bulleted li {

	list-style: disc;

}



/* ---------- footer ---------- */



#address {

	font: 11px/13px verdana, sans-serif;

	float: left;

	margin: 18px 0 0 18px;

}



#address h3 {

	font-weight: bold;

}



#address address {

	font-style: normal;

}



#teaser-link {

	position: absolute; 

	bottom: 0;

	right: 0;

}



#footer-swoop {

	position: absolute; 

	bottom: 0; 

	right: 0; 

	z-index: 1000;

}



#IE6 #footer-swoop {

	behavior: url(/css/iepngfix.htc);

}



#footernav {

	font: 10.5px/12px arial, sans-serif;

	color: #BCAF77;

	float: left;

	text-align: center;

	margin: 18px 0 0 100px;

}



#footernav a {

	color: #BCAF77;

	text-decoration: none;

}



#btn-checklist {

	behavior: url(/css/iepngfix.htc);

	margin: 0 0 0 8px;

	display: block;

	float: left;

	display: inline;

}



#bbb-link {

	float: right; 

	display: block; 

	margin: 20px 0 0 0; 

	height: 40px; 

	width: 40px; 

	text-indent: -5000px;

}



/* ---------- loan professionals table ---------- */



table.loan-professionals {

}



table.loan-professionals td {

	width: 166px;

}



table.loan-professionals h3 {

	font-size: 15px;

}



table.loan-professionals a {

	text-decoration: none;

	color: #fff;

}











.button-list img {

	behavior: url(/css/iepngfix.htc);

}





/* ---------- contact us page --------- */



#contact-info {

	float: left;

	width: 200px;

}



#contact-map {

	float: right;

	width: 300px;

	text-align: right;

}



#IE6 #contact-map img {

	behavior: url(/css/iepngfix.htc);

}



#contact-form {

	float: right;

	width: 250px;

	padding: 0 0 0 50px;

}



h3#online-application-link a {

	display: block;

	cursor: pointer;

	text-indent: -5000px;

	background: url(../images/other/online-application-link.png);

	height: 24px;

	width: 324px;	

	behavior: url(/css/iepngfix.htc);

}



#about-sig {

	behavior: url(/css/iepngfix.htc);	

}





/* ---------- testimonials page --------- */



#letter {

	float: left;

	width: 370px;

}



#letter-nav {

	float: right;

	width: 100px;

}











#freddie-pic {

	behavior: url(/css/iepngfix.htc);

	display: block;

	float: right;

	margin: 0 0 0 20px;

}







/* --------- our management page ---------- */



.management-portrait {

	display: block;

	float: left;

	margin: 4px 14px 10px 0;

}



.portrait-padding {

	margin: 4px 14px 35px 0;

}



#glossary-nav {

	margin: 0 0 24px 0;

	overflow: hidden;

	height: 24px;

}



#glossary-nav a {

	color: #9d5f20;

	font-size: 18px;

	font-weight: bold;

	display: block;

	float: left;

	padding: 0 6px 0 0;

}



#glossary-nav a.selected, #glossary-nav a:hover {

	color: #719b82;

	text-decoration: underline;

}



#glossary-nav a.disabled {

}



#glossary-nav a.disabled:hover {

	color: #9d5f20;

	text-decoration: none;

}