/* 
  This CSS contains the site layout properties
*/

body {
  background-color: #FFFFFF;
  margin: 5px 0 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px;
  text-align: left;
}

#site-binder {
  width: 738px;
  margin: 0
}

#binder {
  width: 737px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  background-color: #FFFFFF;
}

#binder-header-left {
  text-align: center;
  width: 193px;
  float: left;
  margin: 0 0 0 0;
}

#binder-header-left .hidelogo {
  display: block;
  padding: 10px;
}

#binder-header-right {
  float:right;
  width: 542px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#binder-slogan {
  text-align: center;
  margin: 13px 10px 13px 0;
}

#binder-flash {
  text-align: right;
  margin: 0 0 0 0;
  display: none;
}

#logo-container, #logo-container a {
  overflow: hidden;
  height: 70px;
  width: 183px;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: url(/images/logo_mbs.gif) no-repeat 4px 10px;
  display: none
}

#binder-subnav{
  text-align: left;
  width: 195px;
  height: 0px;
  float: left;
  margin: 0 0 0 0;
  background: url(/images/bg_subnav.gif);
  display: none;
}

/* Homepage Content */

#content-homepage {
  margin: 0;
  float: left;
  width: 500px;
  padding: 5px;
}

/* Homepage News */

#content-news {
  margin: 0;
  float: left;
  width: 500px;
  padding: 5px;
}

/* General Content */

#content {
  margin: 0;
  float: left;
  width: 560px;
  padding: 5px;
}

#content-sublinks {
  margin: 0;
  float: right;
  width: 125px;
  display: block;
  padding: 5px;
  text-align: right;
}

#content .left{
  margin: 0;
  float: left;
  width: 270px;
  padding: 0 0 10px;
}

#content .right{
  margin: 0;
  float: right;
  width: 270px;
  padding: 5px;
}

#contentbox {
  margin: 5px 3px 0 0;
  float: right;
  width: 155px;
  display: block;
  padding: 0px;
  text-align: left;
  border-top: 1px solid #052A5E;
  border-right: 1px solid #052A5E;
  border-bottom: 1px solid #052A5E;
  border-left: 1px solid #052A5E;
  
}

#contentbox .header {
  background-color: #D5E1EC;
  padding: 5px;
  width: 145px;
  border-bottom: 1px solid #052A5E;
  font-size: 10px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
  color: #000000;
}

#contentbox a {
  background-color: #FFFFFF;
  padding: 5px 0 5px 5px;
  display: block;
  width: 150px;
  text-decoration: none;
}

#contentbox a:hover {
  background-color: #B6D1E8;
  width: 150px;
  display: block;
  padding: 5px 0 5px 5px;
}

#contentbox .selected {
  background-color: #D6DADE;
  width: 150px;
  display: block;
  padding: 5px 0 5px 5px;
}

/* Footer */

#footer {
  width: 737px;
}

#footer-left {
  margin: 0;
  line-height: 14px;
  font-size: 9px;
  padding: 5px 10px 5px 10px;
  float: left;
  color: #666666;
  width: 100px;
  text-align: left;
  display:none;
}

#footer-right {
  margin: 0;
  line-height: 14px;
  font-size: 9px;
  padding: 5px 70px 5px 10px;
  float: right;
  color: #666666;
  width: 330px;
  text-align: left;
}

#footer a {
  color: #052A5E;
}

#footer a:hover {
  text-decoration: none;
  color: #0747A1;
}

/* CSS Line and Break */

#line {
  display: block; 
  font-size: 1px; 
  height: 1px; 
  line-height: 1px; 
  clear: both; 
  background-color: #000000;
  margin: 0;
}

#break {
  display: block; 
  font-size: 1px; 
  height: 1px; 
  line-height: 1px; 
  clear: both; 
  margin: 0;
}

/*
  Text layout properties
*/


/* Helping Credit Unions */

.slogan-color {
  font-size: 18px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-style: italic; 
  color: #052A5E;
  text-align: right;
}

/* General Links */

a {
  color: #052A5E;
  text-decoration: underline;
}

a:hover {
  color: #0747A1;
  text-decoration: none;
}

/* Do Business! */

.slogan-highlight {
  font-size: 18px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #0747A1;
  text-align: right;
}

/* Headers */

.header1 {
  font-size: 18px;
  font-weight: bold;
  color: #052A5E;
  padding: 0;
  margin: 5px 0 0 10px;
  display: block;
  font-style: italic;
  border-bottom: 1px solid #000000;
}

.header2 {
  font-size: 13px;
  font-weight: bold;
  color: #3C58B3;
  padding: 0;
  margin: 5px 0 0 10px;
  display: block;
}

.header3 {
  color: #0066CC;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 0 0 10px;
  display: block;
}

.header-garnet {
  font-size: 10px;
  font-weight: bold;
  color: #990000;
  padding: 0;
  margin: 10px 0 0 10px;
  display: block;
}

/* Content Styles */

#content p {
  padding: 0 0 0 10px;
  font-size: 12px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-style: normal; 
  color: #000000;
}

#content li {
  list-style-image: url(/images/li.gif);
  font-size: 12px;
  color: #000000;
  margin: 0 0 5px 0;
}

#content-homepage .header1 {
  font-size: 15px;
  font-weight: bold;
  color: #666666;
  padding: 0;
  margin: 5px 0 0 10px;
  display: block;
  font-style: normal;
  border-bottom: 0px;
}

#content-homepage .header2 {
  font-size: 13px;
  font-weight: bold;
  color: #052A5E;
  padding: 0;
  margin: 10px 0 0 10px;
  display: block;
}

#content-homepage .header3 {
  margin: 0 0 0 0px;
  color: #0747A1;
  font-size: 12px;
  font-weight: normal;
  padding: 3px 10px 10px 10px;
  border-top: 1px solid #000000;
  display: block;
}

#content-news span {
  text-align: left;
  display: block;
  margin: 5px 0 0 5px;
  padding: 0 10px 0 0;
  border: 1px solid #052A5E;
  overflow: auto;
  height: 250px;
}

#content-news .header1 {
  font-size: 10px;
  font-weight: bold;
  color: #052A5E;
  padding: 0;
  margin: 5px 0 0 10px;
  display: block;
  font-style: normal;
  border-bottom: 0px;
}

#content-news .header2 {
  margin: 0 0 0 0px;
  color: #0747A1;
  font-size: 10px;
  font-weight: normal;
  padding: 3px 10px 10px 10px;
  border-top: 1px solid #000000;
  display: block;
}

/* Div Backgrounds */

.wetmark-background {
  background-attachment: fixed;
  background-image: url(/images/bg_mbs.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: block;
}

/* Picture Padding */

.pic-padding {
  padding: 0 5px 0 0;
  display: block;
  float: left;
}