/* CSS Document */
body {
  background: #FFFFFF;
  font-family: arial, sans-serif;
  text-align: center; 
  font-size: medium;
  margin: 0;
  padding: 0;
}
#outer {
  width: 768px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background-color: #FFFFFF;
  line-height: 1.3em; 
  color: #000;
  border: 1px solid #8b1738;
}

#top-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
#top-nav li {
  float: left;
}
#top-nav li a {
  color: #fff;
  text-decoration: none;
  font-size: 75%;
  background: #8b1738;
  display: block;
  font-weight: bold;
  padding: 0 5px;
  margin: 0 0 2px 2px; 
}
#top-nav li a:hover {
  text-decoration: underline;
}
span {
  font-size: 115%;
  color:#8b1738;
  float: right;
  padding: 4px;
} 
/*---Otis Online Login--*/
#otis-online {
  background: url(../images/tethered_main.gif) repeat-x top left;
}
#online-title {
  padding: 2px 0;
}
.submit {
  margin: 1px 0 0 0;
  padding: 0;
}
/*----main navigation--*/
#nav {
  border-top: 3px solid #8b1738;
  background: #e4e5e6;
}
#main-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  background: #fff;
}
#main-nav li {
  float: left;
}
#main-nav a {
  text-decoration: none;
  color: #FFFFFF;
  padding: 1px 7px;
  margin: 0 2px 0 0 ;
  display: block;
  text-align: center;
  font-size: 80%;
  font-weight: bold;
  float: left;
} 
.hour a {
  background: #e6b66d;
  width: 8em;  
}
.services a {
  background: #a5b8d8;
   width: 5em;  
}
.loans a {
  background: #f8c94c;
   width: 3em;  
}
.loan-rates a {
  background: #9e9e9e;
  width: 6em;
}
.shares a {
  background: #b3b08d;
  width: 10em
}
.rates a {
  background: #b79559;
  width: 7em
}
.coindexter a {
  background: #d4881a;
  width: 6em
}
.spare a {
  background: #8b1738;
  width: 5em
}
#main-nav a:hover {
  text-decoration: underline;
}
#rate-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  float: center;
}
#rate-nav li {
  float: left;
}
#rate-nav li a {
  color: #8b1738;
  text-decoration: none;
  font-size: 75%;
  background:  #CCFFFF;
  display: block;
  font-weight: bold;
  padding: 0 5px;
  margin: 0 0 2px 3px; 
}
#rate-nav li a:hover {
  text-decoration: underline;
}