p, h1, h2, h3, ul, dt, dd, ol, li

		  { font-family: verdana, arial, sans-serif; color: #333333}



h1        { font-size: 14px; text-align: left; color: #0177C0; line-height: 22px;} 

         

h2        { font-size: 12px; text-align: justify; color: #0177C0; line-height: 22px;}



h3        { font-size: 10px; text-align: center; color: #0177C0; line-height: 22px; font-weight: bold;}



ul        { font-size: 10px; text-align: justify; line-height: 150%; 

			margin-bottom: 10px; margin-top: 10px;}

			

li        { font-size: 10px; text-align: justify; line-height: 120%; 

			margin-bottom: 10px; margin-top: 10px;}



ol        { font-size: 10px; text-align: justify; line-height: 120%; 

			margin-bottom: 10px; margin-top: 10px;}



p         { font-size: 10px; text-align: justify; line-height: 15px; 

			vertical-align: top; padding-right: 5px; padding-left: 5px}

			

dt         { font-size: 10px; text-align: justify; line-height: 22px; font-weight: bold; 

			vertical-align: top; padding-right: 5px; padding-left: 5px}



dd         { font-size: 10px; text-align: justify; line-height: 17px; 

			vertical-align: top; padding-right: 5px; padding-left: 5px}

			

hr		   { color: #11AA58;}

			

.header-back {background-image: url(images/header.jpg);

			background-repeat: no-repeat; background-position: center top;	}



.nav-back {	background-image:url(images/nav-back.jpg);

			background-repeat: no-repeat; background-position: center top;	}

			

.content  {	background-image:url(images/content-back.jpg) ;

			background-repeat: repeat-y; background-position: center top; vertical-align: top;

			padding-top: 24px; padding-right: 10px;padding-bottom: 3px;	padding-left: 10px;}



.text  	  { vertical-align: top; font-size: 10px; text-align: justify; line-height: 17px; 

			vertical-align: top; padding-right: 5px; padding-left: 5px }

			

.table    { vertical-align: top;}



.copyr 	  { background-image: url(images/bottom-back.jpg);

			background-repeat: no-repeat; background-position: center top; 

			font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;

			color: #999999;	text-align: center;	line-height: 18px; vertical-align: top;}



.copyr2	  { background-image: url(images/bottom-back2.jpg);

			background-repeat: no-repeat; background-position: center top; 

			font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;

			color: #999999;	text-align: center;	line-height: 18px; vertical-align: top;}



.gray 	  { background-image: url(images/bottom.jpg);

			background-repeat: no-repeat; background-position: center top; font-weight: bold;

			font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;

			color: #0177C0;	text-align: justify; line-height: 20px; }

			

.form 	  {	font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;

			font-color: #000000; line-height: 120%;	}

			

.calc 	  {	font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;

			font-color: #000000; line-height: normal;	}

			

.highlight  { font-size: 10px; text-align: justify; color: #0177C0; font-weight: bold;}

			

a.copyr:link    { text-decoration : none; color: #999999; background: transparent; }

a.copyr:visited { text-decoration : none; color: #999999; background: transparent; }

a.copyr:hover   { text-decoration : none; color: #666666; background: transparent; font-weight: bold; }

a.copyr:active  { text-decoration : none; color: #999999; background: transparent; }



a.h2:link    	{ text-decoration : none; color: #0177C0; background: transparent; }

a.h2:visited 	{ text-decoration : none; color: #0177C0; background: transparent; }

a.h2:hover   	{ text-decoration : none; color: #888989; background: transparent; }

a.h2:active  	{ text-decoration : none; color: #0177C0; background: transparent; }



a.h3:link    	{ text-decoration : none; color: #0177C0; background: transparent; }

a.h3:visited 	{ text-decoration : none; color: #0177C0; background: transparent; }

a.h3:hover   	{ text-decoration : none; color: #888989; background: transparent; font-weight: bold; }

a.h3:active  	{ text-decoration : none; color: #0177C0; background: transparent; }



a.text:link    	{ text-decoration : none; color: #0177C0; background: transparent; }

a.text:visited 	{ text-decoration : none; color: #0177C0; background: transparent; }

a.text:hover   	{ text-decoration : none; color: #888989; background: transparent; }

a.text:active  	{ text-decoration : none; color: #0177C0; background: transparent; }





.test 			{padding: 2px; height: 50px; width: 800px; list-style-position: inside;	list-style-type: disc;}



#masthead		{padding: 10px 0px 0px 0px;	border-bottom: 1px solid #cccccc; width: 100%;}



#navBar			{float: left; width: 15%; margin: 0px; padding: 0px; background-color: #FFCC66;

				 border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}



#headlines		{float:right; width: 20%; border-left: 1px solid #F00; border-bottom: 1px solid #F00;

			     padding-right: 10px;}



#content		{float: left; width: 62%;}





/* The following settings are for the java navigation menu */



#container {

	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

	font-size: 11px;

	position: relative;

	margin-left: auto; margin-right: auto;

	text-align: left;

	background: url(images/nav-back.jpg) repeat-y; 

}



#nav {

	margin-left: auto; margin-right: auto;

	text-align: center;

	background: #d8d9db;

}



#nav a {

	color: #0077c0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	font-style: normal;

	text-decoration: none;

}



#nav a:hover {

	color: #A0C0DB;

}



#homeMenu { visibility: hidden; position:absolute; left:0px; top:0px; }

#mortgagesMenu { visibility: hidden; position:absolute; right:335px; top:22px; }

#toolMenu { visibility: hidden; position:absolute; right:82px; top:22px; }

#about_usMenu { visibility: hidden; position:absolute; right:216px; top:22px; }

#contact_usMenu { visibility: hidden; position:absolute; right:50px; top:22px; }



.menuItem {

	margin-left: auto; margin-right: auto;

	border: 1px; border-style: solid; border-color: #2D5394;

	border-top: 0px;

	text-align: left;

	height: 19px;

	background: #d8d9db;

}



.menuItem a {

	color: #0077c0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	font-style: normal;

	text-decoration: none;

	vertical-align: middle;

}



.menuItem a:hover {

	color: #ffffff;

}



spacer { height: 20px; }



/* End of Java Navigation Settings */