html {
scrollbar-base-color: #DEE5EF;
scrollbar-arrow-color: #7191bC;
scrollbar-track-color: #7090bb;

scrollbar-shadow-color: #81A1CC;
scrollbar-lightshadow-color: #81A1CC;
scrollbar-darkshadow-color: #81A1CC;

scrollbar-highlight-color: #81A1CC;
scrollbar-3dlight-color: #81A1CC;
}


	body {
margin: 0;
color: #407298; 
font: 10pt arial; 
background: url(images/bg.gif);
margin: 0 28px 28px 28px;
}


	.about h3 { margin: 0px; }
	.about h4 { margin: 0px; }
	.about h2 { margin: 0px; }
	

	td.about {
background: #EFF6FF;
border: solid #81A1CC 1px; 
text-align: left;
}

	td.creditscoreleft {
background: url(http://www.firstclasshomemortgage.com/creditscores/creditcorner2.gif) no-repeat #bac4d3;
text-align: left;
color: white;
padding: 20px;
}

	td.bottomcredit {
height: 15px;
background: #7090bb;
}



	a {
color: #3061CC; 
}

	a:hover {
color: #73A5EE;
}


	h4 {
font: bold 12pt Arial;
}

	h3 {
font: bold 16pt Arial;
}


	h1 {
font: bold 22pt Arial;
margin: 10px 0 0 25px;
}


	#mainmenu {
float: left;
text-align: left;
margin: 0px 28px 28px 0px;
float: left;
width: 130px;
}

	#maincontent {
border: #90b0db solid 1px;
text-align: left;
padding: 6px 24px 24px 6px;
margin: 0 auto;
background: url(images/corner.gif) 142px 7px no-repeat #FFF;
}




	#logoframe {
margin: 0px;
background: #DEE5EF;
padding: 6px;
text-align: center;
border: 5px solid #81A1CC;
}


	#contentframe {

margin: 0px;
background: #DEE5EF;
padding: 6px;
text-align: center;
border-top: none;
border-left: solid #81A1CC 5px;
border-right: solid #81A1CC 5px;
border-bottom: solid #81A1CC 1px;
}



	#bm {

margin: 0px;
background: #DEE5EF;
padding: 0px;
text-align: center;
border-top: none;
border-left: solid #81A1CC 5px;
border-right: solid #81A1CC 5px;
border-bottom: solid #81A1CC 5px;
}

	#fadeleft {
width: 50px;
height: 23px;
float: left;
background: url(images/fadeleft.gif);
padding: 0px;
}

	#bookmark {
margin: 0 auto;
height: 23px;
padding: 0px;
text-align: center;

}

	h8 {
font: 9pt arial }


	#bookmark a {

margin-top: 3px;
font: 10pt arial;
text-decoration: none;
}



	#faderight {
width: 50px;
height: 23px;
float: right;
background: url(images/faderight.gif);
padding: 0px;
}


	#goldtopbar {
margin: 0px; 
height: 20px;
background: url(images/yellowbg.gif);
padding: 0px;
text-align: center;
border-right: 1px solid #81A1CC;
border-left: 1px solid #81A1CC;
}

	#goldtopbarleft {
height: 20px;
float: left;
background: url(images/yellowleft.gif);
width: 29px;
}

	#goldtopbarright {
height: 20px;
float: right;
background: url(images/yellowright.gif);
width: 29px;
}

	#shadow1 {
color: #FFF;
height: 20px;
font: bold 10pt arial; 
float: left;
text-align: center;
background: url(images/shadow1.gif);
width: 165px;
}


	#shadow2 {
color: #FFF;
height: 20px;
margin: 0 auto;
font: bold 10pt arial; 
text-align: center;
background: url(images/shadow2.gif);
width: 256px;
}

	#shadow3 {
color: #FFF;
height: 20px;
font: bold 10pt arial; 
float: right;
text-align: center;
background: url(images/shadow1.gif);
width: 165px;
}



	#goldtopbar-2 {
margin: 0px; 
height: 20px;
background: url(images/yellowbg.gif);
padding: 0px;
text-align: center;
border-right: 1px solid #81A1CC;
border-left: 1px solid #81A1CC;
border-bottom: 1px solid #81A1CC;
}

	#goldtopbarleft-2 {
height: 20px;
float: left;
background: url(images/yellowleft-2.gif);
width: 29px;
}

	#goldtopbarright-2 {
height: 20px;
float: right;
background: url(images/yellowright-2.gif);
width: 29px;
}

	#shadow1-2 {
color: #FFF;
height: 20px;
font: bold 10pt arial; 
float: left;
text-align: center;
background: url(images/shadow1-2.gif);
width: 165px;
}


	#shadow2-2 {
color: #FFF;
height: 20px;
margin: 0 auto;
font: bold 10pt arial; 
text-align: center;
background: url(images/shadow2-2.gif);
width: 256px;
}

	#shadow3-2 {
color: #FFF;
height: 20px;
font: bold 10pt arial; 
float: right;
text-align: center;
background: url(images/shadow1-2.gif);
width: 165px;
}




	#white {
border: #90b0db solid 1px;
background: #fff;
margin: 0px;
}



	#clear {
clear: left;
}

	a.topbar { 
color: #FFF; 
font: bold 10pt arial; 
text-decoration: none 
}


	#toplogo {
margin: 0 auto;
height: 100px;
background: url(images/logo.gif) center #FFF no-repeat;
text-align: center;
}


	#toplogoright {
height: 100px;
text-align: right;
float: right;
background: url(images/people1.gif) right;
width: 140px;
}


	#toplogoleft {
height: 100px;
float: left;
text-align: left;
background: url(images/home1.gif);
width: 180px;
}




	ul { 
list-style: none; 
margin: 0; padding: 0 
} 



	li { 
vertical-align: middle;
margin-bottom: 2px; 
}


	.navigation a {

font: 9pt Arial;
font-weight: bold;
width: 130px; 
height: 22px;
display: block;
text-align: left;
text-decoration: none;
color: #306187; 
background: url(images/select1.gif);
}

	.navigation a.shaded {

font: 9pt Arial;
font-weight: bold;
width: 130px; 
height: 22px;
display: block;
text-align: left;
text-decoration: none;
color: #306187; 
background: url(images/select3.gif);
}
	

 
	.navigation a:hover {
color: #FFF;
background: url(images/select2.gif);
}



	.navigation a:active {
background: url(images/select.gif);
color: #fff;
}



	.menubottom {
width: 130px; 
height: 157px;
margin: 0 0 3px 0;
background: url(images/menubottom.gif);
}


	.menutop {
width: 130px; 
height: 22px;
margin: 0 0 2px 0;
background: url(images/menutop.gif);
}