/* ------- Colors -----------------------------

blue = #001c54
red = #bb0000

------------------------------------------------*/

body {
	margin:18px 0 85px; background-image:url('images/BG3.jpg'); background-repeat:repeat; background-color:#001c54;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#222;
}

img {
	border:0; _behavior:url('iepngfix/iepngfix.htc')
}

div  {
	_behavior:url('iepngfix/iepngfix.htc');
}

p {
	margin:8px 0 0;
}


a:link, a:visited, a:active {
	color:#214da4; text-decoration:underline
}

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

form {
	display:inline; margin:0; padding:0
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#02308c; margin:-6px 0 15px; 
	border-bottom:1px #bcbcbc dotted; line-height:24px; 
	*line-height:26px;
}

h2 {
	margin:24px 0 4px; color:#02308c; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; 
	line-height:25px; 
}


h3 {
	margin:24px 0 9px; color:#02308c; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; 
	line-height:25px;
}


h4 {

}

h5 {

}

h6 {

}

#container {
	margin:0 auto; width:741px;
}

#topC {
	width:741px; height:160px; background-image:url('images/BG-top1.png'); background-repeat:no-repeat;
}

#LogoC {
	float:left; padding:21px 0 0 21px
}

#onlineBankingC {
	float:right; margin:24px 21px 0 0; padding:5px 3px 0 0; width:191px; height:94px; color:#fff;
	background-image:url('images/BG-onlineBanking.jpg');
	background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif;
	_margin:24px 11px 0 0;
}

.onlineBankingTitle {
	font-size:17px; font-weight:bold; text-align:center; margin:4px 0 3px;
}

.onlineBanking-AccessID {
	font-size:10px; padding-left:13px; margin:0 0 3px; font-weight:bold
}

.onlineBanking-LoginBoxAndButtonC {
	padding-left:13px; margin:0 0 4px;
}

.onlineBanking-LoginBox {
	width: 90px; font-size:11px;
}

.onlineBanking-LoginButton {
	font-size:10px;
}

.onlineBanking-Links {
	font-size:9px; text-align:center; margin:4px 0 0;
	*margin:6px 0 0
}

.onlineBanking-Links a:link, .onlineBanking-Links a:active, .onlineBanking-Links a:visited {
	color:#fff; text-decoration:none
}

.onlineBanking-Links a:hover {
	color:#fff; text-decoration:underline
}





#middleC {
	width:741px; min-height:400px; background-image:url('images/BG-middle.png'); background-repeat:repeat-y;
	_background-image:url('images/BG-middle-IE6.jpg');
}

#leftSideC {
	float:left; width:186px; border:0px red solid;
}

.leftNavButton {
	background-image:url('images/BG-leftNavButton.png'); background-repeat:no-repeat; 
	width:146px; height:35px; margin:0 0 0 30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
	font-weight:bold	
}

.leftNavButton a:link, .leftNavButton a:visited, .leftNavButton a:active {
	color:#fff; text-decoration:none
}

.leftNavButton a:hover {
	color:#fff; text-decoration:none
}

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

#rightSideContentSubsC {
	padding:17px 32px 60px 17px;
}

#rightSideContentSubsC img {
	margin:0 9px 9px 9px;
}


#rightSidePicsC {
	padding:10px 0 12px 7px;
}

#rightSidePicsC p {
	padding:0; margin:0
}


.rightSidePics {
	float:left; margin-right:1px;
}

#rightSidePicsC2 {
	padding:0 7px 12px 0; text-align:center
}

#rightSidePicsC2 p {
	padding:0; margin:0
}

#rightSideContentC {
	padding:0 24px 18px 10px; 
}

.smallerText {
	font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif
}

#bottomC {
	width:576px; height:36px; background-image:url('images/BG-bottom1.png'); background-repeat:no-repeat;
	padding:17px 0 0 165px; text-align:center; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#001c54;
}

#bottomC a {
	color:#001c54; text-decoration:none
}

#bottomC a:hover {
	color:#a81417; text-decoration:none
}

.clear {
	clear:both
}

.invisible {
	border:0; height:0; width:0; display:none
}

.linkDivider {
	font-weight:normal
}

.tinyText {
	font-size:11px
}

.noLeftMarginList {
	 margin-left:-25px;
	 *margin-left:17px;
}

.registeredSymbol {
	font-size:8pt
}

.quickLinks {
	width:90%; margin:6px auto 12px; text-align:center; font-size:8pt; font-weight:bold
}

.quickLinks table {
	border:0; border-collapse:collapse
}

.quickLinks td {
	border-left:2px #ccc solid; border-right:2px #ccc solid; padding:0
}

.quickLinks a:link, .quickLinks a:visited, .quickLinks a:active {
	text-decoration:none
}

.quickLinks a:hover  {
	text-decoration:underline
}

.backToTop {
	font-size:8pt; font-weight:bold; text-align:right; margin:24px 18px 12px 0
}

.backToTop a:link, .backToTop a:visited, .backToTop a:active {
	text-decoration:none
}

.backToTop a:hover  {
	text-decoration:none
}

.searchBox {
	font-size:12px; color:#111; height:14px; margin:4px 2px 0; border:1px #222 solid;
	*margin:1px 2px 0
}

.searchButton {
	font-size:11px; color:#222; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:0 3px
}

.ob-logonButton {
	padding-bottom:3px; padding-top:1px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	*padding-bottom:2px;
}

.redText {
	color:#bb0000;
}

.locationsT {
	width:100%; border:0; border-collapse:collapse
}

.locationsT td {
	padding:3px; vertical-align:top; border:0
}

.locationsT img {
	border:1px #ccc solid; margin:0
}

.contactFormT {
	border:0; border-collapse:collapse; width:100%
}

.contactFormT td {
	padding:3px; border:0; background-color:#fff; color:#222; vertical-align:top
}

.ccards {
	border: 0;
	width: 94%;
	margin:0 auto;
	font-size:11px;
}

.ccards td {
	border: 0;
	padding: 4px;
	font-weight:bold;
	color: #222;
}

#bottomLeftSideC {
	padding:0 0 0 15px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:center
}



/* Top Navigation Links */

#topNavC {
	height:27px; width:535px; background-image:url('images/BG-topNav-O.jpg'); background-repeat:repeat-x;
}

.topNavLink {
	float:left; border-right:1px #fff solid; line-height:25px; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bold; text-align:center
}

.topNavLink a:link, .topNavLink a:active, .topNavLink a:visited {
	color:#fff; text-decoration:none; background-image:url('images/BG-topNav.jpg'); background-repeat:repeat-x;
	display:block; height:27px; width:106px
}

.topNavLink a:hover {
	color:#fff; text-decoration:none; background-image:url('images/BG-topNav-O.jpg'); background-repeat:repeat-x;
	display:block; height:27px; width:106px
}


/* Left Nav Pop-out Menu */

#leftNavC {
	padding:8px 0 12px 21px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#nav, #nav ul { /* all lists */
		padding: 0;
		margin:0;
		list-style: none;
		float : left;
		/*width : 11em;*/
		font-weight:bold;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		/*line-height : 1.25em;
		line-height:1.75em;*/
		margin-bottom : -1px;
		background-image:url('images/BG-leftNavButton2.jpg');
		background-repeat:no-repeat;
		background-position:center;
		/*width: 11em;*/		
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		/*margin-left : 11.05em;
		margin-left : 10.65em;
		margin-top : -2.05em;*/
		margin-left: 156px;
		margin-top:-33px;
		
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left:-999em;
		/*margin-left : 11.05em;
		margin-top : -1.5em;*/
		margin-left:140px;
		margin-top:-24px;
	}
	
	#nav li a {
		/*width: 11em;*/
		width:158px;
		padding:0 7px 0 0;
		/*w\idth : 10em;*/
		display : block;
		color : #fff;
		font-weight : bold;
		text-decoration : none;
		/*background-color : white;*/
		border : 0px solid black;
		/*padding : 0 0.5em;*/
		background-image:url('images/BG-leftNavButton2.jpg');
		background-repeat:no-repeat;
		background-position:center;
		/*line-height:1.75em;*/
		line-height:26px;
		height:35px;
		text-align:center
	}
	
	#nav ul li a {
		/*width: 11em;*/
		width:145px;
		padding:0 5px;
		/*w\idth : 10em;*/
		display : block;
		color : #111;
		font-weight : normal;
		text-decoration : none;
		background-color : white;
		border : 1px #ccc solid;
		/*padding : 0 0.5em;*/
		text-align:left;
		background-image:none;
		line-height:22px;
		height:22px;
	}

	
	#nav li a:hover {
		color : white;
		/*background-color : black;*/
		background-image:url('images/BG-leftNavButton-O2.jpg');
		background-position:center;
		background-repeat:no-repeat;
	}
	
	#nav ul li a:hover {
		color : white;
		background-color:#173b7b;
		text-align:left;
		background-image:none
	}

	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	/*#nav li:hover ul,*/ #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left:auto;
	}
	
	#nav li:hover ul {
	/*left: auto; */ /* --- Changing this from "auto" to "inherit", it fixed the problem with dropdowns sticking in IE 7 ---*/
	display:block;
	left:inherit
	} 

	
	#content {
		margin-left : 12em;
	}