/* CSS --> Advanced */

/* -- [ Body ] --------------------------------------------*/
body, div, table, tr, td, p, ul, li
{ font-family: verdana, arial, helvetica, sans-serif; color: #333; }

/* -- [ Header ] --------------------------------------------*/
/* Auxnav */
#auxnav a
{ color: #EAEAD3; font-size: 10px; text-decoration: none}
#auxnav a:hover
{ color: #fff; }
#auxnav tr, td, th
{ vertical-align: top; text-align: center}
#auxnav table
{ width:230px; text-align:center}

#header-logo
{font-family: arial, helvetica, sans-serif;font-size: 16pt;font-weight:bold; color:#fff}
#header-logo a, #header-logo a:visited
{color:#fff}
#header .headerleft
{background-image: url(images/header_bg_left.jpg); background-repeat: no-repeat; background-color: #08105b; padding-right:20px;}
#header .headerright
{background-color: #08105b; background-image:url(Images/header_bg_right.jpg); vertical-align: middle; width: 230px; height: 82px; text-align: right}
#header .headermiddle
{width:100%;background-color: #08105b;background-image: url(images/header_bg.jpg); background-repeat:repeat-x; vertical-align:middle;}
#mission, #missionheader
{
	text-align:center;
	color: #EAEAD3;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	padding-left:0px;
	padding-right:0px;
	margin-left:7px;
	margin-right:7px;
	width: 330px;
}
#missionheader
{
 font-size:11px;
}


/* -- [ Navigation ] --------------------------------------------*/
#navigation a
{ text-decoration:none; display:block; font: 11px "Trebuchet MS", Arial, Verdana, Lucida, sans-serif; color: #fff; font-weight: bold; padding: 3px 10px 4px 10px; background: #8e0200 url("Images/nav_corner.gif") no-repeat right bottom; }
#navigation a.last
{ background: #8e0200 url("Images/nav_corner_last.jpg") no-repeat right bottom; }
#navigation a.last:hover
{ background: #002c53 url("Images/nav_corner_last_hover.jpg") no-repeat right bottom; }
#navigation a:hover
{ color: #fff; background-color: #002c53; }
#navigation a.active
{ color: #fff; background-color: #002c53; }
#navigation a.activelast
{ color: #fff; background: #002c53 url("Images/nav_corner_last_hover.jpg") no-repeat right bottom; }




table.ADVANCEDSEARCH
{text-align: left; background: #E5E5E5 url("Images/sidebar_watermark.jpg") right bottom no-repeat; border: solid 5px #ffffff; height:100%; width:100%; border-collapse:collapse}
th.ADVANCEDSEARCH
{font-size: 12px; color: #CCD5E0; background: #17446a; padding: 5px 11px 4px 10px; border-bottom: 1px solid white; height:30px; }

table.SEARCHRESULTS
{text-align: left; border: solid 5px #ffffff;background: #E5E5E5; }
th.SEARCHRESULTS
{vertical-align: middle; height:30px; background: #17446a; margin: 0 0 .5em 0; border-bottom: 1px solid white; color: #fff; font-size: 12px; padding-left:10px; }


table.sidenav_outer
{height:100%; width:100%; background-color:#e5e5e5}
table.sidenav_inner
{height:100%; width:100%; background-color:#ffffff}
tr.sidenav_emptyspace
{height:100%; background-color:#e5e5e5}

table.SUBSCRIPTIONS
{text-align: left; background: #e5e5e5; border: solid 5px #ffffff; height:100%; width:100%; border-collapse:collapse}
th.SUBSCRIPTIONS
{font-size: 12px; color: #ffffff; background: #17446a; padding: 5px 11px 4px 11px; border-bottom: 1px solid white; height:25px; }
td.SUBSCRIPTIONS
{ padding-left: 11px; padding-right: 11px; }

table.SUBSCRIPTION_INFO
{text-align: left; border: solid 5px #ffffff; width:100%; border-collapse:collapse; padding-bottom:10px;}
td.SUBSCRIPTION_INFO
{font-size: 14px;  font-weight:bold}

td.banner
{text-align:center; background-color:#e5e5e5}

/* -- [ Content Area ] --------------------------------------------*/

body ul li
{ list-style-type: none; font-size: 11px; background: url("Images/li_sidenav.gif") no-repeat 1px 8px; padding: 0 11px; }

body ol li
{ list-style-type:decimal; font-size: 11px; padding:0 11px; margin: 0 0 0 10px; }


body dl
{ margin: 0 0 1.2em 0; font-size: 11px; }
body dl dt
{ font-weight: bold;}
body dl dd
{ padding-bottom:0px }
body dl dd a
{ display: block; }




/* QLPortal */
#qlportal table
{border: solid 1px #D9D9D9; border-collapse: collapse }

/* QuickLinks */
#quicklinks
{color:#333;}
#quicklinks table
{text-align: left; background: #e5e5e5 url("Images/sidebar_watermark.jpg") right bottom no-repeat; border: solid 5px #ffffff; height:100%; width:100%; border-collapse:collapse}
#quicklinks th
{font-size: 12px; color: #FFFFFF; background: #944443; padding: 7px 11px 4px 10px; border-bottom: 1px solid white; height:30px; }
#quicklinks td
{}
#quicklinks h4
{ font-size: 12px; color: #676767; margin: 7px 0 4px 12px;}
#quicklinks ul
{ margin: 0 0 0 17px; padding: 0; list-style-type: none; }
#quicklinks li
{ list-style-type: none; background: url("Images/li_sidenav.gif") no-repeat 1px 8px; padding: 0 11px 5px; }
#quicklinks li a
{ display: inline; font-size: 11px; color: #333}

/* Portal */
#portal table
{border: solid 1px #D9D9D9; border-collapse: collapse }

/* Portal1 */
#portal1
{}
#portal1 table
{text-align: left; width:100%; border: solid 5px #ffffff}
#portal1 th
{ font-size: 12px; color: #fff; vertical-align:middle; width:33%; height:30px; background: #17446a; border-right: solid 5px  #FFFFFF ; padding-left:10px; }
#portal1 th li
{list-style-type: none; font-size: 12px; color: #fff; margin: 0; background: url("Images/li_portals.gif") no-repeat 9px 11px; padding: 5px 5px 5px 5px; }
#portal1 td
{height:100%; border-right: solid 5px  #FFFFFF ;}
#portal1 ul
{ margin: 0 0 0 17px; padding: 0; list-style-type: none; }
#portal1 li
{ list-style-type: none; font-size: 11px; background: url("Images/li_sidenav.gif") no-repeat 1px 8px; padding: 0 11px; }
#portal1 dl
{ margin: 0 0 1.2em 0; font-size: 11px; }
#portal1 dt
{ font-weight: bold;}
#portal1 dd
{ margin: 0 0 0 0; line-height: 1.6em; padding-bottom:0px }
#portal1 dd a
{ display: block; }
	

/* Portal2 */
#portal2
{}
#portal2 table
{text-align: left; border: solid 5px #ffffff}
#portal2 th
{ vertical-align: middle; width:50%; height:30px; background: #17446a; margin: 0 0 .5em 0; border-bottom: 1px solid white; color: #fff; font-size: 12px; border-right: solid 5px #ffffff; padding-left:10px; }
#portal2 th li
{list-style-type: none; font-size: 12px; color: #fff; margin: 0; background: url("Images/li_portals.gif") no-repeat 9px 11px; padding: 5px 5px 5px 5px; }
#portal2 td
{background-color: #F5F5F5; height:100%; border-right: solid 5px  #FFFFFF ;}
#portal2 td ul
{ margin: 0 0 0 17px; padding: 0; list-style-type: none; }
#portal2 td li
{ list-style-type: none; font-size: 11px; background: url("Images/li_sidenav.gif") no-repeat 1px 8px; padding: 0 11px; }
#portal2 dl
{ margin: 0 0 1.2em 0; font-size: 11px; }
#portal2 dt
{ font-weight: bold;}
#portal2 dd
{ margin: 0 0 0 0; line-height: 1.6em; padding-bottom:0px }
#portal2 dd a
{ display: block; }


/* Sidenav */
#sidenav
{}
#sidenav th
{ font-size: 12px; color: #002c53; margin: 0 0 0 7px; background: #fff url("Images/sidenav_sep.gif") repeat-x bottom left; padding: 4px 11px 7px 11px;}
#sidenav th a
{color: #002c53; display: block; font-size: 12px; text-decoration: none;}
#sidenav td
{ padding: 0 0 1px 0; background: url("Images/sidenav_sep.gif") repeat-x bottom left; }
#sidenav td div.child0
{  color: #0066CC; display: block; font-size: 11px; text-decoration: none; padding: 7px 10px; line-height: 1.6em; background-position:0px 15px;}
#sidenav td div.child1
{  color: #0066CC; display: block; font-size: 11px; text-decoration: none; padding: 7px 20px; line-height: 1.6em; background-position:10px 15px;}
#sidenav td div.child2
{  color: #0066CC; display: block; font-size: 11px; text-decoration: none; padding: 7px 30px; line-height: 1.6em; background-position:20px 15px;}
#sidenav td div.child3
{  color: #0066CC; display: block; font-size: 11px; text-decoration: none; padding: 7px 40px; line-height: 1.6em; background-position:30px 15px;}
#sidenav td div.child4
{  color: #0066CC; display: block; font-size: 11px; text-decoration: none; padding: 7px 50px; line-height: 1.6em; background-position:40px 15px;}
#sidenav td div.child5
{  color: #0066CC; display: block; font-size: 11px; text-decoration: none; padding: 7px 60px; line-height: 1.6em; background-position:50px 15px;}

#sidenav td .parent
{ background-image: url("Images/li_sidenav_plus.gif"); background-repeat:no-repeat}
#sidenav td .activeparent
{background-image: url("Images/li_sidenav.gif"); background-repeat:no-repeat; }



/* Content */
#content
{text-align: left; margin-left: 40px;}
#contenthdr
{
	border-right: #d9d9d9 3px solid;
	border-top: #d9d9d9 3px solid;
	display: block;
	float: left;
	position:relative;
	visibility: visible;
	margin: 6px 10px 10px 0px;
	border-left: #d9d9d9 3px solid;
	border-bottom: #d9d9d9 3px solid;
}
/*
#contentintro
{
	margin-top: 7px;
	display: block;
}
*/
#contentintro dt
{   
	font: 12px "Trebuchet MS" , Arial, Verdana, Lucida, sans-serif;
	color: #012b5a;
	font-weight: bold; 
	clear:none;
	margin: 0 0 10px 10px; padding-top: 4px;	
	position:relative;
 }
#contentintro dd
{
	clear: none;
	margin: 0px 0px 10px 10px;
	font: 12px "Trebuchet MS" , Arial, Verdana, Lucida, sans-serif;
	color: #012b5a;
	position:relative;
}

/* Portals */
#portals
{ font-size: 11px; }
#portals h3
{ font-size: 12px; color: #fff; margin: 0; padding: 5px 14px 4px 10px; }
#portals th
{ background-color: #17446a; }
#portals td.col1
{ width: 33%; padding: 10px; }
#portals td.col2
{ width: 33%; padding: 10px; }
#portals td.col3
{ width: 33%; padding: 10px; }
#portals th.spacer
{ width: 4px; background-color: #fff; }
#portals td.spacer
{ width: 4px; background-color: #fff; }



#CMILISTCONTENT
{ font-size:12px}

table.CMILISTTABLE, #portal1 th.CMILISTTABLE
{ font-size:11px; color:#333333; vertical-align:middle }
th.CMILISTTABLE, #portal1 th.CMILISTTABLE
{ 
	font-size:12px; 
	color:#333333; 
	vertical-align:middle; 
	background-color:transparent !important;
	height:auto;
	padding:0;
	margin:0;
}

table.CMILISTTABLE td
{
	padding-bottom:5px;
}

table.houseprices, #portal1 table.houseprices
{
	border:none;
	padding:0;
	margin:0;
	
}
table.houseprices th, #portal1 table.houseprices th, div.FreddieMacRSS table th, #portal1 div.FreddieMacRSS table th 
{
	background-color:#e5e5e5;
	color:#333;
	font-weight:bold;
	border:none;
	border-bottom:double 3px black;
	padding:3px;

}
table.houseprices td, #portal1 table.houseprices td, div.FreddieMacRSS table td, #portal1 div.FreddieMacRSS table td
{
	border:none;
	padding-left:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

/* -- [ Re-Defined Tags ] --------------------------------------------*/
/* Default Links */
a
{ color: #0066cc; text-decoration: none; }
a:hover
{ color: #7FB2E5; text-decoration: none; }

a.blue
{ color: #0066cc; text-decoration: none; }
a.blue:hover
{ color: #7FB2E5; text-decoration: none; }

a.red
{ color: #cc0000; text-decoration: none; }
a.red:hover
{ color: #e57f7f; text-decoration: none; }

a.green
{ color: #006c00; text-decoration: none; }
a.green:hover
{ color: #82b982; text-decoration: none; }

a.yellow
{ color: #c68f00; text-decoration: none; }
a.yellow:hover
{ color: #f4d277; text-decoration: none; }

a.purple
{ color: #830083; text-decoration: none; }
a.purple:hover
{ color: #e57fe5; text-decoration: none; }


.more span
{ background: url("Images/li_more.gif") no-repeat 1px 5px; padding-left: 12px; }


/* Universal Table Styles */
table
{ font-size:11px; padding:0; margin:0; table-layout: auto; empty-cells: show; border-collapse: collapse} 
tr, td, th
{ vertical-align: top; text-align:left; }

/* Default Tags */
body
{font-size: 11px;}

p
{ margin: 0 0 1.2em 0; line-height: 1.6em; font-size: 11px; float: none; }
img
{ border: 0; }

/* Headers/Titles */
h2, h3, h4,.fontheader2,.fontheader4
{ font-weight: bold; font-family: "Trebuchet MS", Arial, Verdana, Lucida, sans-serif; }
h1
{ background: url("Images/fhfb_logo.jpg") no-repeat; width: 560px; text-indent:-9999px; margin: .7em 0 0 0; float: left; font-size: 4px; }
h1 a
{ height: 78px; display: block; text-decoration:none;  }
h1 a:hover
{ background: transparent; } 
h2,.fontheader2
{ font-size: 15px; color: #002c53; border-bottom: 1px solid #d7d7d7; margin: 0 0 .5em 0; padding-bottom: .2em; clear: left; display:block; }

.fontheader4
{ font-size: 15px; color: #002c53; margin: 0 0 0 0; padding-bottom: 5px; clear: left; display:block; }



/* Forms */
form
{ margin: 0; padding: 0; }
input, select, textarea
{ font: 11px verdana, arial, helvetica, sans-serif; color: #000; }
select
{ }

/* -- [ Footer ] --------------------------------------------*/
#footer table
{ background-color: #CCC; width: 100%; vertical-align:middle}
#footer a
{ color: #00428C; font-size: 10px; text-decoration: none }
#footer a:hover
{ color: #7f7f7f; }

#footer .footerleft
{ padding-left:5px; background:url(images/footer_bg_left.jpg) transparent no-repeat left bottom; vertical-align:top; height:25px; width:33%}

#footer .footerright
{background:url(images/footer_bg_right.jpg) transparent no-repeat right bottom; vertical-align:top; height:25px; text-align:right; width:33%}

/* Misc */
.clear
{ clear: both; margin: 0; padding: 0; height: 1px; text-indent:-9999px; overflow: hidden;  }
#printerlogo
{ display: none; }
#skipnav
{ display: none; }


/* Font Tags */
.fontnormal
{font-family: verdana, arial, helvetica, sans-serif; color: #333; font-size:11px}

.fontbold
{font-weight: bold}

.fontitalic
{font-style:italic}

.fontlarge
{font-size:12px}

.fontheader1
{font-weight: bold; font-family: "Trebuchet MS", Arial, Verdana, Lucida, sans-serif; font-size:12px; display:block;}

.fontheader3
{ font-size: 12px; color: #fff; margin: 0; background: #17446a; padding: 5px 14px 4px 10px; display:block; }

.fontintrohdr
{ font: 12px "Trebuchet MS", Arial, Verdana, Lucida, sans-serif; color: #012B5A;margin-top: 7px; font-weight: bold; margin: 0 0 .1em 10px; padding-top: 4px;}

.fontintrobody
{ font: 12px "Trebuchet MS", Arial, Verdana, Lucida, sans-serif; color: #012B5A;margin: 7px 0 0 10px; line-height: 1.3em; }

.fontsmall
{font-size:10px}



div.HPI table th
{
	background-color:#e5e5e5;
	color:#333;
	font-weight:bold;
	border:none;
	border-bottom:double 3px black;
	padding:3px;

}
div.HPI table td
{
	border:none;
	padding-left:5px;
	padding-bottom:5px;
	vertical-align:middle;
}