/*
----------------------------
BANK SAFE ONLINE CSS: LAYOUT
----------------------------
*/

/* BODY & HEADER */
body {padding: 0; margin: 18px; text-align: center; font-family: verdana, Arial, sans-serif; font-size: 0.7em; line-height: 1.6em; color: #000; background-color: #fff;}
#container {margin: auto; text-align: left; width: 774px;}
#title {display:none;}
#header {float : right; width: 560px; height: 109px; background: url(../images/header/background.jpg) no-repeat top right; text-align: right; margin-bottom: 3px;}
#search_box {padding-top: 8px; margin-right: 8px; font-size: 0.9em}
#nav_top_line {height: 3px; clear: both;}
#breadcrumb {padding: 3px 0px 0px 12px; margin-bottom: 15px; font-size: 0.9em;}
#skip_links {display: none}
#date {padding: 58px 8px 0 0; font-size: 0.9em}

/* SUB PAGES */
div.left {width: 410px; float: left; clear: left;}
div.right {width: 173px; float: right;}

/* LOGO */
#logo {float: left; width: 214px; height: 109px; margin: 0; padding: 0; z-index: 10; background: url(../images/header/logo.gif) no-repeat;}
#logo a {text-indent: -9999px; display: block; width: 214px; height: 109px; text-decoration: none}

/* EXAMPLE SCAMS */
#col_subpage_2 div.scam_box {width: 500px; margin-left:12px; padding: 100px 0 10px 25px; background: url(../images/scam_examples/template.gif) no-repeat top left;}
#col_subpage_2 div.scam_box p {width: 440px; margin: 5px 40px 5px 5px;}

/* PHISHING LOGO LISTS */
#bank_logos ul {padding: 0; margin: 20px 0 15px 12px; list-style: none;}
#bank_logos li {padding: 0; margin: 0 20px 0 15px; display: inline; text-align: center; vertical-align: middle;}

/* UTILITIES BUTTONS */
#buttons {list-style: none; padding: 0; margin: 0; width: 100%;}
#buttons li {float: left; padding: 0; margin: 0; padding-bottom: 10px;}
#buttons a {font-weight: normal; font-size: 0.9em; text-align: left;}
.btn_printerfriendly {width: 70px;}
.btn_emailpage {width: 70px; text-align: right}
#buttons_print {display: none}


/* NAV FOOTER */
#footer {clear: both; padding-left: 10px; margin-left: 218px; margin-top: 20px; color: #737373; font-size: 0.9em; margin-bottom: 12px; clear: both; border-left: solid 1px #C7C7C7}
#nav_footer {padding: 0; margin: 0; list-style: none; margin-bottom: 6px;}
#nav_footer li {padding: 0; margin: 0; list-style: none; float: left; padding-left: 10px; margin-right: 10px; background: url(../images/background_footer.gif) no-repeat center left;}
#nav_footer li.first {background: none; padding-left: 0}
#nav_footer a {color: #000; font-weight: normal}
#footer p {padding-top: 10px;}

a.footer_accessibility {display: block; width: 126px; height: 18px; background: url(../images/structure/footer_accessibility.gif) no-repeat; text-indent: -9999px; float: left; margin-left: 10px; margin-right: 10px; text-decoration: none}
a.footer_accessibility:hover {text-decoration: none}

img.middle {vertical-align: middle;}