/* all browsers will read the following stylesheet, but only IE6 will pay attention because of the star hack */
@import "WC_ie6.css";

body {
  text-align: center;
  background-color: #C8D5CE;
}
#container {
  width: 780px;
  margin: 0 auto;
  border: 1px;
  background-color: #FFF;
}

/* Use content to control all content text attributes. */
#content {
  text-align: left;
  font-size: 12px;
  color: #00427D;
  width: 500px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 10px;
  background-image: url(../template_images/content_background.jpg);
  background-repeat: no-repeat;
}
p, td, a, ul {
  font-size: 11px;
  color: #00427D;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
}
h1, h1 a {
  font-size: 16px;
  color: #00427D;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 {
  font-size: 14px;
  color: #00427D;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3 {
  font-size: 12px;
  color: #00427D;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#home_points_of_interest {
  position:relative;
  left:375px;
  top:5px;
  width:125px;
  height:135px;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #7D86A4;
  font-stretch: ultra-condensed;
  line-height: 1.1em;
  font-weight: bold;
}
#home_points_of_interest2 {
  position:relative;
  left:345px;
  top:-235px;
  padding-top: 55px;
  padding-right: 10px;
  padding-left: 30px;
  width: 160px;
  height: 235px;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #7D86A4;
  font-stretch: ultra-condensed;
  line-height: 1.1em;
  font-weight: bold;
  background-image: url(../template_images/home_points_of_interest.gif);
  background-repeat: no-repeat;
}
#home_content {
  position:relative;
  left:0px;
  padding-right: 0px;
  top:5px;
  width:325px;
  height: 235px;
  font-size:11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #777777;
  line-height: 1.7em;
  font-weight: bold;
  text-align: right;
  letter-spacing: -0.13em;
}
#home_content td {
  font-size:10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #777777;
  font-weight: bold;
  line-height: 1.7em;
  letter-spacing: -0.13em;
  text-align: right;
}

#home_points_of_interest a {
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #7D86A4;
  font-stretch: ultra-condensed;
  line-height: 1.1em;
  font-weight: bold;
  text-decoration: none;
}
#home_points_of_interest2 a {
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #7D86A4;
  font-stretch: ultra-condensed;
  line-height: 1.1em;
  font-weight: bold;
  text-decoration: none;
}
#date {
  float: left;
  width: 160px;
  color: #707B9B;
  font-weight: bold;
  text-align: right;
  padding-top: 0px;
  text-transform: uppercase;
}
#rates_table {
  padding-left: 4px;
  width: 174px;
  }
#rates_table table {
  color: #7B7B7B;
  border-collapse:collapse;
  }

#rates_table td {
  padding: 3px 1px 4px 4px;
  color: #7B7B7B;
  border: 1px solid #7B8690;
  }
  
/* Needed for IE6 - see WC_ie6.css */
#whatsnew {
}
#footer { 
  height: 83px;
}

/* Controls the look of everything in the left hand menu */
  #menu {
  text-align: left;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  background: #A0ADA7;
  border-right: 0;
  border-bottom: 0;
  clear: both;
  overflow: hidden;
  width: 255px;
  }

  #menu ul, #menu li {
    display: block;
    list-style-type: none;
    margin: 0px; padding: 0px;
  }
  #menu a { background-repeat: no-repeat; display: block; width: 100%; }
  #menu span { display: none; width: 100%;}

  /* SUB MENUS */
  #menu div ul ul {
    display: none;
  }
  #menu ul ul li {
    background-repeat:repeat-y;
    height: auto;
    padding-left: 30px;
    padding-bottom: 3px;
  }
  #menu ul ul a {
  background: none;
  height: auto;
  line-height: 110%;
  text-decoration: none;
  color: 29344f;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  }
  #menu ul ul a span {
    cursor: hand;
    display: block;
    height: auto;
  }
  #menu ul ul a:hover {
  }
  /* END SUB MENUS */
  
  /* NAV */
  #nav { padding-top: 0px; }
    #nav_join a     { background-image: url(../template_images/menu_join.gif); height: 24px;}
    #nav_products a   { background-image: url(../template_images/menu_products.gif); height: 24px; }
    #nav_special_svcs a   { background-image: url(../template_images/menu_forms_agreements.gif); height: 24px; }
    #nav_credit_cards a { background-image: url(../template_images/menu_credit_cards.gif);  height: 24px; }
    #nav_loans a    { background-image: url(../template_images/menu_loans.gif);  height: 24px; }
    #nav_rates a    { background-image: url(../template_images/menu_rates.gif); height: 24px; }
    #nav_calculators a  { background-image: url(../template_images/menu_calculators.gif); height: 24px; } 
    #nav_newsletter a   { background-image: url(../template_images/menu_newsletter.gif); height: 24px; }
    #nav_feedback a   { background-image: url(../template_images/menu_feedback.gif); height: 25px; }

  /* END NAV */
/* END MENU */