* {
    text-align: left;
}

#content{
    line-height: 12pt;
}

sup  {
    font-size: 8pt;
    vertical-align: super;
    margin-bottom: 5px;
    color: inherit;
}

a sup {
	color: #1F79BF;
	text-decoration: none;
}

a:hover sup {
	color: #666666;
	text-decoration: none;
}

h4  {
    margin-bottom: 0px;
}

#ctl00_complianceFooter{
	clear: both;
	margin-top: 15px;
	line-height: 16px;
	padding: 0 40px 0 40px;
	color: #9C9C9C;
	font-size: 8pt;
}

.column a img{
	margin-bottom: 10px;
}

body.homepage{
	background-image: url("images/thick_bg.jpg");
	background-position: center 85px;
	background-repeat: repeat-x;
	text-align: left;
}

body.sub_homepage{
	background-image: url("images/thick_bg.jpg");
	background-position: center 85px;
	background-repeat: repeat-x;
	text-align: left;
}

body.onecolumn_interior, body.twocolumn_interior{
	background-image: url("images/thin_bg.jpg");
	background-position: center 85px;
	background-repeat: repeat-x;
	text-align: left;
}

body.sub_homepage .container, body.homepage .container, body.onecolumn_interior .container, body.twocolumn_interior .container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	margin-bottom: 50px;
}

#prevButton{
    margin-right: 15px;
}

.maincontent {
    float: left;
    width: 438px !IMPORTANT;
}

.widecontent , #postcontent, .survey .column{
    width: 716px !IMPORTANT;
}

table.administration td {
    padding: 5px 0 5px 0;
}



table.administration .oddRow, table.administration .oddRow td, table.administration .oddRow, table.tableunderlined tr:nth-child(even) td,table.tableunderlined tr:nth-child(even) {
    background-color: #F3F3F3;
}

table.tableunderlined tr th  {
    font-weight: bold;
    font-size: 12pt;
}

table.tableunderlined tr td, table.tableunderlined tr th, table.tableunderlined tr{
    border-bottom: solid 1px #D8D8D8;
    padding: 2px 10px 2px 5px;
    margin: 2px;
}

.accordion ul, .column ul {
    list-style: disc;
}

.accordion ul li, .column ul li {
    margin: 2px 0px 2px 15px;
    padding: 5px 0px 5px 0px;
}

.accordion li {
    
}

#popheader {
    height: 50px;
    padding: 20px 26px 0 28px;
}

#popupcontent .maincontent {
    position: relative;
}

#popupcontent .maincontent #getdirections {
    position: absolute;
    top: 300px;
    right: 0px;
}

#postcontent h4 {
    margin: 20px 0 15px 0;
}

#popupcontent .column {
    float: left;
    width: 216px;
    margin-left: 28px;
}

#popupcontent .maincontent {
    float: left;
    width: 449px !IMPORTANT;
}

#slideshow, #slideshow div {
	background-color: transparent !IMPORTANT;
}

#login ul li.righttab a img {
    padding: 30px 32px 0 12px;
}

#login ul li.lefttab a img {
    padding: 26px 4px 0 27px;
}

.survey .pagination{
	text-align: right;
	position: relative;
}

.survey .pagination span{
	text-align: right;
	position: relative;
	top: -3px;
}

.servicesATM {
	height: 22px;
	background-image: url("images/serviceicon_cash.gif");
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 22px;
}

.servicesNightdeposit{
	height: 22px;
	background-image: url("images/serviceicon_owl.gif");
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 22px;
}

.servicesSafetydeposit{
	height: 22px;
	background-image: url("images/serviceicon_safedeposit.gif");
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 22px;
}

.surveyForm{
	background-image: url("images/grey-dient.gif");
	background-position: top center;
	background-repeat: repeat-x;
	padding: 10px;
}

.locations #tabs {
    background-image: url("images/location_titlebar_gradient.gif");
	background-position: top center;
	background-repeat: repeat-x;
}

.locations #tabs li{
	float: left;
	margin:3px 10px 0 10px;
	padding: 5px 10px 10px 10px;
}

.locations #tabs li.ui-state-active {
	background-color: #FFFFFF;
	border-top-left-radius: 7px; 
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px; 	
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
}

.location div.address, .location div.hours, .location div.services{
	float: left;
	padding-top: 8px;
}

.location{
	padding: 0px 25px 0px 22px;
}

.location div.address{
	width: 300px;
	line-height: 125%;
}

.location div.address p{
	margin-top: 0px;
}

.location div.hours{
	width: 200px;
}

.location div.services{
	width: 150px;
}
.address h4{
	float: left;
}

.address div{
	float: left;
	background-image: url("images/serviceicon_storefront.gif");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 30px;
}

div.hours div{
	padding-left: 10px;
}

.location, .locationaccordion h3, .sub_homepage form .container #content .column div .accordion, .sub_homepage form .container #content .column div .accordion h3{
	clear: both;
	width: 700px !IMPORTANT;
}

.location .directions {
	float: left;
	width: 700px !IMPORTANT;
}

.locationaccordion h3, .accordion h3 {
	height: 20px;
	background-image: url("images/grey-dient.gif");
	padding: 10px 10px 10px 5px;
	border-bottom: 1px #CCCCCC solid;
}

.locationaccordion h3 a, .accordion h3 a {
    padding-left: 20px;
	background-image: url("images/inactive_accordion_icon.png");
	background-position: left center;
	background-repeat: no-repeat;
}

.locationaccordion h3.ui-state-active a, .accordion h3.ui-state-active a {
	background-image: url("images/active_accordion_icon.png");
}

.locationaccordion h3.ui-state-active, .accordion .ui-accordion-content {
	/* padding: 10px 11px 5px 25px; */
}

.location .directions{
	margin-bottom: 20px;
}

.ui-accordion-content .top {
    margin-left: 20px;
}

.ui-accordion-content .mainfeatures table tr{
    border-bottom: solid 1px #CCCCCC;
    padding-top: 10px;
}

.ui-accordion-content .mainfeatures table tr:first-child{
    border-top: solid 1px #CCCCCC;
}

.ui-accordion-content .mainfeatures table tr td{
    padding-top: 5px;
    padding-bottom: 5px;
}

.ui-accordion-content .mainfeatures {
    float: left;
    width: 480px;
}

.ui-accordion-content .additionalfeatures {
    float: left;
    width: 150px;
}

a.offsite{
	background: url(images/green_arrow_right.png) no-repeat center right ;
	padding-right: 14px;
}

/* Header Classes */
#header
{
    position:relative;
    z-index:1;
	height: 85px;
	width: 960px;
}

#header .left {
   width: 214px;
} 

#header .right {
   width: 746px;
   position: relative;
} 

#header .left img{
	margin-top: 21px;
}
.upper{
	text-align: right;
	margin-top: 5px;
	width: 100%;
	height: 22px;
}

#header .right .upper a{
	margin-right: 10px;
}

#ctl00_Content_ctl03_ctl01_standardListItems{
    margin-top: 30px;
}

#ctl00_Content_ctl03_ctl01_standardListItems li{
    border-top: solid 1px #CCCCCC;
}

#ctl00_Content_ctl02_ctl01_standardListItems a {
    background: url(images/green_arrow_right.png) no-repeat center left;
    padding-left: 13px;
    /* margin-left: -13px; */
}

#ctl00_Content_ctl01_ctl00_lnkReadMore     { 
    background: url(images/green_arrow_right.png) no-repeat center right;
    padding-right: 14px;
    }

/* Main Site Navigation Classes */
#mainNav {
    position: relative;
}

#ctl00_Header_ctl01_topMenu {
    position: absolute;
    bottom: -58px;
    right: 0px;
}

#mainNav ul, #uppernav, .ui-tabs-nav,.pagination  {
	list-style:none outside none !IMPORTANT;
	/*margin-left:4px;*/
}

#uppernav {
    text-align: right;
    display: block;
    position: absolute;
    right: 0px;
}

#uppernav li {
	float: left;
	margin:0 0.15em 0 -4px;
	position: relative;
}

#uppernav li a {
    position: relative;
    top: 4px;
}

#uppernav li input{
    margin-left: 5px;
}

#mainNav ul li {
	background-image: url("images/headertab_bg.gif");
	background-position:left top;
	float: left;
	margin: 0; /*margin:0 0.15em 0 -4px;*/
	padding: 8px 20px;
}

#mainNav ul li:hover {
	background-image: url("images/headertab_bg_on.gif");
	background-position: top left;
	float: left;
	margin: 0; /*margin:0 0.15em 0 -4px;*/
	padding: 8px 20px;
}

#mainNav ul li ul li a {
    line-height: 14px;
    padding-left: 7px;
}


#mainNav ul li ul li.firsttab a {
    padding-top: 10px;
}



#mainNav ul li ul li.lasttab {
    height: 26px;
}


#mainNav ul li.firsttab {
	background-image: url("images/headertab_left_bg.gif");
	background-repeat: repeat-x;
}

#mainNav ul li.firsttab:hover {
	background-image: url("images/headertag_left_bg_on.gif");
	background-repeat: repeat-x;
}

#mainNav ul li.lasttab {
	background-image: url("images/headertab_right_bg.gif");
	background-repeat: repeat-x;
	background-position: right top;
	border-left: 1px #FFFFFF solid;
}

#mainNav ul li.lasttab:hover {
	background-image: url("images/headertag_right_bg2.gif");
	background-repeat: repeat-x;
	background-position: right top;
	border-left: 1px #FFFFFF solid;
}

#mainNav ul li ul li.lasttab {
	border-left: 0px #FFFFFF solid;
	border-bottom-left-radius: 7px; 
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px; 	
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-left-radius: 7px;
}

.homepage .gradientborder {
	background-image: url("images/shaded_border_main.gif");
	background-repeat: no-repeat;
	background-position: top center;
}

.homepage .gradientbordercap {
	background-image: url("images/shaded_border_cap.gif");
	background-repeat: no-repeat;
	background-position: bottom center;
	line-height: 12pt;
	padding: 0px 5px 0px 10px;
	margin-bottom: 10px;
}

.homepage .gradientbordercap div p {
	padding: 0px 10px 15px 10px;
}

.homepage .gradientbordercap div p:first-child {
	padding: 15px 5px 5px 10px;
}

.sub_homepage #content .column .gradientborder {
	background-image: url("images/blue_border_main.gif");
	background-repeat: no-repeat;
	background-position: top center;

}

.sub_homepage #content .column .gradientbordercap {
	background-image: url("images/blue_border_cap.gif");
	background-repeat: no-repeat;
	background-position: bottom center;
	line-height: 12pt;
	padding: 10px 10px 20px 15px;
	margin-bottom: 10px;
}

.gradientbordercap div p{
	margin-top: 5px;
	margin-bottom: 5px;
}

.surveyForm textarea{
	margin-top: 7px;
}

ul.form {
    margin:20px 0;
    overflow:auto;
}

ul.form li {
    float:left;
    list-style:none outside none;
    margin:5px 0;
    padding:0;
    width:100%;
}

ul.form li.required {
    color:#FF0000;
    font-size:11px;
    text-indent:145px;
}

ul.form li label {
    float:left;
    line-height:14px;
    margin:5px 25px 0 0;
    text-align:right;
    width:120px;
}

ul.form li label em {
    color:#FF0000;
    margin:0 -8px 0 0;
}

ul.form li.error label {
    color:#FF0000;
}

ul.form li input {
    float:left;
    margin:0 10px 0 0;
}

ul.form li p {
    color:#999999;
    font-size:11px;
    line-height:14px;
    margin:5px 0 0;
}

ul.form li .btn_submit {
    margin:0 0 0 145px;
}

/* Hero Classes */
#hero
{
    z-index:0;
	width: 960px;
	height: 302px;
	padding-top: 19px;
	position: relative;
}

#hero .left{
	width: 250px;
	height: 302px;
	margin-left: -18px;
	position: relative;
}

.container #hero #nav{
	position: absolute;
	bottom: 48px;
	left: 241px;
	z-index: 2000;
}


#login ol {
    width: 190px;
    margin-bottom: 7px; 
}

/*
.sub_homepage .container #hero #nav {
	position: absolute;
	bottom: 40px;
	right: 361px;
	z-index: 2000;
}
*/
/* Login Classes */
#login {
	width: 250px;
	height: 214px;
	clear: both;
	position: relative;
	top: 20px;
	/*margin: 13px 0 0 0;*/
}

.bankingtab ul {
    position: absolute;
    bottom: 78px;
    left: 35px;
}

.singlebankingtab ul {
    position: absolute;
    top: 35px;
    left: 35px;
    float: none;
}

.singlebankingtab ol, .bankingtab ol {
    position: absolute;
    bottom: 23px;
    left: 35px;
}


#ctl00_Hero_ctl00_logintabs  {
	display:block;
	list-style:none outside none;
	width: 250px;
	height: 60px;
}

#ctl00_Hero_ctl00_logintabs li {
	float: left;
	height: 60px;
}

ul.righttabactive li.lefttab{
	background-image: url("images/left_inactive.png");
	background-position: top left;
	background-repeat: no-repeat;
}
ul.righttabactive li.righttab{
	background-image: url("images/right_active.png");
	background-position: top right;
	background-repeat: no-repeat;
}
ul.righttabactive li.middle{
	width: 9px;
	height: 44px;
	background-image: url("images/center_R.png");
	background-position: top center;
	background-repeat: no-repeat;
}

ul.lefttabactive li.lefttab{
	background-image: url("images/left_active.png");
	background-position: top left;
	background-repeat: no-repeat;
}
ul.lefttabactive li.righttab{
	background-image: url("images/right_inactive.png");
	background-position: top right;
	background-repeat: no-repeat;
}
ul.lefttabactive li.middle{
	width: 9px;
	height: 44px;
	background-image: url("images/center_L.png");
	background-position: top center;
	background-repeat: no-repeat;
}

ul.lefttabactive li.onlytabPersonal{
	background-image: url("images/logintab-left_on.png");
	background-position: bottom left;
	background-repeat: no-repeat;
}

#nav a {
	display: block;
	float: left;
	margin-left: 4px;
	height: 17px;
	width: 18px;
	background-image: url("images/pagination_off.png");
	background-position: bottom center;
	background-repeat: no-repeat;
}

#nav a.activeSlide {
	background-image: url("images/pagination_active.png");
}

.bankingtab form ul li input.textinput {
	width: 167px;
	color: #CCCCCC;
}

.bankingtab ul li, .singlebankingtab ul li{
    padding: 5px 0 5px 0;
    height: 25px !IMPORTANT;
} 

#login div{
	height: 146px;
	background-image: url("images/login_bg.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 12px 0 0 15px;
}
#ctl00_Hero_ctl00_commercialLogin {
    position: absolute;
    top: 85px;
    left: 35px;
}
    
#login div.singlebankingtab {
	background-image: url("images/single_tab_login_bg.png");
	background-position: bottom center;
	height: 192px;
	padding:10px 10px 0 15px;
	position: relative;
}



/* Slideshow */
#hero #slideshow{
	width: 753px !IMPORTANT;
	height: 302px;
	float: left;
	position: absolute !IMPORTANT;
	right: -30px;
	overflow: hidden;
}

.slideshowitem {
	width: 720px !IMPORTANT;
	height: 302px;
}

.slideshowitem .middle{
	width: 289px;
	height: 302px;
	float: left;
	font-size: 26pt !IMPORTANT;
	padding-left: 5px;
}

/*.sub_homepage .container #hero #slideshow .slideshowitem .middle {
	width: 355px;
}
*/

.slideshowitem .video {
	width: 411px; /*421*/
	height: 253px; /*269*/
	position: absolute;
	right: -10px;
	text-align: left;
	vertical-align: top;
}

.slideshow .video img {
    overflow:hidden;
    	width: 411px; /*421*/
	height: 253px; /*269*/
}

/*.slideshowitem .video {
	width: 340px;
	height: 302px;
	margin-left: 24px;
	float: left;
}
*/

#bankingofflinepopup, #commercialbankingofflinepopup {
    position: relative;
    width: 489px;
    height: 193px;
}

#bankingofflinepopup .errortext, #commercialbankingofflinepopup .errortext{
    position: absolute;
    left: 70px;
    top: 25px;
    width: 375px;
    line-height: 20px;
    font-size: 14px;
}

#bankingofflinepopup .confirmlink, #commercialbankingofflinepopup .confirmlink{
    position: absolute;
    bottom: 30px;
    right: 30px;
}

/* Content Layout Classes */
.homepage #content{
	width: 960px;
	margin-top: 5px;
}

.sub_homepage #content{
	width: 960px;
	margin-top: 10px;
}

.onecolumn_interior #content{
	width: 716px;
	margin-top: 10px;
	float: left;
}

#rightgutter{
	float: left;
	width: 216px;
	margin-left: 28px;
}

.homepage #content .column{
	float: left;
	width: 216px;
	margin-left: 28px;
	padding-top: 3px;
}

.column {
    float: left;
}
    
.sub_homepage #content .column{
	float: left;
	width: 706px;
	margin-left: 28px;
}

.onecolumn_interior .container #content div.column, .twocolumn_interior .container #content div.column{
	float: left;
	width: 219px;
	margin-right: 28px;
	margin-top: 30px;
}

.onecolumn_interior .container #content div.column:first-child{
	margin-left: 0px;
	width: 709px !IMPORTANT;
}

.location_subpage #aspnetForm #content .column, .twocolumn_interior .container #content div.column{
	float: left;
	margin-left: 20px;
	width: 216px;
	text-align: left;
}

.location_subpage #content .column:first-child{
	float: left;
	margin-left: 0px;
	width: 449px;
	text-align: left;
}

.homepage #content .column:first-child {
	margin-left: 0px;
	width: 216px;
}

.sub_homepage #content .column:first-child {
	margin-left: 0px;
	width: 216px;
}

#accordion h3, .accordion h3{
	display: block;
	background-image: url("images/accordian_narrow_bg.gif");
	background-repeat: repeat-x;
	padding-right: 5px;
}

.bankingtab form ul li{
	height: 35px;
	margin-left: 15px;
	position: relative;
}

.bankingtab ul li a.helplink{
	position: relative;
	top: -6px;
	left: 5px;
	font-size: 9px;
}

/* Footer Classes */
#footer{
	width: 960px;
	margin-top: 30px;
}

#footer #footerMotto {
	width: 200px;
	margin-right: 105px;
	float: left;
}

#footer #footerlinks {
	width: 622px;
	text-align : right;
	line-height: 12pt;
	float: left;
}

#footer #footerlinks div{
	text-align : right;
}

#footer #footerNotices {
	width: 30px;
	text-align : right;
	vertical-align: top;
	float: left;
}

#footer #footerNotices #FDIC {
    margin: 3px 0 0 3px;
	width: 71px; 
	text-align : right;
	float: left;
}

#footer #footerNotices #equalhousinglender {
    margin: 3px 0 0 3px;
	width: 22px;
	height: 50px; 
	text-align : left;
	float: right;
}

#ctl00_Header_ctl01_search{
	float: left;
}

.upperright {
	width: 20px;
	margin: 1px 0 0 5px;
	float: right;
}

#footer #footerlinks a{
	padding: 3px;
}

.left{
	float: left;
}

.right{
	float: right;
}

.clear {
	clear: both;
}