/* HEADER
--------------------------------------------------------------------------- */

#header {
	width: 900px;
	height: 83px;
	margin: 0; 
	padding: 0;
/*	background-color: #0069AA;
	background-color: #185498;*/
	background-image: url(/img/header-back-bank.png);
	border-bottom: 1px solid #9DBACC;
}

/* PRIMARY NAVIGATION - TOP
--------------------------------------------------------------------------- */

#navigation {
	width: 900px;
	height: 29px;
	margin: 0; 
	padding: 0;
	background-color: #0069AA;
}

.ourProposedBank {
	float: left;
	height: 29px;
	width: 149px;
	background-color: transparent;
	background-image: url(/img/bank-nav/our-proposed-bank.png);
	background-repeat: no-repeat;
	border-right: 1px solid #9DBACC;
	border-bottom: 1px solid #9DBACC;
}

.ourProposedBank :hover {
	background-color: transparent;
	background-image: url(/img/bank-nav/our-proposed-bank-hover.png);
	background-repeat: no-repeat;
}

li.active .ourProposedBank {
	background-color: transparent;
	background-image: url(/img/bank-nav/our-proposed-bank-active.png);
	background-repeat: no-repeat;
}

.ourProposedBankActive {
	float: left;
	height: 29px;
	width: 149px;
	background-color: transparent;
	background-image: url(/img/bank-nav/our-proposed-bank-active.png);
	background-repeat: no-repeat;
	border-right: 1px solid #9DBACC;
	border-bottom: 1px solid #9DBACC;
}

.executiveTeam {
	float: left;
	height: 29px;
	width: 149px;
	background-color: transparent;
	background-image: url(/img/bank-nav/executive-team.png);
	background-repeat: no-repeat;
	border-right: 1px solid #9DBACC;
	border-bottom: 1px solid #9DBACC;
}

.executiveTeam :hover {
	background-color: transparent;
	background-image: url(/img/bank-nav/executive-team-hover.png);
	background-repeat: no-repeat;
}

li.active .executiveTeam {
	background-color: transparent;
	background-image: url(/img/bank-nav/executive-team-active.png);
	background-repeat: no-repeat;
}

.executiveTeamActive {
	float: left;
	height: 29px;
	width: 149px;
	background-color: transparent;
	background-image: url(/img/bank-nav/executive-team-active.png);
	background-repeat: no-repeat;
	border-right: 1px solid #9DBACC;
	border-bottom: 1px solid #9DBACC;
}

.boardOfDirectors {
	float: left;
	height: 29px;
	width: 149px;
	background-color: transparent;
	background-image: url(/img/bank-nav/board_of_directors.png);
	background-repeat: no-repeat;
	border-right: 1px solid #9DBACC;
	border-bottom: 1px solid #9DBACC;
}

.boardOfDirectors :hover {
	background-color: transparent;
	background-image: url(/img/bank-nav/board_of_directors_hover.png);
	background-repeat: no-repeat;
}

li.active .boardOfDirectors {
	background-color: transparent;
	background-image: url(/img/bank-nav/board_of_directors_active.png);
	background-repeat: no-repeat;
}

.boardOfDirectorsActive {
	float: left;
	height: 29px;
	width: 149px;
	background-color: transparent;
	background-image: url(/img/bank-nav/board_of_directors_active.png);
	background-repeat: no-repeat;
	border-right: 1px solid #9DBACC;
	border-bottom: 1px solid #9DBACC;
}

.takeATour {
	float: left;
	height: 29px;
	width: 149px;
	background-color: transparent;
	background-image: url(/img/bank-nav/take-a-tour.png);
	background-repeat: no-repeat;
	border-right: 1px solid #9DBACC;
	border-bottom: 1px solid #9DBACC;
}

.takeATour :hover {
	background-color: transparent;
	background-image: url(/img/bank-nav/take-a-tour-hover.png);
	background-repeat: no-repeat;
}

li.active .takeATour {
	background-color: transparent;
	background-image: url(/img/bank-nav/take-a-tour-active.png);
	background-repeat: no-repeat;
}

.takeATourActive {
	float: left;
	height: 29px;
	width: 149px;
	background-color: transparent;
	background-image: url(/img/bank-nav/take-a-tour-active.png);
	background-repeat: no-repeat;
	border-right: 1px solid #9DBACC;
	border-bottom: 1px solid #9DBACC;
}

.careerOpportunities {
	float: left;
	height: 29px;
	width: 149px;
	background-color: transparent;
	background-image: url(/img/bank-nav/career-opportunities.png);
	background-repeat: no-repeat;
	border-right: 1px solid #9DBACC;
	border-bottom: 1px solid #9DBACC;
}

.careerOpportunities :hover {
	background-color: transparent;
	background-image: url(/img/bank-nav/career-opportunities-hover.png);
	background-repeat: no-repeat;
}

li.active .careerOpportunities {
	background-color: transparent;
	background-image: url(/img/bank-nav/career-opportunities-active.png);
	background-repeat: no-repeat;
}

.careerOpportunitiesActive {
	float: left;
	height: 29px;
	width: 149px;
	background-color: transparent;
	background-image: url(/img/bank-nav/career-opportunities-active.png);
	background-repeat: no-repeat;
	border-right: 1px solid #9DBACC;
	border-bottom: 1px solid #9DBACC;
}

.contactUs {
	float: left;
	height: 29px;
	width: 149px;
	background-color: transparent;
	background-image: url(/img/bank-nav/contact_us.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid #9DBACC;
}

.contactUs :hover {
	background-color: transparent;
	background-image: url(/img/bank-nav/contact_us_hover.png);
	background-repeat: no-repeat;
}

li.active .contactUs {
	background-color: transparent;
	background-image: url(/img/bank-nav/contact_us_active.png);
	background-repeat: no-repeat;
}

.contactUsActive {
	float: left;
	height: 29px;
	width: 149px;
	background-color: transparent;
	background-image: url(/img/bank-nav/contact_us_active.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid #9DBACC;
}

/* GLOBAL CSS
--------------------------------------------------------------------------- */

#contactForm {
	width: 555px;
	background-color: transparent;
}
.special, a.special:visited, a.special:active, a.special:link, a.special:hover { 
	font-family: verdana; 
	font-weight: bold; 
	font-size: 72pt; 
	color: #0069AA; 
	text-decoration: none; 
	text-align: center;
	line-height: 120%;
}

#bank #footer {
/*	width: 855px; */
	width: 100%;
	height: 50px;
	color: #4D4D4D;
	border-top: 1px solid #9DBACC;
	margin: 25px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
}

#footer a {
	padding: 5px 0px 0px 0px;
	color: #0069AA;
/*	font-size: 90%; */
	font-size: 80%;
	height: 50px;
	text-align: left;
}

/* HOME CSS
--------------------------------------------------------------------------- */

#flashHome {
	width: 900px;
	height: 249px;
}

#whatWillMakeUsDifferent {
	margin: 20px 0px 5px 0px;
}

.homeBlockTitle {
	font-size: 100%;
	color: #0069AA; 
	padding-bottom: 5px;
	}

.homeBlockCopy {
	height: 125px;
	font-size: 80%;
	color: #4D4D4D;
	}

#homeBlock1 {
	float: left;
	width: 270px;
	height: 250px;
	background-color: transparent;
	margin-right: 25px;	
}

#homeBlock2 {
	float: left;
	width: 270px;
	height: 250px;
	background-color: transparent;
	margin-right: 25px;	
}

#homeBlock3 {
	float: left;
	width: 270px;
	height: 250px;
	background-color: transparent;
}

.form_field {
	width: 99%;
	border: 1px solid #CACACB;
	background-color: #FFF;
}

.form_textarea {
	width: 100%;
	height: 105px;
	border: 1px solid #CACACB;
	background-color: #FFF;
}

.twoAcrossState {
	float: left;
	width: 35px;
	margin-right: 35px;
}

.twoAcrossZip {
	float: left;
	width: 60px;
}

#contactUsFormWidgetSubmit {
	text-align: right;
	margin-top: 0px;
}

/* TAKE A TOUR CSS
--------------------------------------------------------------------------- */

#takeATourContent {
	float: left;
	width: 555px;
}

#takeATourContent > div {
	font-size: 80%;
}

#takeATourBoxBorder {
	float: right;
/*	width: 237px; */
	width: 248px;
	margin: 0px -10px 0px 0px;
	border: 1px solid #CDCDCD;
}

#takeATourBox {
	width: 213px;
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 20px 15px;
	background-image: url(/img/bg_gradient_corporate_info_box.png);
	background-repeat: repeat-x;
	}

#takeATourBoxImage {
	width: 144px;
	height: 25px;
}

.takeATourBoxTitle {
	font-size: 80%;
	color:  #0069AA;
	margin-top: 13px;
	line-height: 120%;
}

.takeATourBoxCopy {
	font-size: 80%;
	color:  #616161;
	line-height: 100%;
}

#takeATourBox a {
	color: #616161;
}
