* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
img {
	display: block;
}
ul,
ol {
	list-style: none;
}

.silent {
	display: none;
}


body {
	background-color: #9a9587;
	color: #333;
}
div#wrapper {
	background: url(images/bg_body.gif) top center repeat-y;
}
div#container {
	position: relative;
	margin: 0 auto;
	width: 900px;
	background: #fff url(images/bg_sidebar.gif) top left repeat-y;
}

div#headerHome {
	background: url(images/bg_header.gif) left top repeat-x;
}
div#header {
	background: url(images/bg_header.gif) left top repeat-x;
	border-bottom: 8px solid #deb306;
}

h1 {
	display: block;
	width: 280px;
	height: 105px;
	float: left;
}
h1 a {
	display: block;
	width: 280px;
	height: 105px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(images/logo.gif) left top no-repeat;
	outline: none;
}

img#logo {
	display: none;
}

h2#mastheadHome {
	display: block;
	width: 900px;
	height: 188px;
	background: #deb306 url(images/bg_bird_tail_top.gif) 771px 180px no-repeat;
}
h2#mastheadHome a {
	display: block;
	width: 900px;
	height: 180px;
	text-indent: -5000px;
	overflow: hidden;
	background: #dfdeda url(images/masthead_offering.gif) left top no-repeat;
}
h2#masthead {
	display: block;
	width: 900px;
	height: 180px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(images/masthead.jpg) left top no-repeat;
}


/*
//////     MAIN NAVIGATION     //////
*/

div#navMain {
	height: 105px;
	margin-left: 280px;
}

div#navMain ul	{
	position: relative;
	height: 105px;
	background: url(images/nav.gif) left top no-repeat;
}
div#navMain ul li {
	position: absolute;
	top: 0;
}
div#navMain ul li,
div#navMain ul a {
	height: 105px;
	display: block;
}
div#navMain ul li a {
	text-indent: -5000px;
	overflow: hidden;
	outline: none;
}
	
li#menuAbout								{left: 0px; width: 77px;}
li#menuAreas								{left: 77px; width: 129px;}
li#menuBusiness 							{left: 206px; width: 124px;}
li#menuPersonal								{left: 330px; width: 123px;}
li#menuNews									{left: 453px; width: 58px;}
li#menuContact								{left: 511px; width: 109px;}

li#menuAbout a:hover						{background: url(images/nav.gif) 0px -105px no-repeat;}
li#menuAreas a:hover						{background: url(images/nav.gif) -77px -105px no-repeat;}
li#menuBusiness a:hover						{background: url(images/nav.gif) -206px -105px no-repeat;}
li#menuPersonal a:hover						{background: url(images/nav.gif) -330px -105px no-repeat;}
li#menuNews a:hover							{background: url(images/nav.gif) -453px -105px no-repeat;}
li#menuContact a:hover						{background: url(images/nav.gif) -511px -105px no-repeat;}

li#menuAbout a:active						{background: url(images/nav.gif) 0px -210px no-repeat;}
li#menuAreas a:active						{background: url(images/nav.gif) -77px -210px no-repeat;}
li#menuBusiness a:active					{background: url(images/nav.gif) -206px -210px no-repeat;}
li#menuPersonal a:active					{background: url(images/nav.gif) -330px -210px no-repeat;}
li#menuNews a:active						{background: url(images/nav.gif) -453px -210px no-repeat;}
li#menuContact a:active						{background: url(images/nav.gif) -511px -210px no-repeat;}

body.curAbout li#menuAbout					{background: url(images/nav.gif) 0px -105px no-repeat;}
body.curAreas li#menuAreas					{background: url(images/nav.gif) -77px -105px no-repeat;}
body.curBusiness li#menuBusiness			{background: url(images/nav.gif) -206px -105px no-repeat;}
body.curPersonal li#menuPersonal			{background: url(images/nav.gif) -330px -105px no-repeat;}
body.curNews li#menuNews					{background: url(images/nav.gif) -453px -105px no-repeat;}
body.curContact li#menuContact				{background: url(images/nav.gif) -511px -105px no-repeat;}



/*
//////     PORTRAIT BANNERS     //////
*/

div.bannerPortrait {
	clear: both;
	height: 315px;
}
div.bannerPortrait p {
	display: block;
	height: 315px;
}

body.curAbout div.bannerPortrait { 		background: url(images/banner_hourigan.jpg) left top no-repeat;}
body.curAreas div.bannerPortrait { 		background: url(images/banner_hogg.jpg) left top no-repeat;}
body.curBusiness div.bannerPortrait { 	background: url(images/banner_allen.jpg) left top no-repeat;}
body.curPersonal div.bannerPortrait { 	background: url(images/banner_hourigan.jpg) left top no-repeat;}



div.bannerPortrait p a {
	display: block;
	height: 315px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(images/more.gif) right top no-repeat;
}
div.bannerPortrait p a:hover {
	display: block;
	height: 315px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(images/more.gif) right -315px no-repeat;
}


/*
//////     LEFT LINKS COLUMN     //////
*/

div#content {
	clear: both;
}
div.contentHome {
	background: url(images/bg_bird_tail_tip.gif) 793px top no-repeat;
}
div#columnLeft {
	float: left;
	width: 256px;
}

div#columnLeft p {
	display: block;
	width: 256px;
	height: 72px;
	margin-bottom: 30px;
}
div#columnLeft p a {
	display: block;
	width: 256px;
	height: 72px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(images/banner_online_banking.jpg) left top no-repeat;
}

div#columnLeft h3 {
	color: #003185;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	padding-left: 30px;
	margin-bottom: 7px;
}

div#columnLeft ul {
	padding-bottom: 36px;
	padding-left: 30px;
}
div#columnLeft li {
	display: block;
	font: bold 13px/20px Arial, Helvetica, sans-serif;
	background: url(images/bullet.gif) left 3px no-repeat;
	padding-left: 15px;
}
div#columnLeft li a {
	color: #6e783d;
	text-decoration: none;
}
div#columnLeft li a:hover {
	text-decoration: underline;
}


/*
//////     RIGHT CONTENT AREA     //////
*/

div#columnRight {
	padding-top: 30px;
	margin-left: 278px;
}
div#columnRight p {
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}


/*
//////     HOMEPAGE RATE PROMO WIDGET     //////
*/

div#hero {
	float: left;
	width: 395px;
	height: 330px;
}

div.hero {
	position: relative;
	height: 280px;
	display: none;
}

div.swapView {
	display: block;
}

div.content {
	position: absolute;
	top: 0;
	left: 22px;
	width: 373px;
	height: 280px;
	background-color: #fff;
}
div.content h2 {
	font: normal 24px/28px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #003185;
	letter-spacing: 1px;
}
div.content h2.shorter {
	padding-right: 60px;
}
div.content h2.shortest {
	padding-right: 120px;
}
div.content h2 a {
	color: #003185;
	text-decoration: none;
}
div.content h2 a:hover {
	color: #000;
}
div.content h2 span {
	display: block;
}
div.content a#map {
	display: block;
	height: 158px;
	padding-left: 30px;
}
div.content img {
}
div.content h3 {
	display: inline;
	font: normal 124px/130px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #222;
	letter-spacing: -6px;
	background: url(images/apy.gif) right 25px no-repeat;
	padding-right: 25px;
}
div.content h3 a {
	color: #222;
	text-decoration: none;
}
div.content h3 a:hover {
	color: #000;
}
div.content h3 span {
	display: none;
}
div.content p {
	padding-right: 50px;
}
div.content p a {
	color: #4d5a11;
	font-weight: normal;
	text-decoration: underline;
}
div.content p a:hover {
	text-decoration: none;
}


div.heronav {
	position: relative;
	height: 46px;
	overflow: hidden;
	width: 370px;
}
div.heronav p {
	float: left;
	padding-top: 5px;
}
div.heronav ul {
	float: left;
	width: 120px;
	height: 30px;
	padding-left: 17px;
}
div.heronav ul li {
	display: block;
	float: left;
	position: relative;
	width: 30px;
	height: 30px;
}
div.heronav ul li a {
	display: block;
	width: 30px;
	height: 30px;
	outline: none;
	text-indent: -5000px;
	overflow: hidden;
	cursor: pointer;
	background: url(images/button.gif) center top no-repeat;
}
div.heronav ul li a:hover {
	background-position: center -30px;
}
div.heronav ul li a.active {
	background-position: center -60px;
}

div.heronav p a {
	color: #4d5a11;
	font-weight: normal;
	text-decoration: underline;
	background: url(images/bullet.gif) right top no-repeat;
	padding-right: 12px;
}
div.heronav p a:hover {
	text-decoration: none;
}


/*
//////     HOMEPAGE SIDEBAR     //////
*/

div#homeSidebar {
	background-color: #faf4da;
	border-top: 5px solid #fff;
	padding: 20px 20px 25px 25px;
	margin-left: 395px;
}
div#homeSidebar h3 {
	font: normal 17px/22px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #003185;
	letter-spacing: 1px;
	padding-right: 15px;
	margin-bottom: 20px;
}
div#homeSidebar a {
	color: #4d5a11;
	font-weight: normal;
	text-decoration: underline;
	background: url(images/bullet.gif) right top no-repeat;
	padding-right: 12px;
}
div#homeSidebar a:hover {
	text-decoration: none;
}

div#homePortrait {
	border-top: 5px solid #fff;
	height: 259px;
	margin-left: 395px;
}




/*
//////     INTERIOR PAGE CONTENT     //////
*/

div#contentInterior {
	padding-top: 10px;
	padding-right: 50px;
	padding-left: 22px;
	min-height: 280px;
}
div#contentInterior h2 {
	font: normal 24px/28px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #003185;
	letter-spacing: 1px;
	margin-bottom: 24px;
}
div#contentInterior h3 {
	color: #003185;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	padding-top: 12px;
	margin-bottom: 4px;
}
div#contentInterior a {
	color: #4d5a11;
	font-weight: normal;
	text-decoration: underline;
}
div#contentInterior a.forwarder {
	background: url(images/bullet.gif) right top no-repeat;
	padding-right: 12px;
}
div#contentInterior a:hover {
	text-decoration: none;
}


div#contentInterior ul {
	padding-bottom: 12px;
}
div#contentInterior li {
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	padding-left: 15px;
	margin-left: 20px;
	background: url(images/bullet_yellow.gif) left 6px no-repeat;
}
div#contentInterior li span {
	font-weight: bold;
}
div#contentInterior p.disclaimer {
	color: #888;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	padding-top: 16px;
}


div.columns {
	float: left;
	display: inline;
	width: 240px;
	margin-right: 30px;
}




div#contentInterior ul.featured {
	margin-bottom: 20px;
	padding: 0 0 5px 125px;
	border-bottom: 1px solid #bbb;
}
div#contentInterior ul.featured li {
	margin-bottom: 20px;
	color: #888;
	background: transparent;
}
div#contentInterior ul.featured li span.number {
	color: #222;
	font: bold 54px/60px Arial, Helvetica, sans-serif;
}
div#contentInterior ul.featured li span.term {
	color: #222;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	display: block;
}



/*
//////     BOTTOM CALLOUTS     //////
*/

div#callouts {
	float: left;
	width: 600px;
	margin-top: 35px;
	margin-bottom: 10px;
}
div.callBox {
	float: left;
	width: 166px;
	padding: 18px 12px 6px 22px;
	background-color: #edf0f6;
}
div.callBox h3 {
	color: #003185;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
}
div.callBox a {
	color: #4d5a11;
	font-weight: normal;
	text-decoration: underline;
	background: url(images/bullet.gif) right top no-repeat;
	padding-right: 12px;
}
div.callBox a:hover {
	text-decoration: none;
}
div.clearer {
	clear: both;
	height: 1px;
	overflow: hidden;
}



/*
//////     FOOTER & COPYRIGHT     //////
*/

div#footer {
	clear: both;
	width: 900px;
	background: url(images/fdic.gif) 46px 28px no-repeat;
	padding-top: 40px;
}
div#footer ul {
	background: url(images/icon_equal_housing.jpg) right top no-repeat;
	margin-right: 27px;
	padding-top: 2px;
	padding-bottom: 20px;
	padding-left: 285px;
}
div#footer ul li {
	display: inline;
	color: #bbb;
	font: bold 10px/16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-right: 35px;
}
div#footer ul li a {
	color: #bbb;
	text-decoration: underline;
}
div#footer ul li a:hover {
	color: #555;
	text-decoration: none;
}



/*
//////     BOTTOM SHADOW     //////
*/

div#bottomCap {
	width: 100%;
	height: 50px;
	background: url(images/bg_footer.gif) center top no-repeat;
}