

body {
	margin: 0;
	padding: 0;
	background-color: #fefaee;
	color: #333;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 8pt;
	text-align: center;	
	}

ul li {	list-style-image: url(../images/li.gif); }

table { font-size: 100%}

/* ------------------------------------------------------------------- =LAYOUT =DISTYLES */

/*new */
.clearfloat {
	clear: both;
	height: 1px;	
	}
	
.clear0 {
	clear: both;
	height: 0px;	
	}
.pageContainer {
	width: 760px;
	margin: 0 auto;
	text-align: left;	
	background: #fff url(../images/bg_pagecontainer.gif) repeat-y;
	}
	
*:first-child+html .pageContainer{
margin: -14px 0px 0px 0px;
}

*html .pageContainer{
	margin: -12px 0px 0px 0px;
		}

.masthead {
	height: 152px;
	background: #102662 url(../images/bg_masthead.gif) repeat-x;	
	}
	
*:first-child+html .masthead{
margin: 0px 0px -4px 0px;
}
*html .masthead{
	margin: 0px 0px -4px 0px;
		}

	
.mastheadLeft {
	float: left;
	width: 585px;
	background: url(../images/logo_main.gif) no-repeat;	
	position: relative;
}

.utility {
	height: 19px;
	color: #f8f4da;
	}

.utility ul {
	margin: 3px 10px 0 0;
	padding: 0;
	text-align: right;	
	}
.utility li {
	display: inline;
	margin: 0;
	padding: 0;	
	}

.utility a:link, .utility a:visited {	
	color: #f8f4da;
	text-decoration: none;
	}
.utility a:hover, .utility a:active {
	color: #f8f4da;
	text-decoration: underline;
	}

.logo {
	float: left;
	width: 211px;
}

.slogan {
	float: right;
	width: 163px;
}
.slogan img {
	margin-top: 25px;
}

.topNav {
	position: absolute;
	top: 126px;
	left: 0;
	width: 587px;
	height: 26px;
	background: #102662 url(../images/bg_topNav.gif) repeat-x;	
	}
	
.topNav ul {
	margin: 0;
	padding: 0;
	}
.topNav li {
	display: inline;
	margin: 0;
	padding: 0;	
	}
.topNav img { margin: 0 -4px -3px 0px; }

.mastheadRight {
	float: right;
	width: 173px;
}

.loginArea {
	width: 173px;
	height: 151px;
	background: #fff url(../images/loginarea-bg.jpg) no-repeat;	
	color: #102662;
	}

.loginArea form {
	margin: 0;
	padding: 37px 0 0 18px;
	}
	
.loginArea input, .loginArea img { vertical-align: middle; }

.loginArea input {
	max-height: 14px;
	}
	
.memberField {
	width: 116px;
	height: 18px;
	max-height: 18px;
	border: 1px solid #666;
	background-color: #FFF;
	color: #333;
	font-size: 8pt;
	margin: 0 0 5px 0;
	}
	
.passField {
	width: 68px;
	height: 18px;
	max-height: 18px;
	border: 1px solid #666;
	background-color: #FFF;
	color: #333;
	font-size: 8pt;	
	margin: 0 5px 5px 0;
	}
.loginArea select {
	margin-top: 5px;
	height: 18px;
	max-height: 18px;
	width: 150px;
}
	
/* --------------------------------------------------------------------- =CONTENT */
	
.content {
	margin: 0;
	padding: 0;	
	line-height: 14pt;
	padding-bottom: 25px;
	}
.leftCol {
	float: left;
	width: 183px;
	}
	
div#search .footer{
	width: 400px;
	background: #fff;
}

div#search td{
	text-align: center;
}


.searchArea {
	background: url(../images/bg_search.gif) no-repeat;
	height: 34px;
	} 

*:first-child+html .searchArea{
	margin: -4px 0px 0px 0px;
}

*html .searchArea{
	height: 36px;
	background: url(../images/bg_search.gif) repeat;
	}

.searchArea form {
	margin: 0;
	padding: 0;
	}
.searchArea img, .searchArea input { vertical-align: middle; }

.searchArea input {
	max-height: 16px;
	}

.searchField {
	width: 140px;
	height: 18px;
	max-height: 18px;
	border: 1px solid #666;
	background-color: #FFF;
	color: #333;
	font-size: 8pt;	
	margin: 3px 3px 0 10px;
	}
	
.promosLeft {
	position: relative;
	margin: 0 0 0 7px;
}
	
.promosLeft img {
	margin: 15px 0 0 0;
}

#promosdropdown {
	position: absolute;
	top: 68px;
	left: 17px;
}

#promosdropdown select {
	height: 18px;
	max-height: 18px;
	width: 150px;
}

#mortgagesdropdown {
	position: absolute;
	top: 155px;
	left: 17px;
}

#mortgagesdropdown select {
	height: 18px;
	max-height: 18px;
	width: 150px;
}

.rightCol {
	float: right;
	width: 575px;
	display: inline; /* fix IE doubled float-margin bug */	
	}
	
/* Temporary fix for search problem in IE 6. Does nothing in IE7 and FireFox
Replaces the Right Column with one styled for new search
      delete when problem is solved */
.searchFixCol {
	float: right;
	width: 540px;
	margin: 0;
	padding-bottom: 15px;
	display: inline;
}
* html .searchFixCol { 
	width: 544px;
	float: right;
	padding-bottom: 15px;
	display: inline;
	}


.homeContent {
	margin: 20px 0 0 20px;
}
.homeContentLeft {
	float: left;
	width: 343px;
}

.homeLinks {
	margin: 25px 0 0 0;
}
.homeLinks ul {
	margin: 0 0 0 30px;
	padding: 0;
	}
.homeLinks li {
	margin: 5px 0 5px 0;
	padding: 0;	
	}
.homeLinks h3 {
	color: #cc0000;	
	font-size: 9pt;
	margin: 5px 0 0 0;
}
.homeLinks a:link, .homeLinks a:visited {	
	color: #cc0000;
	text-decoration: underline;
	}
.homeLinks a:hover, .homeLinks a:active {
	color: #cc0000;
	text-decoration: none;
	}
	
	
.homeContentRight {
	float: right;
	width: 181px;
	margin-right: 10px;
}
* html .homeContentRight {margin-right: 5px;}


.extraExtra {
	width: 181px;
	background: url(../images/box_bgtile.gif) repeat-y;	
}
.extraExtraContent {
	padding: 12px;
}

* html .extraExtra {
	margin-bottom: -6px;
	}
*:first-child+html .extraExtra{
	margin-bottom: -10px;
}

.extraExtraContent h3 {
	color: #cc0000;	
	font-size: 9pt;
	margin: 5px 0 0 0;
}
.extraExtraContent a:link, .extraExtraContent a:visited {	
	color: #cc0000;
	text-decoration: underline;
	}
.extraExtraContent a:hover, .extraExtraContent a:active {
	color: #cc0000;
	text-decoration: none;
	}
	
.promosRight {
	margin: 15px 0 0 0;
	text-align: right;
}
.promosRight a:link, .promosRight a:visited {	
	color: #102662;
	text-decoration: underline;
	}
.promosRight a:hover, .promosRight a:active {
	color: #102662;
	text-decoration: none;
	}
	
.backContent {
	margin: 20px 20px 0 30px;
}

.photoBack {
	float: right;
	margin: -20px 15px 15px 15px;
}

* html .photoBack {
	float: right;
	margin: -20px 7px 15px 15px;
}

/* -------------------------------------------------------------------- =FOOTER */

.footer {
	margin-bottom: -3px;
	background: url(../images/bg_footer.gif) repeat-x;	
	height: 49px;
	position: relative;
	}
.footerLeft {
	float: left;
	margin-top: -5px;
	margin-left: 5px;
	
}
.footerRight {
	float: right;
	height: 49px;
	/*margin-top: -27px;*/
	
}

.footerRight a {
	vertical-align: top;
}
.footerRight img {
	vertical-align: top;
	/*margin: 13px 0 0 4px;*/
}

.footerutility {
	/*position: absolute;
	top: 18px;
	right: 220px;*/
	float: right;
	padding-top: 18px;
	font-size: 7pt;
	color: #c3c9d8;
	}
.footerutility ul {
	margin: 0;
	padding: 0;
	}
.footerutility li {
	margin: 0;
	padding: 0;	
	display: inline;
	}
.footerutility a:link, .footerutility a:visited {	
	color: #c3c9d8;
	text-decoration: none;
	}
.footerutility a:hover, .footerutility a:active {
	color: #c3c9d8;
	text-decoration: underline;
	}

	
	
#ex_dis{
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	position: absolute;
	border: 2px solid #036;
	padding: 15px;
	display:none;
	z-index: 500;
	width:400px;
	top:139px;
	left:193px;
}

.address_alt_coords {
    display: none;
}


/*@media print
{
      .masthead, .mastheadLeft, .mastheadRight, .utility, .slogan, .clearfloat, .topNav, .loginArea {display: none; visibility: hidden;}
    .leftCol, .searchArea, .promosLeft {display: none; visibility: hidden;}
	#mortgagesdropdown {display: none; visibility: hidden;}
    .footer, .footerLeft, .footerRight {display: none; visibility: hidden;}
    img, ul, li  {display: none; visibility: hidden;}
    .backContent {margin: 0;}
	.rightCol {
	float: none;
	width: 670px;
	display: inline; /* fix IE doubled float-margin bug */	
	/*}
	.disclaimer {page-break-before: avoid; page-break-inside: avoid;}
	
	/* IE-only print tweaks */
	/** html table {page-break-after: avoid; page-break-inside: avoid;}
	* html td {page-break-inside: avoid;}
	* html .tablesubheader {page-break-before: avoid; page-break-after: avoid; page-break-inside: avoid;}
	* html body {margin-top: 20px;}
	*:first-child+html table {page-break-after: avoid; page-break-inside: avoid;}
	*:first-child+html td {page-break-inside: avoid;}
	*:first-child+html .tablesubheader {page-break-before: avoid; page-break-after: avoid; page-break-inside: avoid;}
	*:first-child+html body {margin-top: 20px;}
	
}*/

