html, body, #wrapper 
{
min-height: 100%; 
/*Sets the min height to the   height of the viewport.*/  
width: 100%;  height: 100%; 
/*Effectively, this is min height   for IE5+/Win, since IE wrongly expands   an element to enclose its content.   This mis-behavior screws up modern    browsers*/  
margin: 0;  padding: 0;  } 

html>body, html>body #wrapper {  
height: auto; /*this undoes the IE hack, hiding it   from IE using the child selector*/  
}  

#wrapper {  position: absolute;  top: 0;  left: 0;  }   


body { font-family: arial; text-align: left; margin-left:0px; margin-top:0px; background-image: url(../images/top_bg.gif); background-repeat: repeat-x; }
#master { position:static; width: 780px; text-align: left; margin-left:0px; margin-bottom: 10em; height: 100%; }


#header { background-image: url(../images/header.jpg); background-position: bottom; height: 63px; width: 780px; background-repeat: no-repeat; }
#header #links { font-size: 8pt; padding-top: 8px; margin-left: 460px; }
#header #links a { font-weight: bold; color: #929191; text-decoration: none; margin-right: 2px;}
#header #links .green { color: #2C5234 }

#topNav { height: 20px; background: white; }
#topNav .header_menu { padding-top: 1px; text-align: left; color: white; text-decoration: none; font-size: 12px; font-weight: bold; }
#topNav .whiteSpacer { width: 226px; background: white }
#topNav #personal {  background: url(../images/navigation_top_bg.gif) repeat-x; float: left; width: 125px; height: 20px; border-right: 1px solid white; text-align: center; line-height: 18px; }
#topNav #business {  background: white url(../images/navigation_top_bg.gif) repeat-x; float: left; width: 109px; height: 20px; border-right: 1px solid white; text-align: center; line-height: 18px; }
#topNav #onlinebanking {  background: white url(../images/navigation_top_bg.gif) repeat-x;) float: left; width: 147px; height: 20px; border-right: 1px solid white; text-align: center; line-height: 18px;}
#topNav #about {  background: white url(../images/navigation_top_bg.gif) repeat-x; float: left; width: 173px; height: 20px; text-align: center;line-height: 18px; }
html>body #topNav .header_menu { padding-top: 0px; }
html>body #topNav #about { float: left; width: 170px; }

#main { position:relative; clear: both; margin: 10px 0px 10px 10px; }

#leftNav { float: left; background-color: #DBE2DC; width: 209px; margin: 0px 0px 10px 0px; }
#leftNav img { border: 0px; margin: 0px; }
#leftNav .item { margin: 7px }

#leftNav .itemNav { }
#leftNav .itemNav { margin-bottom: 25px; }
#leftNav .itemNav .title { margin: 0px 0px 1px 0px; padding: 5px 9px 5px 9px; text-align: right; background-color: #436248; font-size: 12px; font-weight: bold; color: white; }
#leftNav .itemNav .nav a { text-decoration: none; color: white; font-size: 11px; display: block; background-color: #829985; margin: 0px 0px 1px 0px;  padding: 5px 9px 5px 9px; }
#leftNav .itemNav .nav a:hover { background-color: #708873; }

#content { padding-left:6px; width: 554px; float: left; }        

#footerMaster { position:absolute; clear:both; bottom: 0;  width: 100%; text-align: left; background-image: url(../images/bg_footer_repeat.jpg); background-postition: bottom; background-repeat: repeat-x; }
#footer { background-image: url(../images/bg_footer.gif); background-position: bottom; width: 780px; height: 38px; background-repeat: no-repeat; }
#footer #fdic { float: left; padding-left: 14px; padding-top: 8px; }
#footer #fdic img { border: 0px; }
#footer #links { float: none; text-align: right; color: #B0C7B3; font-size: 8pt; padding-top: 3px; margin-right: 5px;  }
#footer #links a { text-decoration: none; color: #B0C7B3; margin: 0px 3px 0px 3px; }

#footerContent { background-image: url(../images/bg_footer.gif); background-position: top; width: 780px; height: 133px; background-repeat: no-repeat; }
#footerContent .splitTbl { margin: 8px 0px 0px 14px; }
#footerContent td { vertical-align: top; }
#footerContent .splitTbl .title { font-size: 14px; font-weight: bold; color: white; margin-bottom: 4px;  }
#footerContent .splitTbl .leftCol{ width: 385px; }
#footerContent .splitTbl .rightCol{ width: 400px; }
#footerContent .splitTbl .hoursTbl { font-size: 8pt; margin-top: 3px; color: #B0C7B3; margin-left: 8px; }
#footerContent .splitTbl .hoursTbl .col1 { width: 50px; }
#footerContent .splitTbl .hoursTbl .col2 { width: 100px; }
#footerContent .splitTbl .hoursTbl .col3 { width: 170px; }
#footerContent .splitTbl .contactTbl { font-size: 8pt; margin-top: 3px; color: #B0C7B3; margin-left: 8px; }                        
#footerContent .splitTbl .contactTbl .col1 { width: 125px; }
#footerContent .splitTbl .contactTbl .col2 { width: 75px; }
#footerContent .splitTbl .contactTbl .col3 { width: 75px; }

#content #information { padding: 16px; }
#content #information .title { font-weight: bold; color: #383938; margin-bottom: 10px; }
#content #information .data {  color: #383938; font-size: 11px; }


H1 {
  font-weight: bold;
  font-size: 11pt;
  line-height: 11pt;
  font-variant: normal;
  font-style: normal;
  margin-bottom: 5px;
}


ul.list {
        margin:5px 0px 0px 0px;
        padding:0px;
}
li.list {
        margin:0px;
        padding:0px;
        list-style:none;
        background-image: url(../images/greenarrow.gif);
        background-repeat: no-repeat;
        background-position: 0px 6px;
        padding-left:15px;

        line-height:15px;
}


a:link { color: #506753; text-decoration: none; font-weight: bold}
a:visited { color:#506753; text-decoration:none; font-weight: bold}
a:hover { color: #364838; text-decoration: underline; font-weight: bold }
a:active { color: #506753; text-decoration: none; font-weight: bold}

hr {
        border-bottom: 1px dotted gray;
        color: white;
        }