/*
***********************************************************

Title:			styleMain.css
Browser(s): 	All

Author: 		
Created: 		12.15.2008
Last modified: 	12.15.2008

***********************************************************
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0 ;}
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h5, h5, h6 { font-size:100%; }
q:before, q:after { content:'';}

strong {color: #3c3c3c; }

.clear { clear: both;}

/* TYPOGRAPHY */
/*@font-face { font-family: "FertigoPro-Regular"; src: url(fonts/Fertigo_PRO.otf) format("opentype") } */
/* A font by Jos Buivenga: http://exljbris.nl */

h1, h2, h3 { font: normal 25px Arial, Tahoma, Helvetica, "Trebuchet MS", sans-serif;
	color:#404343;
	margin-bottom: 5px;
	letter-spacing: -1px;
	text-transform: capitalize;} 

h2 {font-size: 22px;}

h3 {font-size: 20px; margin-top: 20px; }

h4 { font: normal 18px Arial, Tahoma, Helvetica, "Trebuchet MS", sans-serif; margin: 8px 20px 4px 50px; color: #000; }

.aqua { color: #219d9d;}

.question {font-weight: bold; color: #00adad; display: block; margin: 10px 0 -5px 20px; }

.em { font: bold 13px Arial, Tahoma, Helvetica, "Trebuchet MS", sans-serif;
	margin: 10px auto 5px 25px;
	font-style:oblique;
	color: #000;}

/* Main Containers */

body { background-color: #fff;
	font: normal 13px Arial, Tahoma, Helvetica, "Trebuchet MS", sans-serif;
	color: #6d6f70;
	line-height: 18px;
	margin: 0;}
	
#wrapper, #wrapperPL, #wrapperCA, #wrapperAL, #wrapperSL, #wrapperDC, #wrapperCC, #wrapperCR, #wrapperHL, #wrapperLG {
	width: 960px; background-color: #f0f0f3; 
	margin: 0 auto;
	padding: 0; position: relative; }
	
/* ---------- Header ---------- */

#header { width: 960px; 
	margin: 0 auto;}
	
#topNav { width: 960px; height: 57px;
	background: url(images/topNav.gif) no-repeat top;
	margin: 0 auto; }
	
a.logo { float: left; display: block; 
	width: 320px; height: 69px;
	margin: 0 auto; padding: 0;
	background: url(images/logo.gif) no-repeat; 
	text-indent: -9999px; }

.eNews { float: right; text-align: left;
	width: 270px; height: 69px;
	margin: 0 18px 0 auto; padding: 0;}

.eNews h4 { margin: 0 auto; padding: 0px 0 4px 0px; text-align: left;}

.eNews input { border: 1px solid #2cadad; height:20px; width: 209px;
	vertical-align: bottom;
	padding: 4px 0 0px 4px;
	font-size: 12px; line-height: 20px;
	margin: 0 auto;}

.eNews img { padding: 0px; border:0;}
	
#flash { width: 640px;
	margin: 30px 0 0 18px;
	float: left; }

*html #flash { margin: 30px 0 0 8px;
	float: left; }

#headerRightContent { width: 255px;
	float: right;
	margin: 40px 28px 0 auto;
	text-align: left; }

*html #headerRightContent {	margin: 40px 14px 0 auto;}
	
#flashRightContent { width: 255px; height:178px;
	float: right;
	margin: 40px 28px 0 auto;
	text-align: left;
	position: relative;
	background: url(images/HomeLoans-Flash-bk.gif) no-repeat top;
	z-index: 1;}

*html #flashRightContent {	margin: 40px 14px 0 auto;}

#flashRightContent img {
	position: absolute;
	top: 141px;
	right: 9px;
	width: 234px;
	height:37px;
}


#headerRightContent h2 {}

#headerRightContent p { font: normal 12px Arial, Tahoma, Helvetica, "Trebuchet MS", sans-serif;
	line-height: 18px;
	color: #323435;}

/* ---------- Main Links ---------- */

a, a:link, a:visited { color: #178181; text-decoration: underline; }

a:hover, a:active, a:focus { color: #00bdbd; text-decoration: none;}

a.headerApplyLink {
	position: absolute;
	top: 345px;
	left: 460px;
}

#topNav p { height: 49px; line-height: 16px; 
	margin: 11px 0px auto auto;
	float: left;
	width: 880px;
	text-align: right;
	letter-spacing: 0px;
	font: normal 12px Arial, Tahoma, Helvetica, "Trebuchet MS", sans-serif;
	color: #fefdfc; }

#topNav a { padding: 0 3px; height: 49px; line-height: 16px; display: inline-block; }
	
#topNav a:link, #topNav a:visited { text-decoration: none; color: #fff;}
	
#topNav p a:hover { text-decoration: none; background: url(images/link-pointer.jpg) no-repeat center 17px;}

#topNav #blog { float: right; margin: 6px 15px auto auto; width: 48px; height: 27px; }

#bodyWelcome a#welcome { background:url(images/link-pointer.jpg) no-repeat center 17px;}

#bodyAbout a#ab { background: url(images/link-pointer.jpg) no-repeat center 17px;}

#bodyContactUs a#contact { background: url(images/link-pointer.jpg) no-repeat center 17px;}

#bodyQuestions a#quest{ background: url(images/link-pointer.jpg) no-repeat center 17px;}

#mainContent { width: 924px;
	background-color: #f0f0f3;
	margin: 0 auto;
	padding: 2px 18px 20px 18px;
	clear: both; }

*html #mainContent { padding: 2px 0px 20px 10px;}

#mainContent h5 { padding: 20px 0 10px 50px;
	color:#000;
	letter-spacing: 0px;
	font: normal 17px Arial, Tahoma, Helvetica, "Trebuchet MS", sans-serif;}

/* ---------- main ---------- */

.main { margin: 0 auto;
	padding: 0 12px 20px 12px;}

.main h2 { padding: 34px 0 0 0; }

.main h4 { padding: 16px 0 0 0;
	color:#404343;
	margin-bottom: 5px;
	letter-spacing: -1px;
	font: normal 22px Arial, Tahoma, Helvetica, "Trebuchet MS", sans-serif; }

.main h5 {
	padding: 15px 0 0px 0;
	color:#000;
	letter-spacing: 0px;
	font: bold 16px Arial, Tahoma, Helvetica, "Trebuchet MS", sans-serif;
} 
	
.main p { margin: 8px 20px 4px 50px; }
	
.main ul { margin: 8px 0 5px 50px; }
	
.main ul li { margin: 5px 0; }

/* ---------- Left Column ---------- */
	
#mainLeftColumn {
	width: 628px;
	margin: 0 auto;
	padding: 0 0 20px 12px;
	float: left;
}
*html #mainLeftColumn { padding: 0 0 20px 3px;}
	
.main h2, #mainLeftColumn h2 { padding: 34px 0 0 0; }

#mainLeftColumn h2.mainHead { }

.main h3, mainLeftColumn h3 { padding: 15px 0 0 0; font-size: 18px;}	

.main p, #mainLeftColumn p { margin: 8px 20px 4px 50px; }
	
.main ul, #mainLeftColumn ul { margin: 8px 0 5px 65px; }
	
.main ul li, #mainLeftColumn ul li { margin: 5px 0; list-style: square; }

.main ol li, #mainLeftColumn ol li { list-style: decimal; margin: 5px auto 5px 70px;}

/* ---------- Right Column ---------- */
	
#mainRightColumn { width: 265px; 
	margin: 10px 0 0 auto; padding: 0;
	float: right;}

#mainRightColumn h3 { padding: 10px 15px 10px auto; }
	
/* ---------- Common Questions ---------- */
	
.questions li {
	margin: 0 auto;
	padding: 5px  0 10px 5px;
	border-top: 1px dashed #cacaca; }
	
.questions a:link, .questions a:visited { font-weight: bold;
	text-decoration: none;
	color: #2cadad;}
	
.questions a:hover { text-decoration: underline; color: #178181; }
	

/* ---------- Other links ---------- */

/* -- Header More -- */
.mora { font: bold 16px Georgia, "Times New Roman", Times, serif, Garamond;
	padding: 10px 0 0 0; color: #2cadad;}

.mora a, .mora a:link, .mora a:visited { font: bold 16px Georgia, "Times New Roman", Times, serif, Garamond; color: #2cadad; text-decoration: none; }
.mora img { padding: 0 0 0 4px; margin-bottom: -4px;}

.mora a:hover, .mora a:active, .mora a:focus { color: #00bdbd;}

/* -- Main Content More -- */
.more { padding: 0 18px 0 2px;
	display: inline-block;
	text-transform: uppercase;
	background: url(images/arrow.gif) no-repeat right;
	font: bold 16px Georgia, "Times New Roman", Times, serif, Garamond;
	color: #2cadad;}

a.more, .more a, .more a:link, .more a:visited { color: #178181; text-decoration: none; }

a:hover.more , .more a:hover, .more a:active, .more a:focus { color: #00bdbd;}


/* ---------- Other  ---------- */

hr { margin: 10px auto 0 auto ; height:1px; background-color: #219d9d; border:0;}

.applyNowBtn {padding: 15px 0 0 0;}

img.caApplyToday {margin: 10px 0 0 0; }

img.caCashImage {margin-top: 20px; }

p.lendingTree {padding-top: 20px;}
p.lendingTree a {
                display: block;
                width: 570px; height: 325px;
                text-indent: -9999px;
                background: url(images/lendingTree.gif) no-repeat -18px 0;}

.tablhead { background-color: #2cadad; color: #fff; font-weight: bold; }

.googlemain { margin: 30px auto 0px 50px;}

.googleside { margin: 10px auto auto 6px;}

/* ---------- sitemap colums ---------- */

.left {
	width: 300px;
	float: left;
	margin: 0 auto;
	padding: 0px 0px 0px 12px;
}
	
.right {
	width: 300px;
	float: right;
	margin: 0 auto auto auto;
	padding: 0px;
}
	
a.mainLink { font-size: 14px; display: block; font-weight: bold; margin: 15px 0 0 0;}

a.listNoBorder { border: none;}

#mainLeftColumn .left ul, #mainLeftColumn .right ul { margin: 8px 0 5px 20px; }

/* ---------- Footer ---------- */

#footer { background: #404343 url(images/privacy_logo.gif) no-repeat 830px 15px;
	margin: 0 auto;
	padding: 66px 18px 10px 8px;
	text-align: center; }
	
#footerNav { width: 600px; float: left;
	font: normal 13px Arial, Tahoma, Helvetica, "Trebuchet MS", sans-serif;
	line-height: 16px;
	margin: 0 auto; }
	
#footer ul li { float: left;
	padding: 0 10px;}
	
#footer ul a:link, #footer ul a:visited  { font-weight: normal;
	text-decoration: none;
	color: #fff; }

#footer ul a:hover { text-decoration: none; color: #00dcdc;}


.copyright { float: right; width: 300px; text-align: right;
	 font-size: 12px; color:#fff; }