
div#header {
	margin-bottom: 12px;
}

div#header div#mainnav {
	width: 958px;
	height: 102px;
	background: url(../img/headerFooter/mainNav_bkg.gif) no-repeat top left;
	clear: both;
	position:relative;
	
}
div#header div#mainnav ul#mainnav{
	width: auto;
	height: 31px;
	margin-left: 9px;
	padding-top: 65px;
}

/*Start of Main Navigation Styles*/
ul#mainNavigation{margin:65px 0 0 4px;padding:0;overflow:hidden;position:absolute;}
ul#mainNavigation li{margin:0 5px 0 0;padding:0;list-style:none;float:left;font-size:13px;}
ul#mainNavigation a{display:block;}
ul#mainNavigation li a{text-decoration:none;margin:2px 0 0 0;}
ul#mainNavigation li a:hover span,ul#mainNavigation li a:hover{color:#390;}
ul#mainNavigation li a span{cursor:pointer;display:inline-block;height:29px;line-height:29px;padding:0 15px 0 15px;font-weight:bold;color:#39c;font-size:13px;}
ul#mainNavigation li.first a span{padding:0 15px 0 20px;font-size:13px;font-weight:bold;}
.help ul#mainNavigation li#help a,.assist ul#mainNavigation li#homeownerassistance a,.ratesNav ul#mainNavigation li#rats a,.apply ul#mainNavigation li#appl a,.buy ul#mainNavigation li#buying a,.refi ul#mainNavigation li#refinancing a,.home ul#mainNavigation li#home a{background:url('../images/bgNavRight.png') 100% 100% no-repeat;}
.help ul#mainNavigation li#help a span,.assist ul#mainNavigation li#homeownerassistance a span,.ratesNav ul#mainNavigation li#rats a span,.apply ul#mainNavigation li#appl a span,.buy ul#mainNavigation li#buying a span,.refi ul#mainNavigation li#refinancing a span{background:url('../images/bgNavLeft.png') 0 100% no-repeat;margin:0;color:#f00;font-size:13px;font-weight:bold;}
.helpfee ul#mainNavigation li#help a,.assist ul#mainNavigation li#homeownerassistance a,.ratesNav ul#mainNavigation li#rats a,.apply ul#mainNavigation li#appl a,.buy ul#mainNavigation li#buying a,.refi ul#mainNavigation li#refinancing a,.home ul#mainNavigation li#home a{background:url('../images/bgNavRight.png') 100% 100% no-repeat;}
.helpfee ul#mainNavigation li#help a span,.assist ul#mainNavigation li#homeownerassistance a span,.ratesNav ul#mainNavigation li#rats a span,.apply ul#mainNavigation li#appl a span,.buy ul#mainNavigation li#buying a span,.refi ul#mainNavigation li#refinancing a span{background: 0 100% no-repeat;margin:0;color:#f00;font-size:13px;font-weight:bold;}

.home ul#mainNavigation li#home a span{background:none;margin:0;color:#f00;font-size:13px;font-weight:bold;}
.help div#header{margin-bottom:0;}


/*End of Main Navigation Styles*/

/*Start of Main Navigation1 Styles*/
ul#mainNavigation1{margin:39px 0 0 4px;padding:0;overflow:hidden;position:absolute;}
ul#mainNavigation1 li{margin:0 5px 0 0;padding:0;list-style:none;float:left;font-size:13px;}
ul#mainNavigation1 a{display:block;}
ul#mainNavigation1 li a{text-decoration:none;margin:2px 0 0 0;}
ul#mainNavigation1 li a:hover span,ul#mainNavigation1 li a:hover{color:#390;}
ul#mainNavigation1 li a span{cursor:pointer;display:inline-block;height:29px;line-height:29px;padding:0 15px 0 15px;font-weight:bold;color:#39c;font-size:13px;}
ul#mainNavigation1 li.first a span{padding:0 15px 0 20px;font-size:13px;font-weight:bold;}
.help ul#mainNavigation1 li#help a,.assist ul#mainNavigation1 li#homeownerassistance a,.ratesNav ul#mainNavigation li#rats a,.apply ul#mainNavigation1 li#appl a,.buy ul#mainNavigation1 li#buying a,.refi ul#mainNavigation1 li#refinancing a,.home ul#mainNavigation1 li#home a{background:url('../images/bgNavRight.png') 100% 100% no-repeat;}
.help ul#mainNavigation1 li#help a span,.assist ul#mainNavigation1 li#homeownerassistance a span,.ratesNav ul#mainNavigation li#rats a span,.apply ul#mainNavigation1 li#appl a span,.buy ul#mainNavigation1 li#buying a span,.refi ul#mainNavigation1 li#refinancing a span{background:url('../images/bgNavLeft.png') 0 100% no-repeat;margin:0;color:#f00;font-size:13px;font-weight:bold;}
.home ul#mainNavigation1 li#home a span{background:none;margin:0;color:#f00;font-size:13px;font-weight:bold;}
.help div#header{margin-bottom:0;}
/*End of Main Navigation1 Styles*/

div#header div#mainnav ul#mainnav li,
div#header div#mainnav ul#mainnav li a {
	float: left;
}

div#header div#mainnav ul#mainnav li#home a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat 4px 0;
	width: 63px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#home a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat 4px -24px;
}
body.home div#header div#mainnav ul#mainnav li#home a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat 4px -48px;
}



div#header div#mainnav ul#mainnav li#buying a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -64px 0px;
	width: 132px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#buying a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -64px -24px;
}
body.buy div#header div#mainnav ul#mainnav li#buying a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -64px -48px;
}




div#header div#mainnav ul#mainnav li#refinancing a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -196px 0px;
	width: 163px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#refinancing a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -196px -24px;
}
body.refi div#header div#mainnav ul#mainnav li#refinancing a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -196px -48px;
}

div#header div#mainnav ul#mainnav li#appl a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -359px 0px;
	width: 71px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#appl a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -359px -24px;
}
body.apply div#header div#mainnav ul#mainnav li#appl a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -359px -48px;
}

div#header div#mainnav ul#mainnav li#homeownerassistance a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -430px 0px;
	width: 188px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#homeownerassistance a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -430px -24px;
}
body.assist div#header div#mainnav ul#mainnav li#homeownerassistance a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -430px -48px;
}



div#header div#mainnav ul#mainnav li#help a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -618px 0px;
	width: 64px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#help a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -618px -24px;
}
body.help div#header div#mainnav ul#mainnav li#help a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -618px -48px;
}

ul#corpinfo {
	float: right;
	margin: 18px 20px 12px 0;
	_margin: 18px 10px 12px 0;
	padding:0;
	/*width:193px;*/
}
ul#corpinfo li {
	margin: 0;
	padding: 0 5px 0 1px;
	white-space:nowrap;
}

h1#header {
	background: url(../images/citilogo-r.gif) no-repeat top left;
	width: 214px;
	height: 44px;
	position: absolute;
	top: 86px;
	left: 36px;
	z-index: 1000;
	margin:0;
	padding:0;
}
h1#header a{
	width: 75px;
	height: 44px;
}
h1#headerNoTag {
    background: url("../img/headerFooter/logo_citi.gif") no-repeat scroll left top transparent;
    height: 44px;
    left: 36px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 86px;
    width: 80px;
    z-index: 1000;
}
h1#headerNoTag a{
	width: 75px;
	height: 44px;
}
h2#header {
	background: url(../img/headerFooter/logo_citimortgage.gif) no-repeat top left;
	width: 125px;
	height: 21px;
	position: absolute;
	top: 45px;
	left: 20px;
	z-index: 2000;
	margin:0;
	padding:0;
}
h2#header a{
	width: 125px;
	height: 21px;
}
div#phoneSign {
	clear: both;
	float: right;
	
}
div#phoneSign address {
	margin: 3px 0 0 0;
	padding: 0;
}

div#phoneSign1 {
	clear: both;
	float: right;
	
}
div#phoneSign1 address {
	margin: 3px 0 0 0;
	padding: 0;
}

div#header a#h_signin,
div#header a#h_signout,
address {
	display: block;
	float: left;
}
div#header address {
 	padding: 3px 25px 3px 13px;
	margin: 0 0 0 12px;
	width: auto;
	height: 22px;
}
div#header a#h_signin,
div#header a#h_signout {
	width: 252px;
	height: 22px;
	padding: 1px 5px 3px 13px;
	margin: 0 0 0 12px;
	color: #76B900;
}
div#header a#h_signin {
	background: url(../img/headerFooter/h_signin.gif) no-repeat top left;
}
div#header a#h_signout {
	background: url(../img/headerFooter/h_signout.gif) no-repeat top left;
}

div#header ul#subnav {
	margin:5px 0 0 23px;
	padding:0;
}
div#header ul#subnav li {
	margin-right: 15px;
	padding:0;
}
body.subNavItem1 div#header ul#subnav li#subNavItem1 a,
body.subNavItem2 div#header ul#subnav li#subNavItem2 a,
body.subNavItem3 div#header ul#subnav li#subNavItem3 a,
body.subNavItem4 div#header ul#subnav li#subNavItem4 a,
body.subNavItem5 div#header ul#subnav li#subNavItem5 a,
body.subNavItem6 div#header ul#subnav li#subNavItem6 a,
body.subNavItem7 div#header ul#subnav li#subNavItem7 a{
	color: #FF060E;
	text-decoration: none;
}


div#header div#mainnav p#customername {
	font-size: 1.2em;
	color: #666;
}
div#header div#mainnav p span{
	color: #3399CC
}
div#header div#mainnav p {
	padding-left: 20px;
	margin-top: 69px;
	display: block;
	float: left;
}
div#header div#mainnav p#viewprofile,
div#header div#mainnav p#secure {
	margin-top: 70px;

}
div#header div#mainnav p#secure {
	background: url(../img/headerFooter/servicingprofilelock.gif) no-repeat top left;
	float: right;
	padding-right: 20px;
}


div#footer {
	margin: 0 0 10px 3px;
	padding-top: 20px;
	padding-bottom: 40px;
	clear: both;
	font-size:12px;
}
div#footer div#top {
	background: url(../img/headerFooter/fheo50_resize.jpg) no-repeat 0 14px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 949px;
	padding-top: 8px;
	padding-bottom: 7px;
	margin-bottom: 8px;
	float:left;	
}
div#footer{
border-top: 0px solid #CCCCCC;
}
div#footer div#bottom {
	background: url(../img/headerFooter/f_CitiLogo.gif) no-repeat 0 0;
	width: 949px;
	height: 19px;
	float:left;
}
div#footer div p#citiGroupLink{
	float: left;
	margin: 0;
	padding: 3px 0 0 34px;
}

div#footer div p#equalHousing {
	float: left;
	margin: 0;
	padding: 0 0 0 34px;
	text-align:left;
}

div#footer div p#equalHousingfees
{
margin: 0;
	padding: 0 0 0 34px;
	text-align:left;
}
div#footer p#allCalls {
	margin: 5px 0 0 0;
	padding: 0;
}
div#footer p#copyright {
	float: right;
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
}
div#footer ul {
	text-align: right;

}

div#footer ul li {
	padding-left: 6px;
}
.headerFont{
font-size:12px;
}
/* phase 9 changes */

div#header{
 margin-bottom:0px;
}

.help .glos div#header{
 margin-bottom:0px;
}
div#footer{
padding-bottom: 45px;
padding-top:40px;
}

h2 {
color:#000066;
font-size:17px;
margin:8px 0px; 
}
div#phoneSign {
padding-bottom:0px;
}
h1#header {
	top: 78px;
}

h2#header {
	top: 35px;
}
h1#homeheader {
	background: url(../images/citilogo-r.gif) no-repeat top left;
	width: 214px;
	height: 44px;
	position: absolute;
	top: 78px;
	z-index: 1000;
	margin:0 0 0 19px;
	padding:0;
	}
h2#homeheader {
	background: url(../img/headerFooter/logo_citimortgage.gif) no-repeat top left;
	width: 125px;
	height: 21px;
	position: absolute;
	top: 35px;
	z-index: 2000;
	margin:0 0 0 3px;
	padding:0;
}

h2#homeheader1 {
	background: url(../img/headerFooter/logo_citimortgage.gif) no-repeat top left;
	width: 125px;
	height: 21px;
	position: absolute;
	top: 35px;
	z-index: 2000;
	margin:0 0 0 3px;
	padding:0;
}

ul#corpinfo {
	float: right;
	margin: 8px 20px 8px 0;
	_margin: 8px 10px 8px 0;
	padding:0
}
div#phoneSign {
margin-bottom:2px;
padding-bottom:0;
}

div#footer{
padding-top:35px;
}


ul#corpinfo{
margin-top:14px;
}

h1#homeheader{
top:86px;
}

h1#header{
top:85px;
}

div#footer div#top{
margin-bottom: 11px;
}
h2#logoHeader {
	background: url(../img/headerFooter/logo_citimortgage.gif) no-repeat top left;
	width: 125px;
	height: 21px;
	position: absolute;
	top: 35px;
	z-index: 2000;
	margin:0 0 0 3px;
	padding:0;
}

h1#header,
h2#header {
z-index:2 !important;  
} 


