body{ font: 12pt "Helvetica Neue", Arial, Helvetica, sans-serif; color: #111; padding: 20px 0; }
a{ color: #339; }
  a:hover{ color: #5211A9; }
  
hr{ color: #ccc; background-color: #eee; height: 1px; border: none; margin: 20px 10px; }
P { font-size: 10pt; }
ul { font-size: 10pt; }
ol { font-size: 10pt; }
td { font-size: 10pt; }
.8pt { font-size: 8pt; }


/* Formats blue estara callout */
.leftcall_blue{
  margin: 0px;
  padding: 0px;
  width: 225px;
}
.leftcall_blue dl {
  width: 199px;
  background: url(images/leftcall_blue_bg.gif);
}
.leftcall_blue dd.callNow {
  font-size: 13px;
  font-weight: bold;
  width: 199px;
  background: url(images/leftcall_blue_top.gif) no-repeat top;
}
.leftcall_blue dd.callNow div {
  padding: 3px 15px 5px 5px;
}
.leftcall_blue dd {
  width: 199px;
  color: #FFFFCC;
  background: url(images/leftcall_blue_bottom.gif) no-repeat bottom;
}
.leftcall_blue dd div {
  padding: 0px 15px 15px 5px;
}
.leftcall_blue dd.callNow b{
  color: #FFF;
}
.leftcall_blue p{
  margin: 0px;
  padding: 0px;
}
.leftcall_blue form{
  margin: 0px;
  padding: 0px;
}
.leftcall_blue input{
  margin: 0px 0px 5px 0px;
  padding: 0px;
}


/* Formats the left callout area */
#calloutarea {
  padding-left: 30px;
  width: 225px;
}

/* Formats all callouts */
dd {
  margin: 0px;
  padding: 0px;
}

/* Formats blue estara callout */
.leftcall_blue{
  margin: 0px;
  padding: 0px;
  width: 225px;
}
.leftcall_blue dl {
  width: 199px;
  background: url(images/leftcall_blue_bg.gif);
}
.leftcall_blue dd.callNow {
  font-size: 13px;
  font-weight: bold;
  width: 199px;
  background: url(images/leftcall_blue_top.gif) no-repeat top;
}
.leftcall_blue dd.callNow div {
  padding: 3px 15px 5px 5px;
}
.leftcall_blue dd {
  width: 199px;
  color: #FFFFCC;
  background: url(images/leftcall_blue_bottom.gif) no-repeat bottom;
}
.leftcall_blue dd div {
  padding: 0px 15px 15px 5px;
}
.leftcall_blue dd.callNow b{
  color: #FFF;
}
.leftcall_blue p{
  margin: 0px;
  padding: 0px;
}
.leftcall_blue form{
  margin: 0px;
  padding: 0px;
}
.leftcall_blue input{
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

/* Nav */
#nav ul {
  margin: 0;
  padding: 0;
}
#nav ul li {
  margin: 0;
  list-style: none;
}
#nav ul li.fb {
}
#nav ul li a {
  display: block;
  width: 140px;
  padding: 5px;
  margin: 0;
  border-bottom: 1px solid white;
  background: #5F7E9D;
  color: white;
  font-family: "lucida grande", tahoma,verdana;
  text-decoration: none;
  font-size: 105%;
}
#nav ul li a:hover, nav ul li a:focus {
  background: #344455;
  color: white;
  text-decoration: none;
}
#nav ul li.calc img {
  float: left;
  padding: 5px 7px 5px 0;
  border: none;
}
#nav ul li.newsletter a {
  background: #fff;
  font-weight: bold;
  padding-top: 15px;
  color: #B14F1B;
  text-align: center;
  text-decoration: underline;
}
#nav ul li.newsletter a:hover, #nav ul li.newsletter a:focus {
  text-decoration: none;
  color: #CD7227;
}

/**********/

/* mortgage rate chart */
#erateWidget{
  width:540px;
}
#erateWidget table.ratesTable{
  padding:5px;
  margin:0px auto;
  border-color:#5f7e9d;
  width:100%;
}

#erateWidget table.ratesTable td{
  border-color:#5f7e9d;
}

#erateWidget table.ratesTable th.top{
  font-weight:bold;
  color: #ffffff;
  border: 1px solid #5f7e9d;
  border-left: none;
  text-align: left;
  padding: 5px;
  background: #5f7e9d;
}

#erateWidget table.ratesTable .left{
  border-left: 1px solid #5f7e9d;
  width:50%;
}

#erateWidget table.ratesTable th.tick{
  color: #ffffff;
  border: 1px solid #5f7e9d;
  text-align: left;
  border-top: none;
  background: #ffffff;
  color: #5f7e9d;
  font-weight: bold;
}

#erateWidget table.ratesTable td{
  border-right: 1px solid #5f7e9d;
  border-bottom: 1px solid #5f7e9d;
  background: #ffffff;
  padding: 5px;
  color: #000000;
  text-align:center;
}

#erateWidget table.ratesTable th.tdcenter{
  text-align:center;
  width:25%;
}

#erateWidget .caption{
  padding: 0px;
  text-align: center;
  color: #000000;  
}
#erateWidget .caption a, #erateWidget .caption a:hover, #erateWidget .caption a:visited{
  text-decoration:none;
  color: #000000;
}
#erateWidget h4.caption a {
  color: #B14F1B !important;
  text-decoration: underline;
}
#erateWidget h4.caption a:hover, #erateWidget h4.caption a:focus {
  text-decoration: none;
  color: #CD7227;
}