
div#header {
	margin-bottom: 12px;
}

div#header div#mainnav {
	width: 958px;
	height: 102px;
	background: url(https://www.citimortgage.com/Mortgage/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,.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,.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;}
.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*/

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(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat 4px 0;
	width: 63px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#home a:hover{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat 4px -24px;
}
body.home div#header div#mainnav ul#mainnav li#home a{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat 4px -48px;
}



div#header div#mainnav ul#mainnav li#buying a{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -64px 0px;
	width: 132px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#buying a:hover{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -64px -24px;
}
body.buy div#header div#mainnav ul#mainnav li#buying a{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -64px -48px;
}




div#header div#mainnav ul#mainnav li#refinancing a{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -196px 0px;
	width: 163px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#refinancing a:hover{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -196px -24px;
}
body.refi div#header div#mainnav ul#mainnav li#refinancing a{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -196px -48px;
}

div#header div#mainnav ul#mainnav li#appl a{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -359px 0px;
	width: 71px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#appl a:hover{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -359px -24px;
}
body.apply div#header div#mainnav ul#mainnav li#appl a{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -359px -48px;
}


div#header div#mainnav ul#mainnav li#homeownerassistance a{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -430px 0px;
	width: 188px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#homeownerassistance a:hover{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -430px -24px;
}
body.assist div#header div#mainnav ul#mainnav li#homeownerassistance a{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -430px -48px;
}



div#header div#mainnav ul#mainnav li#help a{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -618px 0px;
	width: 64px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#help a:hover{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -618px -24px;
}
body.help div#header div#mainnav ul#mainnav li#help a{
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/mainNav.gif) no-repeat -618px -48px;
}

ul#corpinfo {
	float: right;
	margin: 18px 20px 12px 0;
	_margin: 18px 10px 12px 0;
	padding:0
}
ul#corpinfo li {
	margin: 0;
	padding: 0 5px 0 1px;
}

h1#header {
	background: url(https://www.citimortgage.com/Mortgage/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;
}

h2#header {
	background: url(https://www.citimortgage.com/Mortgage/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#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: 3px 5px 3px 13px;
	margin: 0 0 0 12px;
	color: #76B900;
}
div#header a#h_signin {
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/h_signin.gif) no-repeat top left;
}
div#header a#h_signout {
	background: url(https://www.citimortgage.com/Mortgage/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(https://www.citimortgage.com/Mortgage/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(/Common/Images/equalHousing.gif) no-repeat 0 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 949px;
	padding-top: 8px;
	padding-bottom: 7px;
	margin-bottom: 8px;	
}
div#footer{
border-top: 0px solid #CCCCCC;
}
div#footer div#bottom {
	background: url(https://www.citimortgage.com/Mortgage/img/headerFooter/f_CitiLogo.gif) no-repeat 0 0;
	width: 949px;
	height: 19px;
}
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 36px;
}
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;
}