body {color: #333; background: #fff url(../images/bg-body.jpg) repeat-x;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {color: #fff; height: 122px; position: relative; z-index: 9999;}
#header h1 {background: url(../images/home-logo.png) no-repeat; width: 386px; height: 83px; position: absolute; top: 30px; text-indent: -9999px;}
#header h2 {background: url(../images/bg-tagline.png) no-repeat; width: 347px; height: 30px; position: absolute; top: 82px; left: 221px; text-indent: -9999px;}
#header ul#headerNav {height: 44px; position: relative; z-index: 999;}
#header ul#headerNav li {height: 44px; top: 0px; list-style: none; display: inline; position: absolute; text-indent: -9999px; outline: none;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -44px;}
#header ul#headerNav li a {background: transparent; height: 44px; left: 0; position: absolute; display: block;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#ik {background-image: url(../images/headerNav-iklnk.jpg); width: 102px; left: 99px;}
#header ul#headerNav li#ik a#iklnk {width: 102px;}
#header ul#headerNav li#cg {background-image: url(../images/headerNav-cglnk.jpg); width: 131px; left: 239px;}
#header ul#headerNav li#cg a#cglnk {width: 131px;}
#header ul#headerNav li#pg {background-image: url(../images/headerNav-pglnk.jpg); width: 112px; left: 408px;}
#header ul#headerNav li#pg a#pglnk {width: 112px;}
#header ul#headerNav li#is {background-image: url(../images/headerNav-islnk.jpg); width: 124px; left: 557px;}
#header ul#headerNav li#is a#islnk {width: 124px;}

/*1st level dropdown*/
#header ul#headerNav li ul {color: #fff; background: url(../images/bg-header-dropdown.png) repeat-y; width: 170px; height: auto; margin: 44px 0 0 0; left: -9999px; position: absolute; z-index: 99;}
#header ul#headerNav li ul li {width: 164px; height: auto; margin: 0 0 0 3px; top: auto; display: block; border-bottom: 1px solid #56a5d2; position: relative; text-indent: 0px;}
#header ul#headerNav li ul li:hover {background: url(../images/bg-header-dropdown_hover.png) repeat-y;}
#header ul#headerNav li ul li a {color: #fff; height: auto; padding: 6px 10px 6px 21px; position: relative; left: auto; font-size: 1em;}
#header ul#headerNav li ul li a:hover {background: url(../images/bg-header-dropdown_bullet.png) no-repeat 10px 10px; margin: 0; display: block; text-decoration: none;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: 0;}

/*Secondary Nav*/
#header ul#secondaryNav {background: url(../images/bg-secondaryNav.jpg) no-repeat; width: 260px; height: 20px; position: absolute; top: 24px; right: 0; z-index: 999;}
#header ul#secondaryNav li {height: 9px; display: inline; list-style: none; position: absolute; top: 13px; font-size: 1px; text-indent: -9999px;}
#header ul#secondaryNav li:hover,#header ul#secondaryNav li.iehover {background-position: 0 -9px;}
#header ul#secondaryNav li a {height: 9px; display: block; outline: none;}
#header ul#secondaryNav li#cs {background-image: url(../images/secondaryNav-cslnk.jpg); width: 61px; left: 45px;}
#header ul#secondaryNav li#cs a {width: 61px;}
#header ul#secondaryNav li#ls {background-image: url(../images/secondaryNav-lslnk.jpg); width: 55px; left: 112px;}
#header ul#secondaryNav li#ls a {width: 55px;}
#header ul#secondaryNav li#py {background-image: url(../images/secondaryNav-pylnk.jpg); width: 45px; height: 11px; left: 173px;}
#header ul#secondaryNav li#py:hover,#header ul#secondaryNav li#py.iehover {background-position: 0 -11px;}
#header ul#secondaryNav li#py a {width: 45px; height: 11px;}

/**************************************************content area********************************************/
#content {overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: #fff; width: 700px; position: relative; float: left;}/*see ie.css for fixes*/
#main #contentContainer {margin: 0; line-height: 1.3; font-size: 1.1em;}
#main #flash-content {background: url(../images/bg-flash.jpg) no-repeat; width: 700px; height: 272px; position: relative;}
#main .bucket {width: 33%; margin: 25px 0 0 0; float: left;}
#main .bucket h3 {margin: 0 0 10px 25px; text-indent: -9999px;}
#main .bucket ul {margin: 0 0 0 45px;}
#main .bucket ul li {list-style: none; margin: 0 0 5px 0;}
#main #commercialBanking h3 {background: url(../images/bg-commercial_banking.jpg) no-repeat;}
#main #personalBanking h3 {background: url(../images/bg-personal_banking.jpg) no-repeat;}
#main #investmentServices h3 {background: url(../images/bg-investment_services.jpg) no-repeat;}

/**************************************************left column*********************************************/
#sidebar {background: #fff url(../images/bg-sidebar.jpg) no-repeat; width: 260px; height: 518px; padding: 0 0 6px 0; position: relative; float: left;}
#sidebar h2 {background: url(../images/bg-sidebar-secure_online_banking.jpg) no-repeat; height: 90px; margin: 0 0 21px 0; text-indent: -9999px;}
#sidebar h3#personalLogin {background: url(../images/bg-sidebar-personal_banking.gif) no-repeat 0 7px; width: 107px; height: 29px; margin: 0 0 11px 27px; display: block; text-indent: -9999px; outline: none;}
#sidebar h3#commercialLogin {background: url(../images/bg-sidebar-commercial_banking.gif) no-repeat 0 7px; width: 209px; height: 29px; margin: 0 0 21px 27px; display: block; text-indent: -9999px; outline: none;}
#sidebar h3#personalLogin a,#sidebar h3#commercialLogin a {background-image: url(../images/bg-login.gif); width: 71px; height: 29px; display: block; position: relative; left: 138px; text-indent: -9999px; outline: none;}
#sidebar h3#personalLogin a:hover,#sidebar h3#commercialLogin a:hover {background-position: 0 -29px;}
#sidebar h4#billPay a {background-image: url(../images/bg-sidebar-online_bill_pay.jpg); width: 260px; height: 65px; margin: 0 0 15px 0; display: block; text-indent: -9999px; outline: none;}
#sidebar h4#billPay a:hover {background-position: 0 -65px;}
#sidebar ul#sidebarNav {margin: 0 0 0 3px;}
#sidebar ul#sidebarNav li {background: url(../images/bg-sidebar-bullet.png) no-repeat 0 18px; list-style: none;}
#sidebar ul#sidebarNav li:hover {background: #fff url(../images/bg-sidebar-bullet_02.png) no-repeat 0 18px; margin: 0 2px 0 0;}
#sidebar ul#sidebarNav li a {color: #0066aa; padding: 14px 0 14px 51px; display: block; font-weight: bold; outline: none; }
#sidebar ul#sidebarNav li a:hover {color: #4499cc; text-decoration: none;}

/**************************************************footer**************************************************/
#footer {border-top: 1px solid #ccc; position: relative; clear: both;}
#footer p {margin: 25px 0;}

#homepageAlert {background:#cd9c07;color:#fff;border:1px solid #8d6b05;padding:1em;}
#homepageAlert a:link, #homepageAlert a:visited {color:#fff;text-decoration:underline;}