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

#header {
	width: 900px;
	height: 83px;
	margin: 0; 
	padding: 0;
/*	background-color: #979CA1;
 	background-color: #818b90; */
	background-image: url(/img/header-back-bancorp.png);
}

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

#nav
{
	width: 900px;
	background: #959CA1;
	font-size: 90%;
	font-weight: normal;
	color: #FFF;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

#nav a
{
	color: #FFF;
}


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

.bancorpHome {
	float: left;
	height: 29px;
	width: 179px;
	background-color: transparent;
	background-image: url(/img/bancorp-nav/bancorp-home.png);
	background-repeat: no-repeat;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
}

.bancorpHome :hover {
	background-color: transparent;
	background-image: url(/img/bancorp-nav/bancorp-home-hover.png);
	background-repeat: no-repeat;
}

li.active .bancorpHome {
	background-color: transparent;
	background-image: url(/img/bancorp-nav/bancorp-home-active.png);
	background-repeat: no-repeat;
}

.bancorpHomeActive {
	float: left;
	height: 29px;
	width: 179px;
	background-color: transparent;
	background-image: url(/img/bancorp-nav/bancorp-home-active.png);
	background-repeat: no-repeat;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
}

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

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

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

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

.boardOfDirectors {
	float: left;
	height: 29px;
	width: 179px;
	background-color: transparent;
	background-image: url(/img/bancorp-nav/board-of-directors.png);
	background-repeat: no-repeat;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
}

.boardOfDirectors :hover {
	background-color: transparent;
	background-image: url(/img/bancorp-nav/board-of-directors-hover.png);
	background-repeat: no-repeat;
}

li.active .boardOfDirectors {
	background-color: transparent;
	background-image: url(/img/bancorp-nav/board-of-directors-active.png);
	background-repeat: no-repeat;
}

.boardOfDirectorsActive {
	float: left;
	height: 29px;
	width: 179px;
	background-color: transparent;
	background-image: url(/img/bancorp-nav/board-of-directors-active.png);
	background-repeat: no-repeat;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
}

.gpbInTheNews {
	float: left;
	height: 29px;
	width: 179px;
	background-color: transparent;
	background-image: url(/img/bancorp-nav/gpb-in-the-news.png);
	background-repeat: no-repeat;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
}

.gpbInTheNews :hover {
	background-color: transparent;
	background-image: url(/img/bancorp-nav/gpb-in-the-news-hover.png);
	background-repeat: no-repeat;
}

li.active .gpbInTheNews {
	background-color: transparent;
	background-image: url(/img/bancorp-nav/gpb-in-the-news-active.png);
	background-repeat: no-repeat;
}

.gpbInTheNewsActive {
	float: left;
	height: 29px;
	width: 179px;
	background-color: transparent;
	background-image: url(/img/bancorp-nav/gpb-in-the-news-active.png);
	background-repeat: no-repeat;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
}

.contactUs {
	float: left;
	height: 29px;
	width: 179px;
	background-color: transparent;
	background-image: url(/img/bancorp-nav/contact-us.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid #B2B2B2;
}

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

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

.contactUsActive {
	float: left;
	height: 29px;
	width: 179px;
	background-color: transparent;
	background-image: url(/img/bancorp-nav/contact-us-active.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid #B2B2B2;
}

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

.special, a.special:visited, a.special:active, a.special:link, a.special:hover { 
	font-family: verdana; 
	font-weight: bold; 
	font-size: 72pt; 
	color: #CEB529; 
	text-decoration: none; 
	text-align: center;
	line-height: 120%;
}

div#footer {
 /*	position: absolute;
	width: 100%;
	bottom: 0; stick to bottom */
	margin-left: auto; /* center, not in IE5 */
	margin-right: auto; /* center, not in IE5 */
	width: 855px;
	width: 100%;
	height: 50px;
	color: #B2B2B2;
	border-top: 1px solid #9DBACC;
	margin-top: 20px; 
	margin-right: auto;
	margin-bottom: 0; 
	margin-left: auto;
	padding-top: 5px;
}


div#footer a {
	color: #0083A9;
/*	font-size: 100%; */
	font-size: 90%;
	height: 15px;
	text-align: left;
	}

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

#homeLeft {
	float: left;
	width: 525px;
	height: 355px;
	background-color: transparent;
}

p {
	margin-bottom: 10px;
	font-size: 90%;
}

#homeBlock1 {
	float: left;
	width: 270px;
	height: 105px;
	background-color: transparent;
	margin: 75px 22px 2px 0px;	
}

#homeBlock2 {
	float: left;
	width: 270px;
	height: 105px;
	background-color: transparent;
	margin: 75px 22px 2px 0px;	
}

#homeBlock3 {
	float: left;
	width: 270px;
	height: 105px;
	background-color: transparent;
	margin: 75px 21px 2px 0px;	
}

#learnMoreFormBoxBorder {
	float: right;
/*	width: 263px; 
	height: 539px;
	height: 640px;
*/
	width: 263px;
	height: auto;
	margin: -3px 25px 0px 0px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: transparent;
}

#learnMoreFormBox {
	width: 228px;
	height: auto;
/*
	height: 610px;
	height: 509px;
	height: 564px;
	width: 226px;
	height: 599px;
	border: 1px solid transparent;
 */
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 15px 15px;
	background-image: url(/img/bg_gradient_learn_more_box.png);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	}

#learnMoreFormBoxImage {
	width: 139px;
	height: 23px;
	margin: 5px 0px 20px 0px;
}

.learnMoreFormBoxTitle {
	font-size: 80%;
	color:  #0069AA;
	margin-top: 5px;
}

.learnMoreFormBoxCopy {
	font-size: 90%;
	color:  #616161;
	line-height: 130%;
}

.learnMoreFormBoxTopMargin {
	margin-bottom: 20px;
}

#learnMoreFormBox a {
	color: #616161;
	}

.learnMoreFormBoxWidget {
	margin-bottom: 10px;
}

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

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

.threeAcrossCity {
	float: left;
	width: 99px;
	margin-right: 15px;
}

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

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

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

#learnMoreFormBoxCityStateZipLabels, #learnMoreFormBoxCityStateZipFields {
	width: 255px;
}

#flashTour {
	width: 560px;
	height: 387px;
}