/* CSS Document */

* 
{    
margin: 0;  
}  

html
{    
height: 100%;  
}  

body
{
margin:0;
padding:0;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

h1
{
color:#0e456f;
font-size:24px;
font-weight:normal;
margin:0px;
padding:0px;
padding-bottom:10px
}

h2
{
color:#a81241;
font-size:20px;
font-weight:normal;
margin:0px;
padding:0px;
padding-bottom:10px
}


h3
{
color:#0e456f;
font-size:15px;
font-weight:normal;
margin:0px;
padding:0px;
padding-bottom:10px;
padding-top:10px
}


h4
{
color:#a81241;
font-size:14px;
padding-bottom:10px;
padding-top:10px
}

A:link 
{ 		
color: #0076a3; 
font-weight:bold;
text-decoration: none
}
				
A:active 
{ 		
color: #0076a3; 
font-weight:bold;
text-decoration:underline
}

A:visited
{ 		
color: #0076a3; 
font-weight:bold;
text-decoration:none
}
				
A:hover
{ 		
color: #a81241; 
font-weight:bold;
text-decoration:underline
}

.wrapper 
{    
min-height: 100%;    
height: auto !important;    
height: 100%;    
margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */  }  

.push 
{    
height: 55px; /* .push must be the same height as .footer */  
}

.footer
{
border-top:2px solid #0076a3;
background:url(../Images/Footer.jpg);  
height: 55px; /* .push must be the same height as .footer */  
}

.footerContent
{
margin:0 auto;
width:950px;
padding:5px;
padding-bottom:0px;
color:#FFFFFF;
text-align:center; 
font-size:10px
}

A:link.footerlink
{
color:#FFFFFF;
padding-left:5px;
padding-right:5px;
font-weight:bold;
text-decoration:none;
}
				
A:active.footerlink
{
color:#FFFFFF;
padding-left:5px;
padding-right:5px;
font-weight:bold;
text-decoration:none;
}

A:visited.footerlink
{
color:#FFFFFF;
padding-left:5px;
padding-right:5px;
font-weight:bold;
text-decoration:none;
}
				
A:hover.footerlink
{
color:#d8ebf1;
padding-left:5px;
padding-right:5px;
}

.header
{
background:#ffffff
}

.logo
{
padding:5px;
padding-left:10px;
padding-top:8px
}

.menu 
{			
z-index:100; 
background:url(../Images/MenuItem.jpg);
height:30px;
min-width:950px
			
}
				
* html .menu { 	margin-left:0px; 
				height:1%; 
				padding-left:0px}
				
.menu ul {		padding:0;
				margin:0;
				list-style-type:none;}
				
.menu ul ul {	width: auto;}

.menu li {		float:left;
				width: auto;
				position:relative;}
				
.menu a, .menu a:visited 
{	
	padding:5px;
	padding-top: 8px;
	padding-bottom:5px;
	display:block;
	text-decoration:none; 
	width:auto; 
	background:url(../Images/BannerBG.jpg); 
	margin-left:20px; 
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold
}


.menu ul ul a.drop, .menu ul ul a.drop:visited {	background:#0076a3 }

.menu ul ul a.drop:hover	{background:#0076a3}

.menu ul ul :hover > a.drop {background:#0076a3}

.menu ul ul ul a, .menu ul ul ul a:visited {background:#d0076a3}

.menu ul ul ul a:hover {	background:#0076a3}

.menu ul ul {				visibility:hidden;
							position:absolute;
							top: auto;
							left: auto; 
							width:155px}

* html .menu ul ul {		top:30px;
							t\op:30px; 
							width: 140px; 
							w\idth:140px; 
							left:-145px}

.menu ul ul ul{				top:0px; 
							width:155px; 
							left:153px}
							
* html .menu ul ul ul{		top:-1px; 	
							width:155px; 
							w\idth:155px; 
							left: -19px}
							
* html .menu ul ul ul.one {	left:-6px}

* html .menu ul ul ul.two {	left:66px}

.menu table {				position:absolute; 
							top:0; 
							left:auto; 
							border-collapse:collapse}
							
.menu ul ul a, .menu ul ul a:visited {	padding: 5px; 
										font-size:12px;
										background:#dde9ef; 
										width:140px;
										border-left:#0e456f solid 1px;
										border-right:#0e456f solid 1px;
										border-bottom:#0e456f solid 1px;
										color:#0076a3}
										
* html .menu ul ul a {			width:155px;
								w\idth:155px}
								
* html .menu ul ul a:visited {	width:155px;
								w\idth:155px}
								
.menu a:hover 
{ 					
	padding:5px;
	padding-top: 8px;
	padding-bottom:5px;
	font-weight:bold; 
	font-size:13px;
	color:#d8ebf1;
	background:url(../Images/MenuItem.jpg)
}
								 
.menu ul ul a:hover{ 			padding: 5px;
								font-size:12px;
								font-weight:bold; 
								background:#dde9ef;  
								color:#ffffff;
								border-left:#0e456f solid 1px;
								border-right:#0e456f solid 1px;
								border-bottom:#0e456f solid 1px;
								width:140px}
								
								

* html .menu ul ul a:hover{ 			padding: 5px;
								font-size:12px;
								font-weight:bold; 
								background:#dde9ef; 
								color:#ffffff;
								border-left:#0e456f solid 1px;
								border-right:#0e456f solid 1px;
								border-bottom:#0e456f solid 1px;
								width:155px}
								
								
* html .menu :hover > a 
{ 					
	padding:5px;
	padding-top: 8px;
	padding-bottom:5px;
	font-weight:bold; 
	font-size:13px;
	color:#d8ebf1;
	background:url(../Images/MenuItem.jpg);
	width:155px
}
								
.menu ul ul :hover > a {		padding: 5px; 
								font-size:12px;
								font-weight:bold; 
								background:#dde9ef; 
								border-left:#0e456f solid 1px;
								border-right:#0e456f solid 1px;
								border-bottom:#0e456f solid 1px;
								width:140px; 
								color:#ffffff}
.menu ul ul :hover > a {		padding: 5px; 
								font-size:12px;
								font-weight:bold; 
								background:#dde9ef; 
								border-left:#0e456f solid 1px;
								border-right:#0e456f solid 1px;
								border-bottom:#0e456f solid 1px;
								width:140px; 
								color:#ffffff}

.menu ul li:hover ul,
.menu ul a:hover ul{			visibility:visible}

.menu ul :hover ul ul{			visibility:hidden}

.menu ul :hover ul :hover ul{ 	visibility:visible}u ul :hover ul ul{			visibility:hidden}

.menu ul :hover ul :hover ul{ 	visibility:visible}



.content
{
padding:10px;
min-width:950px
}

.right {		float:right; 
				width:250px; 
				background:#FFFFFF;
				margin-top:5px}
							
.centre {		margin-right:260px; 
				margin-left:0px; 
				background:#ffffff; 
				margin-top:5px}
		
.calculatorlabel
{
font-weight:bold; 
float:left; 
display:block; 
width:95px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
margin-top:3px
}

.calculatorbutton
{
width:90px; 
height:30px; 
cursor:pointer; 
font-weight:bold; 
background:url(/newhomepage/Images/Button.gif); 
color:#FFFFFF; 
border:none;
font-size:12px
}

:hover.calculatorbutton
{
color:#d8ebf1;
}

input.searchbutton
{	
width:90px; 
height:30px; 
cursor:pointer; 
font-weight:bold; 
background:url(/newhomepage/Images/Button.gif); 
color:#FFFFFF; 
border:none;
font-size:12px
}

:hover.searchbutton
{
color:#d8ebf1;
}

input.newapp 
{	
width:130px; 
height:30px; 
cursor:pointer; 
font-weight:bold; 
background:url(../Images/ButtonMed.gif); 
color:#FFFFFF; 
border:none;
font-size:12px
}

:hover.newapp 
{
color:#d8ebf1;
}

p 
{				
margin:0px; 
margin-bottom:10px
}

.downloadtitlebg
{
height:40px; 
background:url(/newhomepage/Images/LoanTitle.jpg);
}

.downloadtitle
{
font-size:20px; 
color:#ffffff; 
padding:10px
}

.downloadbottom
{
background:url(/newhomepage/Images/CalculatorBottom.jpg); 
height:10px; 
width:250px
}
/* hide from MacIE \*/
* html .downloadbottom {font-size:0px } 
/* end hide */

.CalculatorHeader
{
background:#f5fafb; 
font-weight:bold; 
color:#303030; 
text-align:center;
border-bottom:1px solid #dde9ef;
}

.CalculatorSelected
{
font-weight:bold; 
font-size:13px;
}

hr
{
margin-top:5px; 
margin-bottom:5px; 
height:1px; 
color:#ececec; 
background-color:#ececec; 
border:0
}

.hr
{
margin-top:5px;
* margin-top:0px
}


.scrollbar
{  
overflow: scroll; 
overflow-y: scroll; 
overflow-x: hidden; 
overflow:-moz-scrollbars-vertical; 
padding: 1px;
padding-right:10px; 
scrollbar-face-color: #ececec; 
scrollbar-highlight-color: #ececec; 
scrollbar-3dlight-color: #ececec; 
scrollbar-darkshadow-color: #ececec; 
scrollbar-shadow-color: #ececec; 
scrollbar-arrow-color: #0e456f; 
scrollbar-track-color: #0e456f; 
}
/* hide from MacIE \*/
* html .scrollbar{ padding-right: 0px} 
/* end hide */


.indexlrgimg
{
margin-top:-8px;
margin-right:-2px;
padding-left:3px;
width:155px
}

.headlineul
{
padding-left:20px; 
font-size:14px; 
list-style:url(/newhomepage/Images/Bullet.jpg)
}

.headlineli
{
padding-bottom:5px
}

.headlineli div
{
padding-left:5px
}

.bodyul
{
padding-left:20px; 
font-size:13px; 
list-style:url(/newhomepage/Images/Bullet01.jpg)
}

.bodyli
{
padding-bottom:5px
}

.bodyli div
{
padding-left:5px
}

.bodybutton
{
background-image:url(/newhomepage/Images/ButtonFind.gif); 
width:105px; 
margin-left:205px; 
margin-top:-15px
}

.bodyimg
{
height:100px;
padding-left:15px; 
padding-top:13px; 
padding-right:5px
}

.dhtmlgoodies_question
{
cursor:pointer;
font-size:13px
}

:hover.dhtmlgoodies_question
{
cursor:pointer;
font-size:13px;
font-weight:bold
}

.dhtmlgoodies_answer
{
padding-left:20px;
padding-top:5px
}


.newsbg
{
background:#ececec; padding-left:10px; padding-right:10px; height:280px;
}

/* hide from MacIE \*/
* html .newsbg {width:218px } 
/* end hide */


.newstitle
{
color:#0e456f; font-size:20px
}


.steptitle
{
color:#a81241; font-size:16px;
}


/* ApplicationForm */

.ApplicationNumberLeft
{
background:url(/NewHomepage/Images/Application/AppLeft.jpg); height:40px; width:10px
}

.ApplicationNumberRight
{
background:url(/NewHomepage/Images/Application/AppRight.jpg); height:40px; width:10px
}

.ApplicationNumberCentre
{
background:#ececec
}

.ApplicationNumberText
{
font-size:18px; color:#0e456f
}

.ApplicationNumber
{
font-size: 22px; color: #a81241; letter-spacing:1px
}

.ApplicationNumberMessage
{
font-size: 13px; color: #a81241
}

.AppSideBoxTop
{
background:url(/newhomepage/Images/ItemTop.jpg); 
height:10px; 
width:250px
}

.AppSideBoxMiddle
{
background:#dde9ef; padding-left:10px; padding-right:10px; width:230px
}

.AppSideBoxBottom
{
height:10px; 
width:250px;
background:url(/NewHomepage/Images/CalculatorBottom.jpg)
}

.AppSideBoxMiddle span
{
font-size:15px; color:#a81241;font-weight:bold
}

.AppSideBoxPhone
{
font-size:18px; font-weight:bold; letter-spacing:1px; color:#0e456f
}

.AppLine
{
border-bottom:1px solid #0076a3;
margin-top:10px; margin-bottom:7px
}

.AppButton
{
width:90px; 
height:30px; 
cursor:pointer; 
font-weight:bold; 
background:url(/newhomepage/Images/Button.gif); 
color:#FFFFFF; 
border:none;
font-size:12px
}

:hover.AppButton
{
color:#d8ebf1;
}

.AppHeading
{
	width:670px;
	height:20px;
	background:url(/NewHomepage/Images/Application/HeadingBG.jpg);
	display:block;
	padding:10px;
	font-size:20px; 
	color:#ffffff;
}


.buttonstyle
{
width:90px; 
height:30px; 
cursor:pointer; 
font-weight:bold; 
background:url(/newhomepage/Images/Button.gif); 
color:#FFFFFF; 
border:none;
font-size:12px
}

:hover.buttonstyle
{
color:#d8ebf1;
}

.AppSubHeading
{
font-size:15px; 
color:#a81241;
font-weight:bold;
margin:5px;
margin-left:10px;

}

.AppBody
{
width:690px; background-color:#dde9ef; padding-top:10px
}

.AppTop
{
background:url(/NewHomepage/Images/Application/SectionTop.jpg); width:690px; height:10px; margin-top:10px
}

.AppBottom
{
background:url(/NewHomepage/Images/Application/SectionBottom.jpg); width:690px; height:10px
}

.AppLabel
{
	margin-left: 1em;
	display: block;
	width: 14em;
	float: left;
}

.AppInput
{
margin-top:4px; width:160px; height:16px
}

.AppInputShort
{
width: 4em; margin-top:4px; height:16px
}

.AppInputIncome
{
width:160px; height:16px;margin-top:0px
}

.AppInputMedium
{
width: 8em; margin-top:4px; height:16px
}

.AppDropDown
{
margin-top:4px; width:165px; height:22px
}

.AppDropDownShort
{
width: 4em; margin-top:4px; height:22px
}

.Appotherincome
{
margin-left:10px;
margin-top:5px;
margin-bottom:5px;
padding:5px
}

.validator
{
	vertical-align:middle;
	border:2px #FF0000 solid;
}


.Appyesno
{
	margin-top: 0px;
}
.Appyesno label
{
	display: inline;
	float: none;
	margin-top: 0px;
	width:auto;
	padding-top:0px;
	padding-right:5px;
	padding-left:2px
}
.Appyesno input
{
	margin-top: 0px;
	width:auto;
	padding-top:0px;
	height:auto;
	padding-right:5px;

	padding-left:2px;

}

.AppHelpBoxTop
{
background:url(/NewHomepage/Images/Application/PromptTop.gif); width:190px; height:10px
}

.AppHelpBoxMiddle
{
background-color:#FFFFFF;
color:#a81241;
font-weight:bold;
font-size:11px; 
padding-left:5px;
padding-right:5px;
width:180px;
text-align:center
}

.AppHelpBoxBottom
{
background:url(/NewHomepage/Images/Application/PromptBottom.gif); width:190px; height:10px
}

.AppDeleteButton
{
	height:23px;
	width:80px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	margin-left:5px;
	color:#2d67b2;
	border:none;
	cursor:pointer
}
:hover.AppDeleteButton
{
	color:#fcf3b8
}

.notes
{
	font-size:smaller;
	font-style: italic;
	color: #6f77b0;
}


.AppDPAView
{
color:#a81241; font-weight:bold; text-decoration:none; font-size:12px
}

.personalhomepagebutton
{
background:none; 
border:none; 
text-align:left; 
padding:5px; 
font-size:18px;
padding-bottom:10px;
padding-top:10px;
width:190px;
padding-left:10px
}

.personalhomepagebutton01
{
background:none; 
border:none; 
text-align:left; 
padding:5px; 
font-size:18px;
padding-bottom:10px;
padding-top:10px;
width:160px;
padding-left:10px
}


.overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#000000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

.copybutton{		background: url(/Images/CopyButton.gif); 
					width:20px; 
					height:20px; 
					border:0px; 
					padding:0px; 
					color:#FFFFFF; 
					cursor:pointer; 
					font-size:11px;
					margin-left:5px; margin-right:5px
					}
			
.copynobutton{		background: #FFFFFF; 
                    visibility:hidden; 
					width:20px; 
					height:20px; 
					border:0px; 
					padding:0px; 
					color:#FFFFFF; 
					cursor:default; 
					font-size:11px;
					margin-left:5px; margin-right:5px}					
					
:hover.copybutton{	background:url(/Images/CopyButtonHover.gif)}

.labelcontact
{
	display:block; 
	width:120px; 
	float: left;
	margin-top:5px 
}


.Cornersleft{width:10px; float:left; height:10px; background:url(/NewHomepage/Images/WhiteCornerTopLeft.jpg)}
.Cornersright{width:10px; float:right; height:10px; background:url(/NewHomepage/Images/WhiteCornerTopRight.jpg)}
.Cornerscentre{margin-left:10px; margin-right:10px; height:10px; background:#ffffff}


/* hide from MacIE \*/
* html .Cornersleft { margin-right: -3px; font-size:0px } 
* html .Cornerscentre{margin-left: 0px; margin-right:0px; font-size:0px}
* html .Cornersright { margin-left: -3px; font-size:0px }
/* end hide */


.BCornersleft{width:10px; float:left; height:10px; background:url(/newhomepage/Images/WhiteCornerBottomLeft.jpg)}
.BCornersright{width:10px; float:right; height:10px; background:url(/newhomepage/Images/WhiteCornerBottomRight.jpg)}
.BCornerscentre{margin-left:10px; margin-right:10px; height:10px; background:#ffffff}


/* hide from MacIE \*/
* html .BCornersleft { margin-right: -3px; font-size:0px } 
* html .BCornerscentre{margin-left: 0px; margin-right:0px; font-size:0px}
* html .BCornersright { margin-left: -3px; font-size:0px }
/* end hide */


.PageTitleleft{float:left; background:url(/NewHomepage/Images/Application/AppLeft.jpg); height:40px; width:10px}
.PageTitleright{float:right; background:url(/NewHomepage/Images/Application/AppRight.jpg); height:40px; width:10px}
.PageTitlecentre{background:#ececec;color:#a81241; font-size:24px; letter-spacing:1px; font-weight:normal; height:40px;}


/* hide from MacIE \*/
* html .PageTitleleft { margin-right: -3px } 
* html .PageTitlecentre{margin-left: 0px; margin-right:0px}
* html .PageTitleright { margin-left: -3px; }
/* end hide */


.Registerleft{background:url(/NewHomepage/Images/CalculatorResultsLeft.jpg); float:left; width:5px; height:40px}
.Registerright{background:url(/NewHomepage/Images/CalculatorResultsRight.jpg); float:right; width:5px; height:40px}

.Registercentre
{
z-index:100; 
background:url(/Images/MenuItem.jpg);
padding:5px;
color:#FFFFFF;
font-weight:bold;
font-size:13px
}

.hr
{
margin-top:6px; 
margin-bottom:2px; 
height:1px; 
color:#cacaca; 
background-color:#dddcdc; 
border:0;
}

.labelreg
{
padding-left:10px
}

.registerfont{ font-size:20px; color:#ffffff; padding:10px}

/* hide from MacIE \*/
* html .Registerleft { margin-right: -3px } 
* html .Registercentre{margin-left: 0px; margin-right:0px}
* html .Registerright { margin-left:-3px }
* html .registerfont{ font-size:17px; color:#ffffff; font-weight:bold}
/* end hide */

.RegisterBleft{ background:url(/NewHomepage/Images/CalculatorResultsLeftBottom.jpg) bottom; float:left; width:5px; height:10px}
.RegisterBright{background:url(/NewHomepage/Images/CalculatorResultsRightBotto.jpg) bottom; float:right; width:5px; height:10px}
.RegisterBcentre{background:#dde9ef; height:10px; margin-left:5px; margin-right:5px}

/* hide from MacIE \*/
* html .RegisterBleft { margin-right: -3px; font-size:0px } 
* html .RegisterBcentre{margin-left: 0px; margin-right:0px; font-size:0px}
* html .RegisterBright { margin-left: -3px; font-size:0px }
/* end hide */


.homepageleft{float:left; width:410px}
.homepagecentre{margin-left:420px; margin-right:260px}
.homepageright{float:right; width:0px}
/* hide from MacIE \*/
* html .homepageleft { margin-right: 7px;} 
* html .homepagecentre{margin-left: 0px; margin-right:0px;}
* html .homepageright{ margin-left: -3px; font-size:0px }
/* end hide */


.loansexplainedboxleft{float:left; width:5px; height:10px; background:url(/NewHomepage/Images/CalculatorResultsLeftTop.jpg) top}
.loansexplainedboxright{float:right; width:5px; height:10px; background:url(/NewHomepage/Images/CalculatorResultsRightTop.jpg) top}
.loansexplainedboxcentre{background:#dde9ef; height:10px; margin-left:5px; margin-right:5px}

/* hide from MacIE \*/
* html .loansexplainedboxleft { margin-right: -3px; font-size:0px } 
* html .loansexplainedboxcentre{margin-left: 0px; margin-right:0px; font-size:0px}
* html .loansexplainedboxright { margin-left: -3px; font-size:0px }
/* end hide */

.Bloansexplainedboxleft{float:left; width:5px; height:10px; background:url(/NewHomepage/Images/CalculatorResultsLeftBottom.jpg) bottom}
.Bloansexplainedboxright{float:right; width:5px; height:10px; background:url(/NewHomepage/Images/CalculatorResultsRightBotto.jpg) bottom}

/* hide from MacIE \*/
* html .Bloansexplainedboxleft { margin-right: -3px; font-size:0px } 
* html .Bloansexplainedboxright { margin-left: -3px; font-size:0px }
/* end hide */

.ie6tablewidth { width:670px}

/* hide from MacIE \*/
* html .ie6tablewidth { width:660px} 
/* end hide */



.loginheaderleft{background:url(/NewHomepage/Images/CalculatorResultsLeft.jpg); float:left; width:5px; height:40px}
.loginheaderright{background:url(/NewHomepage/Images/CalculatorResultsRight.jpg); float:right; width:5px; height:40px}
.loginheadercentre{background:url(/NewHomepage/Images/CalculatorResultsCentre.jpg); height:40px; margin-left:5px; margin-right:5px}
.logintext{font-size:20px; color:#ffffff; padding:10px}
/* hide from MacIE \*/
* html .loginheaderleft { margin-right: -3px } 
* html .loginheadercentre{margin-left: 0px; margin-right:0px}
* html .loginheaderright{ margin-left: -3px; }
* html .logintext{font-size:17px; color:#ffffff; padding:10px; font-weight:bold}
/* end hide */



.imgicon
{
height:58px;
padding-right:3px;
* margin-left:-10px;
* padding-right:0px
}

.downloastier1body
{
font-size:11px; 
font-weight:normal; 
padding-top:0px; 

}

.downloastier1bodytext
{
padding-top:5px; 
}

.BoxHeadingIndex
{
	padding:5px;
	font-size:18px; 
	color:#0e456f;
}

.regad
{
width:670px; padding-top:13px; cursor:pointer; padding-bottom:2px; * padding-top:8px
}

/* hide from MacIE \*/
* html .regad {width:665px } 
/* end hide */

.regad01
{
width:670px;
}

/* hide from MacIE \*/
* html .regad01 {width:665px } 
/* end hide */

.heightie
{
height:0px;
* height:5px
}
/* hide from MacIE \*/
* html .heightie { height:0px} 
/* end hide */

.widecol01
{
width:216px;
}

/* hide from MacIE \*/
* html .widecol01 {width:215px } 
/* end hide */

.narrowcol01
{
width:11px;
}

/* hide from MacIE \*/
* html .narrowcol01 {width:10px } 
/* end hide */

.caption
{
height:171px; width:213px; float:left; margin-right:10px; border-top:1px solid #ececec; border-bottom:1px solid #ececec
}

* html .caption /* IE6 Hack */
{
overflow: hidden;
width:210px;
margin-right:9px
}

