/* Resets
---------------------------------------- */
div { padding:0; margin:0; }


/* General Page Setup
---------------------------------------- */
html, body { margin:0; padding:0 }
body { background:#eceae4; font-family:Arial,Helvetica,FreeSans,Clean,sans-serif; font-size:13px; text-align:center; }
#page { box-shadow:1px 1px 9px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 9px rgba(0, 0, 0, 0.2); -webkit-box-shadow:1px 1px 9px rgba(0, 0, 0, 0.2); }
#page { background:#fff; border:1px solid #bfb8b2; margin:10px auto 25px; text-align:left; width:959px }


/* Masthead
---------------------------------------- */
#masthead { background:#eae8e6 url('../images/background_masthead.gif') repeat-x; overflow:hidden; position:relative; zoom:1 }
h1 { margin:0; padding:31px 0 13px 13px; position:relative }
h1 a { background:url('../images/logo.jpg') no-repeat; display:block; height:85px; text-indent:-9999px; outline:none; width:328px }
h3 { color:#89a05d }
.what { font-size:12px; position:absolute; bottom:30px; right:18px }
.copyright { background:url('../images/copyright.gif') no-repeat; display:block; height:21px; position:absolute; bottom:0; right:0; text-indent:-9999px; width:263px }

#login{ border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px }
#login{ background:#eae8e2; border:1px solid #fff; padding:5px 5px 8px 11px; position:absolute; top:0; right:0 }
#login label{ padding-right:4px }
#login label, #login input{ font-size:12px }
#login strong{color:#89a05d; font-size:13px; font-style:italic; margin-right:16px}

/* Navigation
---------------------------------------- */
#nav { background:#889f5c url('../images/background_nav.gif') repeat-x; border-bottom:1px solid #555; height:51px; overflow:hidden }
#nav a { display:block; _display:inline; color:#ddd; float:left; font-size:14px; font-weight:bold; line-height:14px; padding:20px 14px 17px; text-decoration:none; text-transform:uppercase }
#nav a:hover { background:#94ab67 }
#nav .first { margin-left:45px }
#nav .fff { color:#fff }
#nav .cur { background:#94ab67 }


/* Content Header
---------------------------------------- */
#header { background:#fff url('../images/background_header.gif') repeat-x; height:198px; overflow:hidden; position:relative }
/* Home */
.home p { background:url('../images/header_home.jpg') no-repeat; color:#736767; font-size:14px; margin:0; padding:74px 0 100px 402px }
.home a { display:block; outline:none; position:absolute; text-indent:-9999px; }
.investments { background:url(../images/button_investments.gif) no-repeat; height:32px; top:130px; left:399px; width:130px; }
.investments:hover { background:url(../images/button_investments_over.gif) no-repeat; }
.checking { background:url(../images/button_checking.gif) no-repeat; height:32px; top:130px; left:528px; width:170px; }
.checking:hover { background:url(../images/button_checking_over.gif) no-repeat; }
/* Checking & Savings */
.piggy p { background:url('../images/header_piggy.jpg') no-repeat; color:#7d6c6c; font-size:14px; margin:0; padding:74px 0 100px 254px }
/* Investments */
.graphing p { background:url('../images/header_graphing.jpg') no-repeat; color:#7d6c6c; font-size:14px; margin:0; padding:74px 0 100px 254px }
.graphing a { display:block; outline:none; position:absolute; text-indent:-9999px; }
.button_evision { background:url(../images/button_evision.gif) no-repeat; height:32px; top:130px; left:253px; width:130px; }
.button_evision:hover { background:url(../images/button_evision_over.gif) no-repeat }
.button_mpv { background:url(../images/button_mpv.gif) no-repeat; height:32px; top:130px; left:253px; width:170px; }
.button_mpv:hover { background:url(../images/button_mpv_over.gif) no-repeat }
/* Loans & Credit */
.pen p { background:url('../images/header_pen.jpg') no-repeat; color:#7d6c6c; font-size:14px; margin:0; padding:74px 0 100px 254px }
/* Mortgages */
.keys p { background:url('../images/header_keys.jpg') no-repeat; color:#7d6c6c; font-size:14px; margin:0; padding:74px 0 100px 254px }
/* Rates */
.percentage p { background:url('../images/header_percentage.jpg') no-repeat; color:#7d6c6c; font-size:14px; margin:0; padding:74px 0 100px 254px }
/* Membership */
.member p { background:url('../images/header_member.jpg') no-repeat; color:#7d6c6c; font-size:14px; margin:0; padding:74px 0 100px 254px }

p.disclaimer { color:#999; font-size:11px; margin:0 62px 24px; text-align:justify }
.notice { background:#ffdb93; border:1px solid #d2ad64; margin:10px; padding:8px 0; text-align:center }

/* Content
---------------------------------------- */
h2 { color:#89a05d; font-family:Georgia, "Times New Roman", "Nimbus Roman No9 L", Times, serif; font-size:21px; font-weight:normal; margin:35px 0 24px 60px }
.columned { border-collapse:collapse; margin:0 62px 24px; width:835px }
.single { border-collapse:collapse; margin:0 62px 24px; width:578px }
.gutter { width:30px }
.left, .right { vertical-align:top; width:399px }
#mpv_container{ margin:0 0 24px 60px }
#mpv_container table{ width:90% }


/* Footer
---------------------------------------- */
#footer { background:#837870; padding:12px 0; text-align:center }
#footer a { color:#cde8f0; font-size:11px; margin:0 12px }


/* Raw Element Styling
---------------------------------------- */
a { color:#62a9bd }
a:hover, a:active { text-decoration:none }
a:visited { color:#7162bd }

p { color:#666; font-size:13px; line-height:24px; margin:0 0 24px }


/**/
.error {
  background: #fff;
  margin: 96px auto 120px;
  padding: 48px;
  text-align: center;
}
.error p {
  margin-bottom: 12px;
}

.error-title {
  color:#666;
  font-family: Georgia, "Times New Roman", "Nimbus Roman No9 L", Times, serif;
  font-size: 21px;
  margin-bottom: 12px;
}