
html, body {
margin:0;
padding:0;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #f1f4f9;
color: #333333;
} 

img { border:0px; }
p { line-height: 1.5em; color: #333333; }
h1 {font-size: 18px; font-name: Verdana, Arial, Helvetica; text-align:left;}
h2 { font-size:16px; font-name: Verdana, Arial, Helvetica; }
a.headerLink { color: #fff; text-decoration: none; }
a.headerLink:hover { color: #fff; text-decoration: none; }
a.headerLink:visited { color: #fff; text-decoration: none; }

a.blacklink:hover { color:#000; text-decoration:underline; }
a.blacklink:visited:hover { color:#000; text-decoration:underline; }

a.whitelink { color: #fff; text-decoration: none; }
a.whitelink:hover { color:#fff; text-decoration:underline; }
a.whitelink:visited:hover { color:#fff; text-decoration:underline; }

#left a:link {color:#000; text-decoration: none;}
#left a:visited {color:#000; text-decoration: none;}
#left a:hover {color:#0000ff; text-decoration: underline;}

.subHeader {font-size: 14px; font-weight: bold; font-name: Verdana, Arial, Helvetica; }
.eMail { color: #0000FF; text-decoration: underline; cursor:pointer; }

#container {

padding:0 10px;
width:902px;
margin:0 auto;
text-align:left;
background: #fff url(../../../../idc/fragments/frag_mhfa_header/images/container-bg.jpg) repeat-y;
position: relative;
}

#head {
height:146px;
padding:0;margin:0;
text-align:center;
background:#fff url(../../../../idc/fragments/frag_mhfa_header/images/header.jpg) no-repeat; 
position:relative;
border-bottom:2px solid #104b7d;
}

#head #logo { position: absolute; top:0px; left:0px; }

#head #search { 
	position: absolute; 
	top:0px; right:0px; left:8px;
	background: #fff url(../../../../idc/fragments/frag_mhfa_header/images/search-bg.gif) no-repeat top right; 
	height:25px;
	border:2px solid #ff0000;
	width:400px;
	}

#head #searchArea { 
	position: absolute;
	top:0px;
	right:0px; left:8px;
}
	
.searchForm { 
	border:1px solid #333333; 
	color: #000; 
	width:100px;
                  left: 20px; 
	height:15px; 
	font-size:1em;
	margin:0 0 8px 0; padding:1px;
	}

#head #topMenu {
	position: absolute;
	top:7px;
	right: 200px;
}

#head #topMenu a { color: #FFF; text-decoration: none; }
#head #topMenu a:hover { color: #FFF; text-decoration: underline; }
#head #topMenu a:visited { color: #FFF; }

/*
#pictures {
height:118px;
padding:0; margin:0;
text-align:center;
background: #fff url(../../../../idc/fragments/frag_mhfa_header/images/pictureRow.jpg) no-repeat; 

}
*/

#pictures {
height:114px;
padding:0; margin:0;
text-align:center;
background-repeat: no-repeat;
}

.printerFriendly {
	border:1px solid #CCCCCC;
	background-color: #F4F4F4;
	padding:5px;
	width:180px;
}

#navigation {
background: #fff url(../../../../idc/fragments/frag_mhfa_header/images/navigation-bg.jpg) repeat-x top left;

padding:0; 
margin:0;
text-align:left;
width:902px;
height:61px;}



#left {
padding:5px;
width:200px;
float:left;
margin:5px;
margin-left:0;
background-color: #ebeaef;
font-size:11px;
float: left;
}

#navigation div{ 
color:#fff; 
font-size:90%;
}

#left h2, #right h2 { background-color: #000000; color:#fff; padding:2px 4px; font-size:13px; }

#center {
padding:5px;
width:456px;
float:left;
margin:5px 0 5px 0;
text-align: left;
}

#center ul {
	list-style-type: disc;
	list-style-position: outside;
	}


#center ul li {
	list-style: disc;
	line-height:20px;
	margin-left:20px;
	padding-left:5px;
}

#right {
padding:5px;
width:200px;
float:right;
margin:5px;
margin-right:0;
}

#foot {
margin:10px 0 0 0;
clear:both;
padding:5px 0 10px 0;
height:40px;
text-align:center;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background-color: #FBFBF7;
}

#foot p {margin:5px 0;}
#foot a:link {color:#174a7c;}
#foot a:visited: {color: #174a7c; }
#foot a:hover {color: #0000ff; }
ul.invs {
list-style:none;
margin:0;
padding:0;
}


/**** Custom Code *****/

ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
width:100%;
margin:0; padding:0;
}

.menu { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color: #F9F9F9; }

#menu .menuHeader {
cursor: pointer;
padding:3px 0 3px 0px;
background-repeat: no-repeat;
background-position:3px 5px ;
color: #000;
font-weight: bold;
}

#menu li {
text-align: left;
color: #000;
padding:3px 0 3px 0;
background-color: #F9F9F9;
}

#menu li a {
color: #333333;
text-decoration: none;
height: 100%;
padding:3px;


}

#menu li.first { }

#menu li a.first {
/* border-top:1px solid #cccccc; */
}

#menu li a:hover, #menu dt a:hover {
/* background: #F7F7F7; */
color: #0000ff; text-decoration: underline;
}

#menu .subHeader { 
cursor: pointer;
padding:8px 0 3px 0;
margin:0;
color: #000;
font-weight: bold;
background-color: #F9F9F9;
font-size:11px;
}

#menu .subHeader li a { margin:0; padding:0; }

#menu .subMenu {
margin:0; padding:0;
background-color: #F9F9F9;
}

#menu .subMenu ul li { margin:2px; padding:3px 0; border-bottom:1px solid #CCCCCC;}
#menu .subMenu ul li a { margin:0; padding:0;}

/*** extra classes ***/
.rateBox {margin:0; padding:0; }
.rateBox h2 { margin:0 0 10px 0; padding:0; }
.rateBox .interestRates { color: #000000; font-size:22px; font-weight: bold; text-align:center; }
.rateBox .interestRatesDesc { color: #000; text-align:center; font-weight:bold; border-bottom:1px solid #fff; padding-bottom:5px; }
.rateBox .interestRatesDesc a:link { color: #000; text-decoration:none; }
.rateBox .interestRatesDesc a:visited { color: #000; text-decoration:none;}
.rateBox .interestRatesDesc a:hover { color: #0000ff; text-decoration:underline; }

#quickLinks { 
	text-align: left; 
	margin:15px 0;
	padding-left:10px;
	
	}
#quickLinks ul li { border-bottom:1px solid #fff;padding:3px 0; font-weight: bold; }
#quickLinks ul li a:link { text-decoration: none; color: #000000; }
#quickLinks ul li a:visited { text-decoration: none; color: #000000; }
#quickLinks ul li a:hover { text-decoration: none; color: #000000; }

.sectionNavigation {
	background-color: #f7f7f7;	
	border: 1px solid #dddddd;
	padding:0;margin:0;
	font-size:11px;
}

.sectionNavigation h3 {
	margin:0; padding:0;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	padding:3px;
	
}

.navLink { display:block; padding:4px 3px; border-bottom:1px solid #ddd;}

.sectionNavigation a:link { color:#333; text-decoration:none; }
.sectionNavigation a:visited { color:#333; text-decoration:none; }
.sectionNavigation a:hover { color:#000; text-decoration:none; background-color: #fff; }

/* TWISTYPAGE */
/* N.Olmsted 10/01/2007 Added for Twisty child layout page */
#TWISTYPAGE {}
#TWISTYPAGE td.titlearrow {width:15px; height:9px; vertical-align:middle; line-height:15px; padding:10px 0px 10px 4px; border:0px solid #999999;}
#TWISTYPAGE td.title {width:480px; vertical-align:middle; color: #000; text-decoration:none; line-height:15px; font-size:11px; font-weight:bold; padding:10px 20px 10px 0px;}
#TWISTYPAGE td.title a:link { color:#333; text-decoration:none; }
#TWISTYPAGE td.title a:visited { color:#333; text-decoration:none; }
#TWISTYPAGE td.title a:hover { color:#000; text-decoration:none; background-color: #fff; }
#TWISTYPAGE td.text {color:#000; font-size:11px; padding:0px 20px 0px 20px;}

#TWISTYPAGE ul.list {list-style:none; padding:0px 10px 0px 5px; margin:10px 0px 10px 15px; font-size:12px;}
#TWISTYPAGE li.listitem {}
#TWISTYPAGE li.listitem a {}

.grey { background-color: #F5F5F5; }
.nongrey { background-color:#ffffff; }
.lenderInfo { background-color: #ebebeb; padding:3px; border-bottom:1px solid #fff; text-align:right; }

.partnersEvent {
	background-color: #FBFBFB;
	border:1px solid #CECECE;
	padding:5px;
}

.tracking_pixel {
display:none;
visibility:hidden;
}

.hotbox {
	background:transparent url(../../../../idc/fragments/frag_mhfa_header/images/announcement-background.jpg) repeat-x;
	color:#fff;
	margin:0; padding:5px 5px 15px 5px;
	border:1px solid #000;
}
.hotbox p { color:#fff; margin:5px 0; }
.hotbox a { color:#fff; margin:0; padding:0; }
.hotbox a:visited { color: #fff; }
.hotbox ul { margin:0; padding:0; }
.hotbox ul li { padding:0; margin: 0 0 5px 0; }
.hotbox h3 { background:transparent url(../../../../idc/fragments/frag_mhfa_header/images/recycle.gif) no-repeat 0px 3px; color:#fff; font-size:11px; margin:0 0 10px 0; padding:0 0 0 23px; } 

.test { display:none; }
.transparent { display:none; }
