body { margin: 0; background: #fff; font-family: Helvetica, sans-serif; font-size: 100.1%; background: #636349 url("/images/dollar.gif"); }
/* Removed display: block and height: 1px if that causes any trouble */
.clear { clear: both; }
a:link, a:visited { text-decoration: none; }

#wrapper { width: 724px; background: #fff; margin: 0 auto; padding: 0 14px 30px 14px; border: 3px solid #000; border-top: none; }
#container { border: 1px dotted #660; border-top: none; padding: 0 2px 2px 2px;  }

#header { border: 1px solid #660; border-top: none; }
#header img { margin: 25px; float: left; }
#header ul { list-style: none; float: left; margin: 0; padding: 0; }
#header li { 
 float: left;
 height: 45px; 
 width: 77px;
 font-size: 8pt;
 border-left: 1px dotted #660; 
 border-top: 7px solid #996;
 margin-left: 1px;
 
}
#header a { display: block; height: 35px; padding: 8px 0 0 3px; border-top: 2px solid #fff; }
#header a:link, #header a:visited { color: #000; }
#header a:hover { color: #fff; background: #cc9; }

#header li.active { border-top-color: #ed9f00; background: #cc9; }
#header li.active a:link, #header li.active a:visited { color: #fff; }

#main { border: 1px solid #660; border-top: none; background: url("/images/faux.gif") repeat-y 0 2px; }

#menu { width: 158px; float: left; font-size: 0.7em; padding-bottom: 1em; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { border-bottom: 1px dotted #660; }

#menu li a { display: block; padding: 10px; border-top: 1px solid #fff;  }
#menu a:link, #menu a:visited { color: #000; }
#menu li a:hover, #menu li.active a { background: #cc9 url("/images/menu-br.gif") repeat-y top right; border-right: 7px solid #996; }
#menu li.active a  { border-right-color: #ed9f00; }

#menu #ibank { background: #996; margin: 0; border: 2px solid #fff; border-width: 2px 0 1px 0; }
#menu #ibank a:hover { background: #996; border-right: none; }
#ibank a:link, #ibank a:visited { color: #fff; }

#menu img { margin: 20px auto 0 auto; display: block; }

#callus { text-align: center; }

#login { 
display: block; 
width: 4.5em; 
margin: 5px auto;
padding: 2px 12px 2px 7px; 
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #994;
border-right: 1px solid #994; 
background: #cdcb9a url("/images/arrow.gif") no-repeat 4.5em 0.4em;
}

#menu div { text-align: center; }
#menu div a:link, #menu div a:visited, #content a:link, #content a:visited { color: #660; text-decoration: underline; }

#content { width: 524px; border-top: 1px dotted #660; float: right; margin-top: 3px; padding: 1em 17px; font-size: 0.8em; }

h1, #faq h2 { font-size: 1.1em; margin: 0.3em 0; background: #cdcb9a; padding: 5px; text-align: center; color: #663;  }
h2 { font-size: 1.0em; }

h1.atm, #faq h2 { text-align: left; font-size: 1.0em; clear: both; }
h1.atm span, #faq h2 span { background: #ed9f00; display: block; float: left; width: 10em; padding: 5px; color: #fff; border-right: 1px solid #fff; text-align: center; margin: -5px 1em 0 -5px; }
#faq h2 span { width: 3em; }

#faq p { border-bottom: 1px dotted #660; }

.fineprint { font-size: 0.8em; margin: 0.3em 0; }

img.highlight { margin: 0 auto 1em auto; padding-bottom: 1em; display: block; border-bottom: 1px dotted #660; }

address { font-style: normal; width: 166px; height: 20em; display: block; float: left; padding: 0 6px; border: 1px dotted #660; border-width: 0 0 1px 1px; margin-bottom: 1em; }
address span.location { display: block; background: #cdcb9a; text-align: center; padding: 5px; margin-bottom: 1em; color: #663; } 
address span.hours { display: block; padding-bottom: 10px; }
address.first { padding-left: 0; border-left: none; }
address.last { padding-right: 0; }
address.driveup { width: 255px; margin-bottom: 1em; height: 7em; }
#inside address { height: 7em; }

#additional { width: 200px; float: right; background: #cdcb9a; color: #663;  margin-left: 1em; }
#additional h2 { text-align: center; color: #fff; background: #ed9f00; padding: 5px; margin: 0; }

#logo { display: block; margin: 0 auto; padding-bottom: 10px; }

.board { list-style: none; margin: 0; padding: 0; clear: both; }
.board img { display: block; margin-bottom: 5px; }
.board li { text-align: center; width: 90px; height: 170px; float: left; padding: 5px 20px; }
.board .notpictured img { border: 1px dotted #660; }

#giving img { float: right; }

.banking { border-collapse: collapse; font-size: 95%;  margin: 10px 0; border-bottom: 1px dotted #660; }
.banking th { background: #cdcb9a; font-weight: normal; color: #663; padding: 10px 0; }
.banking th.empty { background: #ed9f00; border-right: 2px solid #fff; width: 32%; }
.banking td { background: #e1e0c2; padding: 5px 1px 5px 9px; border-left: 1px dotted #660; }
.banking tr td:first-child { border-left: none; }
.banking tr.odd td { background: #fff; }

#locations { position: relative; }
#locations ul { list-style: none; }
#locations li a { display: block; width: 30px; height: 30px; text-decoration: none; position: absolute; }
#locations li a img { border: none; }
#locations #market a, #locations #marketatm2 a { top: 86px; left: 226px; }
#locations #marketatm a { top: 86px; left: 127px; }
#locations #jefferson a { top: 77px; left: 190px; }
#locations #highway72 a { top: 166px; left: 370px; }
#locations #hobbsatm a { top: 44px; left: 232px; }
#locations #hwy72atm2 a { top: 136px; left: 86px; }
#locations #hwy72atm a { top: 136px; left: 290px; }
#locations #capshaw a { top: 120px; left: 400px; }
