/* ----- Online Mortgage Loans Styles ----- */
/* --- Global Styles --- */
* {
	padding:0;
	margin:0;
}
body {
	background:#d3d3d3 url(/images/bg_body.gif) repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
}
h1 {
	font:18px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 3px 20px;
}
h2 {
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	margin:5px 0 8px 20px;
}
a:link, a:visited {
	color:#006600;
	text-decoration:underline;
}
a:hover, a:active {
	color:#006600;
	text-decoration:none;
}
dt {
	margin:12px 0 0 20px;
}
dd {
	margin:3px 20px 3px 20px;
}
ol {
	margin:0 0 10px 45px;
}
ul li { margin-right:20px; }
/* --- Header Styles --- */
div.header {
	position:relative;
	width:668px;
	margin:0 auto;
	height:114px;
}
#logo {
	position:absolute;
	top:21px;
	left:6px;
}
/* --- Navigation --- */
ul#nav {
	background:url(/images/nav.gif) no-repeat;
	position:absolute;
	top:61px;
	left:2px;
	width:659px;
	height:39px;
	z-index:99;
	list-style:none;
	padding:14px 0 0 5px;
}
#nav li, #nav a {
	height:39px;
	display:block;
	outline-style:none; /* Removes Dotted Border for FF */
}
#nav li {
	float:left;
	position:relative;
	z-index:2;
	margin:0;
}
#nav li span {
	display:block;
	text-indent:-9999px;
	width:50px;
}
#nav li:hover, #nav li.hover {
position: static;
} /* IE7 fix */
#nav1 { width:86px; }
#nav2 { width:125px; }
#nav3 { width:152px; }
#nav4 { width:144px; }
#nav5 { width:136px; }
#nav1 a:hover { background:url(/images/nav.gif) -5px -67px no-repeat; }
#nav2 a:hover { background:url(/images/nav.gif) -91px -67px no-repeat; }
#nav3 a:hover { background:url(/images/nav.gif) -216px -67px no-repeat; }
#nav4 a:hover { background:url(/images/nav.gif) -368px -67px no-repeat; }
#nav5 a:hover { background:url(/images/nav.gif) -512px -67px no-repeat; }
/* Active Menu Items */
div#home li#nav1 { background:url(/images/nav.gif) -5px -120px no-repeat; }
div#mloan li#nav2 { background:url(/images/nav.gif) -91px -120px no-repeat; }
div#mref li#nav3 { background:url(/images/nav.gif) -216px -120px no-repeat; }
div#hloan li#nav4 { background:url(/images/nav.gif) -368px -120px no-repeat; }
div#htips li#nav5 { background:url(/images/nav.gif) -512px -120px no-repeat; }
/* CSS Drop Down Menu Styles */
#nav li ul {
	position:absolute;
	left:-9999px;
	top:53px;
	margin:0 0 0 13px;
	padding:0 2px 2px 2px;
	/* Set the background image for ie6 and fix the png transparency */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_drop_down.png',sizingMethod='scale');
}
html>body #nav li ul { /* Set the background for all other browsers */
	background:url(/images/bg_drop_down.png);
}
*html body #nav li ul { top:39px; }
#nav li ul li { 
	height:22px;
	position:relative;
}
#nav li ul li a {
	height:20px;
	line-height:20px;
	padding:1px;
}
#nav li ul li a span {
	display:block;
	padding-left:5px;
}
/* Drop Down Styles */
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active {
	color:#fff;
	text-decoration:none;
	padding-left:10px;
	font-size:13px;
}
#nav li:hover ul, 
#nav li.sfhover ul	{
	left: auto;
}
#nav2 ul a:hover,
#nav3 ul a:hover,
#nav4 ul a:hover,
#nav5 ul a:hover { 
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
#nav2 ul, #nav2 li { width:258px; }
#nav3 ul, #nav3 li { width:175px; }
#nav4 ul, #nav4 li { width:160px; }
#nav5 ul, #nav5 li { width:180px; }
#nav li ul ul {
	margin: -20px 0 0 220px;
	}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	}
#nav li:hover ul ul,
#nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
	left: auto;
}
#nav #nav5:hover ul,
#nav #nav5 li:hover ul,
#nav #nav5.sfhover ul,
#nav #nav5 li.sfhover ul { margin-left:-37px; }
#nav2 li a:hover,
#nav3 li a:hover,
#nav4 li a:hover,
#nav5 li a:hover {
	background:#d8d8d8;
	color:#000;
}
/* --- Content Styles --- */
div#container {
	background:url(/images/bg_container.gif) repeat-y;
	width:668px;
	margin:0 auto;
}
div#container p {
	margin:0 20px 0 20px;
	padding:5px 0 9px 0;
}
div#container p.letter {
	margin:0 0 0 20px;
	padding:2px 0 2px 0;
}
div#container ul {
	margin:0 0 0 40px;
	padding:0 0 5px 0;
}
div#container ul.links {
	margin:0;
	list-style:none;
	padding:8px 0 0 20px;
}
div#container ul.links li {
	padding:3px 0 3px 0;
	margin:0;
}
p#glossary_nav a { padding:0 3px 0 3px; }
div.subhead {
	background:url(/images/subhead_one.jpg) no-repeat;
	width:668px;
	height:205px;
}
div#content {
	background:url(/images/bg_content.gif) no-repeat;
	width:658px;
	padding:31px 5px 0 5px;
	}
/* --- Footer Styles --- */
div#footer {
	background:url(/images/bg_footer.gif) no-repeat;
	clear:both;
	width:659px;
	padding:28px 7px 0 2px;
	margin:0 auto;
	color:#000;
}
div#footer div.left,
div#footer div.right { color:#000; }
div#footer a:link,
div#footer a:visited {
	color:#000;
	text-decoration:none;
	padding:0 5px 10px 5px;
}
div#footer a:hover,
div#footer a:active {
	color:#000;
	text-decoration:underline;
	padding:0 5px 0 5px;
}
/* --- Classes --- */
.left { float:left; }
.right { float:right; }
dt.first { margin-top:15px; }
dd.last { margin-bottom:15px; }
/* --- Some IE Fixes --- */
/* IE6 */
*html body div#container p.letter { padding:0; }
*html body dt.first { margin-top:7px; }
*html body dd.last { margin-bottom:7px; }
/* IE7 */
html > body div#container p.letter { padding:0; }
html > body dt.first { margin-top:7px; }
html > body dd.last { margin-bottom:7px; }