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

a:link, a:visited {
    color: #00718f;
    text-decoration: none;
    }
a:hover, a:active {
    color: #00718f;
    text-decoration: underline;
    }
a img { border: none; }

h1 {
    color: #00718f;
    font-size: 11pt;
    }
h2 {
    color: #00718f;
    font-size: 10pt;
    margin: 0 0 -5px 0;
    padding: 0;
    }

* html h2 {
    margin: 0 0 -10px 0;
    }

h3 {
    color: #00718f;
    font-size: 9pt;
    margin: 10px 0 -5px 0;
    }

* html h3 {
    margin: 10px 0 -10px 0;
    }

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

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

.clearfloat {
    clear: both;
    height: 1px;
    }
.pageContainer {
    width: 750px;
    margin: 0 auto;
    text-align: left;
    background-color: #fff;
    }

.topspacer {
    height: 21px;
}

.masthead {
    height: 84px;
    }

.mastheadLeft {
    float: left;
    width: 225px;
    }

.mastheadRight {
    float: right;
    width: 489px;
    text-align: right;
    }

.consumerLogin{
    float:left;
    width:163px;
        text-align: left;
}
.businessLogin{
    float:right;
    width: 326px;
            text-align: left;
}

.corporateLogin{
    float:right;
    width: 163px;
            text-align: left;
}

.smallbizLogin{
    float:left;
    width: 163px;
}

/* added for 200-74734 - but fixed isn't supported by IE, as of IE6.  Keep code until IE7 rolls out... */

.printContainer {
    position: relative;
    top: 10px;
    left: 20px;
}

.printable {
    position: fixed;
    top: 0px;
    left: 0px;
/*    top: 380px;
    left: 720px; */
    }

/* --------------------------------------------------------- =TOPNAV */

.topNav {
background-color: #686868;
}

.topNav img {
    margin-right: 0px;
}

.topNav ul {
    margin: 0;
    padding: 0;
    }
.topNav li {
    margin: 0;
    padding: 0;
    display: inline;
    }
#FDICUpdates {
    position: absolute;
}
#FDICUpdates img {
    position: relative;
    top: -35px;
    left: 645px;
}
/* --------------------------------------------------------------------- =CONTENT */

.contentContainerHome {
    line-height: 16pt;
    margin-top: 3px;
    }

.contentContainerBack {
    padding-bottom: 25px;
    background: #d6e8ed url(../images/bg_contentfull.gif) right repeat-y;
    line-height: 16pt;
    margin-top: 3px;
    }

.leftCol {
    float: left;
    width: 580px;
    }
.leftCol ul {
    margin: 0 0 0 20px;
    padding: 0;
    }
.leftCol li {
    list-style-image: url(../images/li.gif);
    margin: 10px 0;
    }


.rightCol {
    float: right;
    width: 162px;
    }

.rightNav {
    margin-top: -5px;
}

*html .rightNav {
    margin-top: 0;
}

.rightNav img {
    margin-bottom: -6px;
}

*html .rightNav img {
    margin-bottom: -2px;
}

.rightNav ul {
    margin: 0;
    padding: 0;
    }
.rightNav li {
    margin-top: -1px;
    padding: 0;
    list-style-image: none;
    list-style-type: none;
    }

.gapProtection img {
    margin-top: -1px;
}
* html .gapProtection img {
    margin-top: 0;
}


.newsupdatesContainer {
    margin-top: 15px;
}

.newsupdatesContent {
    background: url(../images/bg_newsdivider.gif) repeat-y;
    margin-top: 15px;
    line-height: 12pt;
}

.newsupdatesContent h3 {
    color: #00718f;
    font-size: 8pt;
    margin: -5px 0 5px 0;
    }

.newsupdatesContent1 {
    float: left;
    width: 140px;
    margin: 0 53px 0 10px;
    display: inline;
}
.newsupdatesContent2 {
    float: left;
    width: 140px;
    margin: 0 53px 0 10px;
    display: inline;
}
.newsupdatesContent3 {
    float: left;
    width: 140px;
    margin: 0 55px 0 10px;
    display: inline;
}

/* -------------------------------------------------------------------- =BACKPAGE CONTENT */

.backContenthed h1 {
    margin: 0;
}

.backContent {
    background: url(../images/bg_backdivider.gif) repeat-y;
    margin-top: 20px;
}

.backContentLeft {
    float: left;
    width: 150px;
    margin-top: -5px;
}

.backContentLeft ul {
    margin: 0 0 0 30px;
    padding: 0;
    }
.backContentLeft li {
    margin: 10px 0 10px 0;
    padding: 0;
    list-style-type: url(../images/li.gif);
    list-style-image: url(../images/li.gif);
    line-height: 12pt;
    }

.backContentLeft a:link, .backContentLeft a:visited {
    color: #696969;
    text-decoration: none;
    font-weight: bold;
    }
.backContentLeft a:hover, .backContentLeft a:active {
    color: #00718f;
    text-decoration: underline;
    font-weight: bold;
    }

.backContentRight {
    float: right;
    width: 380px;
    margin: -5px 20px 0 30;
    display: inline;
    line-height: 14pt;
    padding-bottom: 15px;
}

.backContentRight p {
    font-family: times, helvetica, serif;
    font-size: 9pt;
}

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

.footerdivider {
    background: url(../images/bg_bottomdivider.gif) repeat-x;
    height: 12px;
    margin-top: 5px;
}

.footerHome {
    margin-top: 40px;
    text-align: right;
    }

.footerBack {
    margin-top: 18px;
    color: #696969;
    }

.footerLeft {
    float: left;
    width: 581px;
    font-size: 7pt;
}

.footerLeft ul {
    margin: 6px 0 5px 0;
    padding: 0;
    }
.footerLeft li {
    margin: 0;
    padding: 0;
    display: inline;
    }

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

.footerRight {
    float: right;
    width: 159px;
    text-align: right;
}
.userAlert{
	display: inline;
	color: #ff0000;
	text-align: left;
	float: left;
	font-size:10pt;
	margin-top: -15px;
}
.alertHeader {
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}
html* .userAlert{
	margin-top: -35px;
}

..diLogo {
    float: right;
    vertical-align:top;
    margin-top: 10px;
}

/* -------------------------------------------------------------------- =TEXTUAL =FISTYLES */

.tableheader {
    background-color: #999;
    color: #FFF;
    font-weight: bold;
    font-size: 8pt;
    }
.tablesubheader {
    background-color: #00718F;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 8pt;
    }
.tablecontent1 {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #FFF;
    color: #333;
    font-size: 8pt;
    }
.tablecontent2 {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    background-color: #eee;
    color: #333;
    font-size: 8pt;
    }
.Q, .A {
    font-weight: bold;
    font-size: 10pt;
    }
.Q { color: #00718f; }
.A { color: #9d1111; }

.disclaimer, .small {
    font-size: 8pt;
    color: #00718f;
    }
.required {
    color: #9d1111;
    font-size: 8pt;
    font-weight: bold;
    }

.appfield1 {
    border: 1px solid #00718f;
    background-color: #FFF;
    color: #000;
    }
.appfield2 {
    border: 1px solid #00718f;
    background-color: #FFF;
    color: #000;
    }

#ex_dis{
    display:none;
    width:400px;
    float:center;
    padding:10px;
    background-color:#DCDCDC;
    position:absolute;
    z-index:10000;
    margin-left:75px;
    border-width:1px 1px 1px 1px;
    border-style:solid;
    border-color:#000000;
    margin-left:150px;
}

td{
    padding:3px 15px 3px 15px;
}

.ficontent{
    margin-left:15px;
    font-size:8pt;
}

form p, h1{
    margin-left:15px;
}

.calcloancomp form p{
    margin-left:0px;
}

.ficontent input, td input{
    border-color:#00718F;
    border-width:1px;
    font-size:8pt;
}

.button{
    background-color:#56A1B5;
    border-color:#56A1B5;
    border-width:1px;
    color:#FFFFFF;
    font-weight:bold;
}

form{
    margin-left:15px;
    padding:15px;
}

.calcloancomp h1{
    margin-left:45px;
}

.calcmort{
    margin-left:10px;
}

.calcloancomp form{
    margin-left:30px;
}

.calcloancomp p{
    margin-left:30px;
}
.calcmort table tbody tr td{
    padding:0px;
    font-size:8pt;
}

.calcloancomp table tbody tr td{
    padding:0px;
    font-size:8pt;
}

.calcloancomp table caption{
    padding:0px;
    font-size:9pt;
}

.calcloancomp table{
    margin-left:100px;
}

.ficontent p{
    font-size: 8pt;
    color: #00718f;
}

ul.nobullet  li {
    list-style: none none outside;
}


/*  Secure email center styles */

.secureMessageDiv {
	display: none;
}

.secureMessageDiv h3 {
	text-decoration: underline;
	color: #ff0000;
	font-weight: bold;
}

.homeSecureEmailBox {
	margin-top: 1em;
	padding: 5px 2px;
	color: #ffffff;
	text-align: center;
	background-color: #00718f;
}

.homeSecureEmailBox p, .homeSecureEmailBox h2 {
	color: #ffffff;
}

.homeSecureEmailBox a:link, .homeSecureEmailBox a:visited {
	color: #ffffff;
	text-decoration: underline;
}

.homeSecureEmailBox a:hover, .homeSecureEmailBox a:active {
	color: #ffffff;
	text-decoration: none;
}