/* Body Containers
--------------------------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
	background:url(/images/tile_back.jpg);	
   background-color:#f0efd6;
	font-family: Verdana, Arial, sans-serif;
	color:#222222;
	line-height: 1.5em;
	font-size:11px
}

#container{
	margin:0 auto;
	width:801px;
	
}

#header{
	width:802px;
	height:126px;
   position: relative;
}

.leftside{
	 background: url(/images/left_logo.jpg) no-repeat;	
	 width:265px;
	 height:126px;
	 float:left;
}

.rightside{
     background: url(/images/right_header.jpg) no-repeat;
	  width:536px;
	  height:101px;
	  float:left
	 }

.clear{
		margin:0 auto;
		clear:both;
		height:10px;
		width:801px;
}	 

.clear1{
	clear:both;
}

#body{
	width:801px;
	background: url(/images/body_slice.jpg) repeat-y top left;
	float:left;
}

#leftbox{
	width:700px;
	float:left;
	margin-right:5px;
	padding-bottom:0px;
}

#leftbox2{
	width:450px;
	float:left;
	margin-right:0px;
	padding-bottom:5px;
}

#maincontent{
	width:560px;
	float:left;
	margin:10px;
	background:url(/images/maincontent_slice.jpg) repeat-x top;	
}

#sidecontent{
	width:200px;
	float:right;
	margin: 10px 10px 10px 0px ;
}



#calcontent{
	width:770px;
	height:590px;
	margin:10px;
	background: url(/images/calculatorback.jpg) no-repeat bottom;
   position:relative;
}

#calcontent2{
	width:770px;
	margin:0 auto;	
}

#calcontent .calcontent{
	margin:0;
	padding:0;
	width:300px;
	height:200px;
	line-height: 25px;
	position:absolute;
	padding:10px;			
	top:330px;
	left:350px;
	background:white;
	border: 1px solid #2a5a66;
}

#leftboxwelcome{
	width:400px;
	float:left;
	margin-left:0px;
	margin-right:5px;
	padding:0px 10px 10px 37px;
   background:url(/images/welcome_bk.jpg) no-repeat top center;
}

#leftboxwhite{
	width:400px;
	float:left;
	margin-left:0px;
	margin-right:5px;
	padding:0px 0px 0px 0px;
   background:white;
}

#rightboxsocial{
	width:290px;
	height:200px;
	padding: 35px 10px 0px 34px;
	float:right;
	margin-top:0px;
	margin-right:8px;
	background:url(/images/social.jpg) no-repeat top center; 
}

#rightboxrates{
	width:290px;
	height:200px;
	padding: 0px 10px 0px 34px;
	float:right;
	margin-top:0px;
	margin-right:8px;
	background: url(/images/today_ratebk.jpg) no-repeat top center; 
}

#rightboxnews{
	width:290px;
	height:200px;
	padding: 0px 10px 0px 34px;
	float:right;
	margin-top:0px;
	margin-right:8px;
	margin-bottom:0px;
	background: url(/images/mortgage_newsbk.jpg) no-repeat top center; 
}

#bottomboxes{
   width:248px;
	float:left;
   margin-bottom:2px;
}

#bottomboxes.a{
   background:url(/images/purchasing_new.jpg) no-repeat top center;
	
}

#bottomboxes2{
	width:248px;
	float:left;
   margin-bottom:2px;
	background:url(/images/refinancing_home.jpg) no-repeat top center;
}

#bottomboxes3{
	width:248px;
	float:left;
   margin-bottom:2px;
	background:url(/images/first_time_buyer.jpg) no-repeat top center;
}


.space{
	width:9px;
	float:left;
	}

.spacesplit{
	width:2px;
	float:left;
	padding-left:4px;
	padding-right:4px;
	}	

#footer{
	width:801px;
	height:15px;
}

#footer img{
	float:left;
}

#belowfooter{
	margin:0px auto 10px auto;
	width:801px;
	text-indent:10px;
}

.backcolor{
	background-color: #f2f7fb; 
	padding: 5px 5px 5px 2px ;
	border-top: 1px solid #c3dae9;
	border-bottom: 1px solid #c3dae9;
}

/*--------------------------------------------------------------------------------------*/

/* Navigation
---------------------------------------------------------------------------------*/
div#menu{
		float:center;
		width: 536px;
		padding-top:0px; 
		display:inline;
}

ul#nav,ul#nav li{
		list-style-type:none;
		margin:0;
		padding:0
}

ul#nav{padding-left: 0px}

ul#nav li{
		float:left;
		margin:0px;
		text-align: left;
		font-family:Verdana, sans-serif;
		font-size:11px;
		line-height:25px;
 }


.leftnavi{
		background:#8baac7 url(/images/left_navi.jpg) no-repeat; 
		width:76px;
		height:25px;
		display:block;
		line-height:25px;
		text-decoration:none;
		text-indent:-5000px;
}

.rightnavi{
		background:#8baac7 url(/images/right_navi.jpg) no-repeat; 
		width:25px;
		height:25px;
		display:block;
		line-height:25px;
		text-decoration:none;
		text-indent:-5000px;
}

.purchase a:link, .purchase a:visited{
		display:block;
		width:88px;
		height:25px;
		line-height:25px;
		text-decoration:none;
		background:#8baac7 url(/images/bt_Purchasing.jpg) no-repeat;
		text-indent:-5000px;
	}

.purchase a:hover{
		display:block;
		width:88px;
		height:25px;
		line-height:25px;
		text-decoration:none;
		background:#8baac7 url(/images/bt_Purchasingover.jpg) no-repeat;
		text-indent:-5000px;
}

.refinancing a:link, .refinancing a:visited{
		display:block;
		width:93px;
		height:25px;
		line-height:25px;
		text-decoration:none;
		background:#8baac7 url(/images/bt_refinancing.jpg) no-repeat;
		text-indent:-5000px;
	}

.refinancing a:hover{
		display:block;
		width:93px;
		height:25px;
		line-height:25px;
		text-decoration:none;
		background:#8baac7 url(/images/bt_refinancingover.jpg) no-repeat;
		text-indent:-5000px;
}

.reverse a:link, .reverse a:visited{
		display:block;
		width:149px;
		height:25px;
		line-height:25px;
		text-decoration:none;
		background:#8baac7 url(/images/bt_reversemort.jpg) no-repeat;
		text-indent:-5000px;
	}

.reverse a:hover{
		display:block;
		width:149px;
		height:25px;
		line-height:25px;
		text-decoration:none;
		background:#8baac7 url(/images/bt_reversemortover.jpg) no-repeat;
		text-indent:-5000px;
}

.apply a:link, .apply a:visited{
		display:block;
		width:105px;
		height:25px;
		line-height:25px;
		text-decoration:none;
		background:#8baac7 url(/images/bt_apply.jpg) no-repeat;
		text-indent:-5000px;
	}

.apply a:hover{
		display:block;
		width:105px;
		height:25px;
		line-height:25px;
		text-decoration:none;
		background:#8baac7 url(/images/bt_applyover.jpg) no-repeat;
		text-indent:-5000px;
}

/* End naviagtion
----------------------------------------------------------------------------------------------------*/
div#sidemenu{
		float:center;
		width: 522px;
		padding-top:0px; 
		display:inline;
}

ul#nav,ul#nav li{
		list-style-type:none;
		margin:0;
		padding:0
}

ul#nav{padding-left: 0px}

ul#nav li{
		float:left;
		margin:0px;
		text-align: left;
		font-family:Verdana, sans-serif;
		font-size:11px;
		line-height:25px;
 }


.leftsidenavi{
		background:#8baac7 url(../images/left_navi_side.jpg) no-repeat; 
		width:46px;
		height:26px;
		display:block;
		line-height:26px;
		text-decoration:none;
		text-indent:-5000px;
}



.rightsidenavi{
		background:#8baac7 url(../images/right_navi_side.jpg) no-repeat; 
		width:31px;
		height:26px;
		display:block;
		line-height:26px;
		text-decoration:none;
		text-indent:-5000px;
}


.why a:link, .why a:visited{
		display:block;
		width:81px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_why_cap.jpg) no-repeat;
		text-indent:-5000px;
	}

.why a:hover{
		display:block;
		width:81px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_why_capover.jpg) no-repeat;
		text-indent:-5000px;
}

.loan a:link, .loan a:visited{
		display:block;
		width:90px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_loanpg.jpg) no-repeat;
		text-indent:-5000px;
	}

.loan a:hover{
		display:block;
		width:90px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_loanpgover.jpg) no-repeat;
		text-indent:-5000px;
}

.employment a:link, .employment a:visited{
		display:block;
		width:90px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_employment.jpg) no-repeat;
		text-indent:-5000px;
	}

.employment a:hover{
		display:block;
		width:90px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_employmentover.jpg) no-repeat;
		text-indent:-5000px;
}


.calculator a:link, .calculator a:visited{
		display:block;
		width:78px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_calcul.jpg) no-repeat;
		text-indent:-5000px;
	}

.calculator a:hover{
		display:block;
		width:78px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_calcul_over.jpg) no-repeat;
		text-indent:-5000px;
}

.ourstaff a:link, .ourstaff a:visited{
		display:block;
		width:65px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_ourstaff.jpg) no-repeat;
		text-indent:-5000px;
	}

.ourstaff a:hover{
		display:block;
		width:65px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_ourstaff_over.jpg) no-repeat;
		text-indent:-5000px;
}

.radioshow a:link, .radioshow a:visited{
		display:block;
		width:79px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_radioshow.jpg) no-repeat;
		text-indent:-5000px;
	}

.radioshow a:hover{
		display:block;
		width:79px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_radioshow_over.jpg) no-repeat;
		text-indent:-5000px;
}

.financial a:link, .financial a:visited{
		display:block;
		width:129px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_financial.jpg) no-repeat;
		text-indent:-5000px;
	}

.financial a:hover{
		display:block;
		width:129px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_financial_over.jpg) no-repeat;
		text-indent:-5000px;
}

/*-- homepage  side menu-----------------------------------------------------------------------------------------*/


.why1 a:link, .why1 a:visited{
		display:block;
		width:81px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_why_cap1.jpg) no-repeat;
		text-indent:-5000px;
	}

.why1 a:hover{
		display:block;
		width:81px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_why_capover1.jpg) no-repeat;
		text-indent:-5000px;
}

.loan1 a:link, .loan1 a:visited{
		display:block;
		width:90px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_loanpg1.jpg) no-repeat;
		text-indent:-5000px;
	}

.loan1 a:hover{
		display:block;
		width:90px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_loanpgover1.jpg) no-repeat;
		text-indent:-5000px;
}

.calculator1 a:link, .calculator1 a:visited{
		display:block;
		width:78px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_calcul1.jpg) no-repeat;
		text-indent:-5000px;
	}

.calculator1 a:hover{
		display:block;
		width:78px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_calcul_over1.jpg) no-repeat;
		text-indent:-5000px;
}


.employment1 a:link, .employment1 a:visited{
		display:block;
		width:90px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background: url(../images/bt_employment.jpg) no-repeat top center;
		text-indent:-5000px;
	}

.employment1 a:hover{
		display:block;
		width:90px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background: url(../images/bt_employmentover.jpg) no-repeat top left;
		text-indent:-5000px;
}

.contactus1 a:link, .contactus1 a:visited{
		display:block;
		width:78px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background: url(../images/bt_contactusover.jpg) no-repeat top center;
		text-indent:-5000px;
	}

.contactus1 a:hover{
		display:block;
		width:78px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background: url(../images/bt_contactus.jpg) no-repeat top left;
		text-indent:-5000px;
}



.ourstaff1 a:link, .ourstaff1 a:visited{
		display:block;
		width:65px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_ourstaff1.jpg) no-repeat;
		text-indent:-5000px;
	}

.ourstaff1 a:hover{
		display:block;
		width:65px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_ourstaff_over1.jpg) no-repeat;
		text-indent:-5000px;
}

.radioshow1 a:link, .radioshow1 a:visited{
		display:block;
		width:79px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_radioshow1.jpg) no-repeat;
		text-indent:-5000px;
	}

.radioshow1 a:hover{
		display:block;
		width:79px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_radioshow_over1.jpg) no-repeat;
		text-indent:-5000px;
}

.financial1 a:link, .financial1 a:visited{
		display:block;
		width:129px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_financial1.jpg) no-repeat;
		text-indent:-5000px;
	}

.financial1 a:hover{
		display:block;
		width:129px;
		height:28px;
		line-height:28px;
		text-decoration:none;
		background:#8baac7 url(../images/bt_financial_over1.jpg) no-repeat;
		text-indent:-5000px;
}

/*---------------------------------------------------------------------*/

/* images
----------------------------------------------------------------------------*/
#leftbox img{
	float:left;
}

#leftboxwelcome img{
	float:right;
}

#bottomboxes img{
	float:right;
	padding:3px
}

#bottomboxes2 img{
	float:right;
	padding:3px
}

#bottomboxes3 img{
	float:right;
	padding:3px
}

#belowfooter img{
	float:left;
}
/*------------------------------------------------------------------------------*/

/*fonts-------------------------------------------------------------------------*/
h2{
	margin-top:0;
	color: #224b77;
	font-family:georgia;
	font-weight:normal;
	font-size:22px;
	padding-left:2px;
	padding-bottom:0px;
	border-bottom: 1px solid #cea73e;
   line-height:1.8em;
	background: #ecf3f9 url(/images/curve_edge.jpg) no-repeat top right;
}

h3{
	color:#19334e;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	margin:5px;
	padding:5px;
	line-height:1.5em;
	background: url(/images/loan_icon.jpg) no-repeat left;
   text-indent:25px;
}

.backcolor h3{
	color:maroon;
}

h4 {
   color:#19334e;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	line-height:1.0em;
	text-indent:0px;
	 	   
}

h4.online{
   color:#19334e;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	line-height:1.0em;
	text-indent:0px;
	margin:0;
	padding:10px 0 0 0; 	   
}

h5 {
	margin-top:0;
	color: #224b77;
	font-family:georgia;
	font-weight:bold;
	font-size:22px;
	padding-left:2px;
	padding-bottom:0px;
	padding-right:0px;
   line-height:0.2em;
		 	   
}

#belowfooter p{
	font-size: 9px;
}

#leftboxwelcome p{
	padding-top:55px;
	font-size: 12px;
	line-height:2em;
}

#rightboxrates p{
	padding-top:45px;
	font-size:13px;
	color:#fff;
	line-height:2em;
}

#rightboxnews p{
	padding-top:0px;
	font-size:18px;
	color:#fff;
	line-height:2em;		
}

a:link, a:visited{
color:#1b73b7;
text-decoration: none;
}

a:hover{
	color: #903f24;
}

#bottomboxes p{
	padding-top:63px;
	font-size:11px;
	padding-left:5px;
}

#bottomboxes2 p{
	padding-top:63px;
	font-size:11px;
	padding-left:5px;
}

#bottomboxes3 p{
	padding-top:63px;
	font-size:11px;
	padding-left:5px;
}

.note{
	 padding-left:2px;
	 font-size:9px;
	 color:maroon;	
}

/*---end fonts----------------------------------------------------------------------------------------------*/
/*online_app-------------------------------------------------------------------*/

#onlinebody{
 width:560px;
 background: #fff url(/images/online_app_tile.jpg) repeat-x top left;
 padding-top:10px;
 float:left;
}

#tabright{
	width:560px;
	height:38px;
	background: #fff url(/images/online_app_tabtop.jpg) no-repeat top right;
   float:left;
   position:relative;
}

#tabarrowtbt{
	width:118px;
	height:38px; 
	float:right;  
	padding-top:10px;
}

.clear2{
	clear:both;
}

div#tab{
		float:center;
		width:310px;
		padding-top:0px; 
		display:inline;
      float:right; 
		padding-right:0px;     
      position:absolute;
		top:5px;
		right:5px;
}

ul#nav1,ul#nav1 li{
		list-style-type:none;
		margin:0;
		padding:0
}

ul#nav1{padding-left: 0px}

ul#nav1 li{
		float:right;
		margin-right:4px;
		padding:0px;
		text-align: left;
		font-family:Verdana, sans-serif;
		font-size:11px;
		font-weight:bold;
		line-height:30px;
      text-indent:11px;
				
 }
 
 .tabbt a:link, .tabbt a:visited {
		display:block;
		width:30px;
		color:white;
		height:30px;
		line-height:30px;
		text-decoration:none;
		background:url(/images/online_app_pgbt.jpg) no-repeat;
		
	}

.tabbtactive{
		display:block;
		width:30px;
		color: white;
		height:30px;
		line-height:30px;
		text-decoration:none;
		background:url(/images/online_app_pgbtover.jpg) no-repeat;
		
}

.rssLink {
	font-weight: bold;
}
/*----------------------------------------------------------------------------*/

/*--------------------------Reverse Mortgage Pointers-------------------------*/
#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10, #q11, #q12, #q13, #q14, #q15, #q16 {
	cursor: pointer;
}



