body {
	margin: 2px 0;
	padding: 0;
	background: #F4EBCC url(../images/bg_body.gif);
	color: #000;
	font: 9pt tahoma, verdana, sans-serif;	
	text-align: center;
	}
	
ul li { list-style-image: url(../images/li.gif); }


.appfield1 {
	border: 1px solid #902248;
	}
	
.appfield2 {
	border: 1px solid #436BA8;
	}
/* =LAYOUT =DI STYLES */

.clear { clear: both; height: 0px; } /* use within elements that have height defined */
.clearfloat { clear: both; height: 1px; } /* use within elements of variable height */

.outerContainer {
	width: 744px;
	margin: 0 auto;
	background: url(../images/bg_container.gif) repeat-y;
	border-top: 1px solid #912248;
	border-bottom: 1px solid #912248;
	text-align: left;
	}
.innerContainer {
	margin: 0 1px;
	background-color: #FAF7ED;	
	}

/*
.innerContainer h1 {
	position: absolute;
	left: -9999px;	
	}
*/

.masthead {
	height: 94px;
	background-color: #FAF7ED;
	}

.utility {
	height: 30px;
	border-bottom: 1px solid #D2C088;
	background: url(../images/bg_utility.gif);
	}
.utilityLeft {
	float: left;
	width: 500px;
	}
.utilityRight {
	float: right;
	width: 184px;
	text-align: right;
	}
.utilityRight form {
	margin: 0 14px 0 0;
	padding: 4px 0 0 0;	
	}
.utilityRight input { 
	margin: 0;
	padding: 0;
	vertical-align: middle; }

.utilityRight .searchField {
	width: 124px;
	height: 19px;
	margin: 0;
	padding: 0 0 0 2px;
	border: 1px solid #D2C088;	
	color: #665729;
	font-size: 8pt;
	font-family: tahoma, sans-serif;
	}

.utilityLeft ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 0 10px;	
	}
.utilityLeft li  {
	display: inline;
	margin: 0;
	padding: 0;
	color: #003388;
	font-size: 9pt;
	font-weight: bold;
	}
.utility a:link, .utility a:visited { color: #003388; text-decoration: none; }
.utility a:hover { color: #821E40; text-decoration: underline; }
	
.logo {
	float: left;
	width: 198px;
	}
.logo img { margin: 11px 0 0 17px; }

/* =LOGIN =BACK */

.loginArea {
	float: right;
	width: 182px;
	margin-right: 14px;
	background: url(../images/bg_horizontal.gif) repeat-x 0 49px;
	text-align: right;
	display: inline; /* fix IE doubled float-margin bug */
	}
	
.loginArea img {
	vertical-align: middle;	
	}
.loginPersonal {
	padding-top: 20px;	
	}
.loginBusiness {
	padding-top: 20px;	
	margin-bottom: 1px;
	}
.loginBtn {
	margin-left: 10px; 
	}	
	

/* =LOGIN =HOME */

.loginHome {
	position: relative; /* for business login */
	float: right;
	width: 400px;
	margin-right: 14px;
	display: inline; /* fix IE doubled float-margin bug */
	}
.loginHomePersonal {
	height: 57px;
	background: url(../images/bg_horizontal.gif) repeat-x 0 56px;
	}

.loginHomeLabel {
	padding-top: 9px;
	float: left;
	width: 127px;	
	}
.loginHomeLinks {
	float: right;
	width: 260px;
	padding-top: 6px;
	color: #912248;
	font-size: 8pt;
	text-align: right;	
	}
.loginHomeLinks a:link, .loginHomeLinks a:visited {
	color: #912248;
	text-decoration: none;	
	}
.loginHomeLinks a:hover {
	color: #003388;
	text-decoration: underline;	
	}
.loginHomePersonal form {	
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: right;
	}
.loginHomePersonal input, .loginHomePersonal img { vertical-align: middle; }
.loginField {
	width: 80px;
	height: 18px;
	margin: 0 10px 0 5px;
	border: 1px solid #902248;	
	}
.loginHomeBusiness {
	position: absolute;
	top: 60px;
	right: 0;
	height: 20px;
	}
.loginHomeBusiness img { 
	margin-left: 10px; 
	vertical-align: middle;
	}
	
/* =NAVIGATION */
.splashContain {
        width: 400px;
        float: left;
        clear: both;
}

.locationContain {
        width: 350px;
        float: left;
}

.nav {
	clear: both;
	}
.nav ul  {
	list-style: none;
	margin: 0 0 0px 0;
	padding: 0;	
	}
.nav li {
	display: inline;
	margin: 0;
	padding: 0;	
	}
.nav li img {
	margin: 0 0px 0 0;	
	}

.hedBackground {
	height: 50px;
	background: url(../images/bg_hed.gif) repeat-x;	
	}	
.hed {
	background: url(../images/bg_hed_photo.gif) no-repeat right;	
	}
* html .hed {
	margin-top: -2px;
	}

.contentContainer {
	padding: 20px 0 0 0;
	background-color: #fff;
	min-height: 230px;
	}

* html .contentContainer {
	height: 230px;
}

.content {
	margin: 0 40px 0 30px;
	line-height: 14pt;
	min-height: 230px;
	}

* html .content { height: 230px; }

.contentPhoto {
	margin: 0px 0 12 12;
	}
.leftCol {
	float: left;
	width: 276px;
	margin-left: 20px;
	display: inline; /* fix IE doubled float-margin bug */
	font-size: 8pt;
	}
.leftCol p {
	margin-top: 15px;	
	}
.rightCol {
	float: right;
	width: 390px;
	margin: 0 20px 0 0;
	display: inline; /* fix IE doubled float-margin bug */	
	font-size: 8pt;
	}
.promoFirst {
	padding-bottom: 6px;
	text-align: center;	
	}
.promo {
	margin-top: 1px;
	padding-top: 7px;
	background: url(../images/bg_horizontal.gif) repeat-x top;
	text-align: center;
	}
.promoLeft {
	float: left;
	width: 235px;	
	color: #666;
	}
.promoLeft h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 8pt;	
	}
.promoRight {
	float: right;
	width: 133px;	
	}
	
.footer {
	padding: 8px 5px;
	margin-left: 1px;
	margin-right: 1px;
	background: #F5EFE1 url(../images/bg_footer.gif) repeat-x;
	text-align: right;
	}
.footer img {
	margin-right: 15px;	
	vertical-align: middle;
	}
	
/* =TEXTUAL =FI STYLES */
/* calc styles */

#loancalc {
    width: 500px;
              min-height: 420px;
}

.dicalc {
    width: 500px;
              min-height: 420px;
}

.calctable {
    width: 400px;
}
table.calc {
            border: 0px;
            width: 400px;
            padding-left: 5px;

}

 

table.calc td {

           font: 9pt tahoma, verdana, sans-serif;
            text-align: left;
            align: left;
            background-color: #fff;
            font-weight: normal;
            padding:5px;
}



table.calc td.description {

            background-image: none;

            background-color: #fff;

            width: 200px;

            border-left: 0px;
            font-size: 8pt;
            text-align: left;

            align: left;
            font-weight: bold;

            padding: 5px;

}

 

table.form td.submit {

            background-image: none;

            background-color: #fff;

            border-left: 0px;

            font-weight: normal;

            padding: 5px;

}

 

table.form td.required {

            border-left: 0px;

}

fieldset {
            border: 0px;

            padding: 10px 10px;

            width:340px;

}

#motdLayer {
	position:absolute; 
	z-index:900;
	width: 400px;
	overflow:auto;
	filter:alpha(opacity=92); 
	opacity:0.92;
	border: 1px solid #000;
	background-color: #fff; 
	padding: 20px;
	color: #000;
	font: 10pt arial,sans-serif;
	display: none;
	}
#motdLayer a:link, #motdLayer a:visited {
	color: #000;
	text-decoration: none;
	}
#motdLayer a:hover, #motdLayer a:active {
	color: # 000;
	text-decoration: underline;
	}   
legend {

            font-family:  Arial, sans-serif;

            font-weight: bold;
            color: #000;

            background-image: url(../images/bg-tablehead.gif);

            background-repeat: repeat-x;       

            border: 0px;

            padding: 3px 0px 5px 0px;

            margin: 10px 0 0 -7;

}

	
#grpBanner {
	text-align: center;
	margin-bottom: 1em;
}