/* Copyright 2005 TNBIDCO - All rights reserved */
/* Coded by Matthew Ohlman */
/* Page and CSS Designed for Accessibility */

body {
  font-size: 100%;
  background: white;
}


#wrapper {
  width: 750px;
  border: solid 1px black; 
  margin: 0 0.5% 0 0.5%;
}

#navtop {
  width: 100%;
  border-bottom: solid 1px black;
  background: #5B7495;
  font-family: verdana, arial, sans-serif;
  font-size: .8em;
  color: white;
  padding: 3px 0;
  height: 15px;  
}

* html #navtop {
  width: 100.3%;
}

a.topnav, a.topnav:visited {
  font-family: verdana, arial, sans-serif;
  font-size: .8em;
  color: white;
  background: none;
  text-decoration: none;
  display: block;
  padding: 0 0 0 15px;
}

a.topnav:hover, a.topnav:active {
  font-family: verdana, arial, sans-serif;
  font-size: .8em;
  color: black;
  text-decoration: none;
  display: block;
  padding: 0 0 0 15px;
}

.date {
  padding: 0 30px;
  font-family: verdana, arial, sans-serif;
  font-size: .8em; 
  color: white;
  float: right;
}


#header img {
  display: block;
}

/* ================= */
/* Left Side of Page */
/* ================= */

h2.smheaderbar {
  background: #ffcc66;
  border-bottom: 1px dashed gray;
  font-family: verdana, arial, sans-serif;
  font-size: .8em;
  color: gray;
  margin-top: 0px;
  text-align: center;
}

h2.barleft {
  background: #ffcc66;
  border-bottom: 1px solid black;
  font-family: verdana, arial, sans-serif;
  font-size: .8em;
  color: gray;
  margin-top: 0px;
  text-align: center;
  margin-right: 0px;
}

h2.barbtm {
  background: #ffcc66;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  font-family: verdana, arial, sans-serif;
  font-size: .8em;
  color: gray;
  margin-top: 0px;
  text-align: center;
  margin-right: 0px;
}

div.loan {
  float: left;  
  margin-left: 0.533%; 
  border: 1px dashed gray;
  width: 23.333%;
  margin-top:7px;
  font-family: arial, sans-serif;
  font-size: .8em;
  color: black;
  background: #F7F7F7;
  text-align: center;
  margin-right: -100px;
}

* html div.loan {
  margin-left: 0.3%; 
}


/* ==================== */
/* Main Content of Page */
/* ==================== */


div.content {
  float: right;  
  margin-left: 0.534%; 
  margin-right: 0.4%;
  border: 1px dashed gray;
  width: 74.667%;
  margin-top:7px;
  font-family: arial, sans-serif;
  font-size: .8em;
  color: black;
  background: #F7F7F7;
  text-align: center;
  overflow: hidden;
}

* html div.content {
  margin-right: 0.1%;
}

.homenavtitle {
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
  color: black;
  font-weight: bold;
  background: #ffcc66;
  border-bottom: 1px solid black;
  margin-top: 0px;
  text-align: left;
  margin-right: 0px;
}

.homenavtitler {
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
  color: black;
  font-weight: bold;
  background: #ffcc66;
  border-bottom: 1px solid black;
  margin-top: 0px;
  text-align: right;
  margin-right: 0px;
}



/* ============= */
/* Form Controls */
/* ============= */

.search-input {
  height: 1.5em;
  font-size: 8px;
  background: #5B7495;
  border: 1px solid black;
}

.fraud-input, .loan-input {
  height: 1.5em;
  font-size: 8px;
  background: white;
  border: 1px solid black;
}

* html .fraud-input {
  height: 2em;
}

* html .loan-input {
  height: 2em;
}

* html .search-input {
  height: 2em;
}

a.news, a.news:visited, a.news:hover, a.news:active {
  font-family: arial, sans-serif;
  font-size: 1em;
  color: black;
  text-decoration: none;
  border-bottom: 1px dashed black;
  margin-bottom: 5px; 
}


table.u {
  width: 85%; 
  border: 1px solid black;
  text-align: center;
}

table.homect {
  width: 85%; 
  border: 1px solid black;
  text-align: left;
  }

.b {
  font-weight: bold;
}

.b1 {
  font-weight: bold;
  font-size: .8em;

}

table.homect, table.u {
  font-size: 1em;
}

table.homect th, td {
  font-size: .8em;
}

table.u th, td {
  font-size: .8em;
  clear: both;
}
div.contactside table {
  font-size: 1em;
}

#footer {
  clear: both;
  background: #45638B;
  font-family: arial, sans-serif;
  font-size: .8em;
  color: white;
  text-align: center;
}

* html #footer {
  margin-right: -3px;
}

a.footer, a.footer:visited {
  font-family: arial, sans-serif;
  font-size: 1em;
  color: white;
  text-decoration: none;
}

a.footer:active, a.footer:hover {
  font-family: arial, sans-serif;
  font-size: 1em;
  color: white;
  text-decoration: underline;
}

a.programs, a.programs:visited {
  font-family: arial, sans-serif;
  font-size: 1em;
  color: #45638B;
  text-decoration: none;
}

a.programs:hover {
  font-family: arial, sans-serif;
  font-size: 1em;
  color: #AF0000;
  text-decoration: none;
}

a.help, a.help:visited {
  font-family: verdana, arial, sans-serif;
  font-size: .8em;
  color: #45638B;
  text-decoration: none;
}

a.help:hover {
  font-family: verdana, arial, sans-serif;
  font-size: .8em;
  color: #AF0000;
  text-decoration: none;
}

div.loancalc {
  padding-left: 10px;
  border-bottom: 1px dashed gray;
  text-align: left;
}

div.moreinfo {
  padding-left: 10px;
  border-bottom: 1px dashed gray;
  text-align: left;
  color: #45638B;
}

a.programs, a.programs:visited {
  color: #45638B;
  text-decoration: underline;
}

a.programs:hover, a.programs:active {
  color: #AF0000;
  text-decoration: none;
}

div.contactside {
  padding-left: 3px;
  border-bottom: 1px dashed gray;
  text-align: left;
}

.navimg {
  border: none;
}

* html .navimg {
  margin-top: -4px;
}

div.contentinside {
  float: left;
  width: 75%; 
  text-align: left; 
  padding-left: 5px;
}

div.contentinsidepages {
  float: left;
  width: 90%; 
  text-align: left; 
  padding-left: 10px;
}

#img {
  text-align: center;
}

#img img {
  border: none;
}

div.rightbar {
  float: right;
  width: 23%; 
  border: 1px solid black;
  margin-top: 7px; 
  margin-right: 2px;
  text-align: left;
  font-size: 1em;
}

* html div.rightbar {
  font-size: .8em;
}

.newsinfo {
  margin-left: 2px;
  text-align: left;
}

div.alerts {
  margin-left: 2px;
  text-align: left;
}

div.content img {
  border: none;  
  border-bottom: 1px solid black;
}

#wrapper fieldset {
  border: none;
}

#wrapper legend {
  display: none;
} 
 
span.linkchar {
  display: none;
}

/* Expandable Boxes in Content */

.sidebox {
  border: none;
  padding: 0px;
  background: white;
  width: 48%;
  background: #FFF;
  margin-left: 3px;
  border-right: 1px black solid;
  border-bottom: 1px black solid;
  float: left;
  margin-left: 2px;

}
.sideboxr {
  border: none;
  padding: 0px;
  background: white;
  width: 48%;
  background: #FFF;
  margin-left: 3px;
  border-right: 1px black solid;
  border-bottom: 1px black solid;
  float: right;
  margin-right: 5px;
}

.corner {
  background: url(sbhead-l.gif) no-repeat top left;
  height: 1.3em;
  padding: 3px 5px 0px;
  border-right: none;
  border-bottom: 1px solid black;
  font-family: verdana, arial, sans-serif;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

* html .corner {
  margin-right: -2px;
}

.corner h2 {
    font-size: .8em;
    display: inline;
}

div.blurbs {
  font-family: verdana, arial, sans-serif;
  font-size: .8em;
  color: gray;
  font-weight: bold;
  text-align: center;
  border: 1px solid black;
  border-top: none; 
  border-right: none;
  padding: 1px 5px 5px 1px;
  margin-top: 0px;
}

* html div.blurbs {
  margin-right: -2px;
}



div.btmimage {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-left: 1px solid black; 
}

div.btmimage img {
  display: block;
  width: 201px;
}

* html div.btmimage img {
 display: inline;
 width: 100%;
}

div.clear {
  clear: both;
}

#navtop ul {
  list-style: none;
  margin: 0px;
  margin-left: 15px;
  padding: 0px;
  float: left;
  width: 50%;
}

#navtop li {
  float: left;
  margin: 0px;
  padding: 0px;
}

#navtop .search {
  padding: 0 0 0 45px;
}

.searchbtn {
  vertical-align: bottom;
}

td.accbtn {
  text-align: center;
}


h1.contenttitle {
  text-align: center;
  font-weight: bold;
  color: #45638B;
  font-size: 1em;
}

h2.section {
  text-align: center;
  font-weight: bold;
  color: #45638B;
  font-size: 1.2em;
}

.btmimage img {
  width: 100%;
  margin-bottom: -4px;
}

.alerts span {
  font-family: arial, sans-serif;
  font-size: 10px;
  color: black;
}

div.indention {
  margin: 5%;
}

p.bottomnav {
  font-family: verdana, arial, sans-serif;
  font-size: .8em;
  color: #45638B;
  text-align: center;
}

p.bottomnav a, a:visited {
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
  color: #45638B;
  text-decoration: none;
}

p.bottomnav a:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
  color: black;
  text-decoration: none;
}
div.blurbs p {
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
  color: black;
  font-weight: normal;
}


.badger {
  border: none;
  padding: 0px;
}

.badge {
  border: none;
  padding: 0px;
  margin-left: -2px;
  margin-right: -5px;
}

.programtitle {
  color: black;
  border-bottom: 1px #45638B dotted;
}

#ssl {
  width: 100%;
  text-align: center;
}


h3.subtitle {
  font-size: 1em;
  font-weight: bold;
}

.contentinside ul {
  margin: 3px;
}

span.i {
  font-style: italic;
}

#toc {
  font-size: .8em;
  float: right;
  border: 1px dashed gray;
  padding: 0;
}

#toc:hover {
  background: white;
}

h4.TOC {
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 0;
  text-align: center;
  background: #ffcc66;
  border-bottom: 1px dashed gray;
  color: gray;
}

#toc a:link, a:visited {
  color: #45638B;
  text-decoration: none;
  font-size: 1em;
  font-family: arial, sans-serif;
}

#toc a:hover, a:active {
  color: black;
  text-decoration: none;
}

p.top {
  text-align: center;
  font-size: .8em;
}

div.blurbs p:hover {
  color: black;
}

li form {
 display: inline;

}

#scrollright{
position: relative;
width: 100%; 
height: 100px;
background-color: transparent;
overflow: hidden;
}

#insidescroll {
 position: absolute;
 width: 98%;
 font-family: verdana, arial, sans-serif;
 font-size: .8em;
 color: black;
 text-align: center;
}

em {
 font-style: normal;
}


div.topteaser {
  background: url("content_top.gif") no-repeat;
  width: 560px;
  height: 151px;
  padding-left: 130px;
  padding-top: 1px;
  font-family: tahoma, geneva, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #000000;
}

* html div.topteaser {
  padding-left: 230px;
}

div.topteaser p.white {
  color: #FFF;
}

div.topteaser p.red {
  color: #AF0000;
}

div.topteaser p.apply {
  color: #FFF;
  font-size: 1.5em;
  font-weight: normal;
  margin-top: -1px;
}

div.topteaser a {
  display: block;
  width: 560px;
  height: 152px;
  position: absolute;
  margin-left: -130px;
}