@import"initial.css";

/* CORE SITE STRUCTURE ---------------------------------*/
html { margin:0; padding:0; }
body { margin:0; padding:0; }

section#site { margin:0 auto; width:900px; background:#fff; }

header { border-top:18px solid #0956a2; height:150px; }
footer { border-bottom:18px solid #0956a2; padding-bottom:30px; }

section#privacy       { padding:0 60px; }
section#consumers     { padding-bottom:30px; }
section#credit-unions { border-top:15px solid #bcb094; padding-top:10px; clear:both; }

section#consumers div     { width:240px; }
section#credit-unions div { width:520px; }

section#consumers aside     { float:left; }
section#credit-unions aside {  }

/* BASIC CLASSES ---------------------------------------*/
div,aside { float:left; margin-left:40px; }
br { clear:both; }

h2 { color:#c6484c; padding-bottom:3px; font:normal 30px "Trebuchet MS"; margin:.5em 0 .25em; border-bottom:3px solid #c9c0a9; }
p, li { color:#5a2929; }

section#consumers aside div { float:none; margin:0; border:4px solid #0956a2; padding:0 20px 10px; }
section#consumers aside div p { margin:0; }
section#consumers aside div p a { display:block; text-align:right; color:#0956a2; font:bold 15px "Trebuchet MS"; text-decoration:none; }
section#consumers aside div strong { display:block; color:#0956a2; font:normal 20px "Trebuchet MS"; }
section#consumers aside div form { margin:0; padding:0; }
section#consumers aside div form select { width:240px; }

/* HEADER STYLES ---------------------------------------*/
h1 { margin:0; padding:0; }
h1 a { display:block; height:170px; margin:50px 0 0 40px; padding:0; }

/* BODY STYLES -----------------------------------------*/
p#resources a,
p#member-login a { display:block; margin:15px auto; width:172px; height:50px; text-align:center; text-decoration:none; border:3px solid #eae0c0; font:normal 22px/50px "Trebuchet MS"; color:#333; } 
p#cu-login a { display:block; margin:40px 0 30px; width:280px; height:50px; border:3px solid #0956a2; color:#0956a2; text-align:center; text-decoration:none; font:normal 19px/50px "Trebuchet MS"; }

p#making-home-affordable a,
p#passageways a { display:block; text-align:center; color:#0956a2; font:bold 15px "Trebuchet MS"; text-decoration:none; }

/* FOOTER STYLES ---------------------------------------*/
footer p { color:#c6484c; font:bold 22px "Century Gothic"; font-weight:bold; margin:30px 0; padding:20px 40px; border:15px solid #c9c0a9; border-left:none; border-right:none; }
footer div { float:none; width:760px; border-bottom:0; }
footer div p { color:#000; font-size:12px; text-align:left; border:none; margin:0; padding:0; }
footer div a { color:#000; }
footer img { float:right; margin:0 50px; }