	

	/* navigation */

	
	a {
		color:#2873F4;
	}
	a:visited {
		color:#333;
	}


	#nav {

		padding-left: 220px;

	}

	#nav_home ul {

		padding: 0;

		margin: 0;

		list-style: none;

		z-index:3;

		margin: 0;

		list-style-type: none;

	}

 	#nav_home li {

		float: left;

		position: relative;

		width: 10em;

		color:#fff;

		font-size:11px;

		text-align:center;

		text-decoration: none;

		padding: 5px;

	}

	#nav_home  li a{

		display: block;

		color:#fff;

	}
		
	#nav ul {

		padding: 0;

		margin: 0;

		list-style: none;

		z-index:3;

		margin: 0;

		list-style-type: none;

	}

 	#nav li {

		float: left;

		position: relative;

		width: 10em;

		color:#fff;

		font-size:11px;

		text-align:center;

		text-decoration: none;

		padding: 5px;

	}

	#nav  li a{

		display: block;

		color:#fff;

	}

 	li ul { /* second-level lists */

		display: none;

		position: absolute;

		top: 2dem;

		left: 0;		

	}

	

 	li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

		top: auto;

		left: auto;	

	}

	

	li:hover ul, li.over ul { 

		display: block;

	} 

	#naviii li {

		font-size:11px;

		text-align:left;

		position: relative;

		padding: 0px;

	}

	#naviii li a{

		text-decoration: none;

	}

	#naviii li a{

		text-decoration: none;

		padding:2px 5px 2px 5px;

		height:8px;

	}

	html>body #naviii li a{

		padding:3px 5px 6px 5px;

		height:11px;

	}

	#naviii li.hov_nav_red {

		width:160px;

		border-right:1px solid #666666;

		border-bottom:1px solid #666666;

	}	

	#naviii li.hov_nav_red a {

		background-color: #EEC9CF;

		background-image: url(img/subpages/rd_bg_sub.gif);

		background-repeat:repeat-x;

		width:150px;

		color:#000;

		list-style-type: none;

	}

	#naviii li.hov_nav_red a:hover {

		background-color: #990000;

		background-image: url();

		color:#FFF;

	}

	#naviii li.hov_nav_green {

		width:180px;

		border-left:1px solid #666666;

		border-right:1px solid #666666;

		border-bottom:1px solid #666666;

	}	

	#naviii li.hov_nav_green a {

		width:170px;

		background-color: #3A9355;

		background-image: url(img/subpages/gr_bg_sub.gif);

		background-repeat:repeat-x;

		color:#000;

		

	}	

	#naviii li.hov_nav_green a:hover {

		background-color: #3A9355;

		background-image: url();

		color:#FFF;

	}	

	#naviii li.hov_nav_yellow {

		width:210px;

		border-left:1px solid #666666;

		border-right:1px solid #666666;

		border-bottom:1px solid #666666;

	}

	#naviii li.hov_nav_yellow a {

		width:200px;

		background-color: #FEF7C2;

		background-image: url(img/subpages/yl_bg_sub.gif);

		background-repeat:repeat-x;	

		color:#000;

	}

	#naviii li.hov_nav_yellow a:hover {

		background-color: #FFDE00;

		background-image: url();

		color:#990000;

	}

	#naviii li.hov_nav_blue {

		border-left:1px solid #666666;

		border-right:1px solid #666666;

		border-bottom:1px solid #666666;

		width:125px;

	}		

	#naviii li.hov_nav_blue a {

		width:115px;

		background-color: #C3D8EF;

		background-image: url(img/subpages/bl_bg_sub.gif);

		background-repeat:repeat-x;	

		color:#000;	

	}	

	#naviii li.hov_nav_blue a:hover {

		background-color: #0052B8;

		background-image: url();

		color:#FFF;	

	}
	/* elements */

	.banner_color {
		background-image: url(img/subpages/rd_bg_sub.gif);
		border:1px solid #AE142C;
	}	
	
	body {	
		background-repeat: repeat-x;
		background-color:#fff;
		font-family:"Trebuchet Ms";
		font-size:12px;
		margin:10px 10px 0px 10px;
		text-align:center;
	}
	
	#input {
		width:90px;height:10px;vertical-align:middle;font-family:verdana;font-size:10px;
	}
	
	div {
		border:0px solid black;
	}
	/* main layout */	
	
	#container {
		width:100%;
		text-align:left;
	}
	#header {
		width: 100%;
		height:30px;
		background-color:#000;
	}
	#leftcolumn {
		padding: 0;
		float: left;
		font-size: 10px;
		width: 189px;
		padding: 0px;
		float: left;
		font-size: 10px;
		text-align:center;
	}
	#leftcolumn2 {
		position: absolute;
		left:10px;
		top:40px;
		width: 189px;
		padding: 0px;
		float: left;
		font-size: 10px;
		text-align:center;
	}
	html>body #leftcolumn2 {
		top:40px;
		
	}
	#centercontent {
   		margin-left: 16px;
   		margin-right:10px;
	}
	
	/* subnav */	
		
	.sub_nav {
		padding:5px;
		border-top:1px dashed #cccccc;
		border-bottom:1px dashed #cccccc;
		margin-top:5px;
		margin-bottom:5px;
	}	
	#onlinebanking {
		font-size:11px;
		width:156px;
		height:126px;
		padding:6px 6px 6px 6px;
		border:1px solid black;
		text-align:right;
	}
	#onlinebanking a {
		text-decoration: none;
	}
	#onlinebanking a:hover {
		color:#fff;
		text-decoration: underline;
	}
	.onlinebillpay {
		width:156px;
		background-color:#000;
		padding:6px 6px 6px 6px;
		font-size:14px;
		font-weight:bold;
		color:#fff;
		text-align:left;
		vertical-align:middle;
		border:1px solid black;
	}
	.onlinebillpay a {
		font-size:11px;
		font-weight:normal;
		color:#ffffff;
		text-decoration: none;
	}
	.onlinebillpay a:hover {
		color:#ffffff;
		text-decoration: underline;
	}
	#search {
		width:156px;
		height:50px;
		background-repeat:repeat-x;
		color:#FFFFFF;
		padding:7px;
		text-align:left;
	}
	#byp {
		width:156px;
		background-repeat:repeat-x;
		color:#FFFFFF;
		padding:25px 7px 7px 7px;
		text-align:left;
	}
	

	
	#currents {
		width:156px;
		color:#FFFFFF;
		background-repeat:repeat-x;
		padding:7px;
		text-align:left;
	}
	#banner {
		height:40px;
		background-repeat: repeat-x;
		margin-top:10px;
		margin-bottom:10px;
		
	}	
	.copy {
		text-align:left;
		padding:10px;
		background-color:#fff;
		margin-top:10px;
		min-height:500px;
		
	}

	* .copy { height:auto !important; height: 500px; }
	/* fonts */
			
	h2 {
		color : #689AF6;
		font-size : 14px;
		font-weight : bold;
		font-family : sans-serif;
		margin : 0 0 0 0;
	}	
	h3 {
		font-size:14px;
		font-weight:bold;
		margin-top:0px;
		margin-bottom:5px;
		color:#000000;
		text-align:left;
		float:left;
	}
	h4 {
		font-size:11px;
		font-weight:bold;
		margin-top:0px;
		margin-bottom:5px;
		color:#000000;
		text-align:left;
		float:left;
	}
	#type_large {
		font-family:"Trebuchet Ms";
		font-size:14px;
		font-weight:bold;
	}
	#type_small {
		font-family:"Verdana";
		font-size:10px;
		font-weight:normal;
	}
	
	.black {
		color:#000;
	}
	.white {
		color:#fff;
	}
	.yellow {
		color:#F9ED00;
	}
	.blue {
		color:#0052B8;
	}
	
	
	#footer {
		margin-top:20px;
		margin-bottom:20px;
		padding:10px;
		border-top: 1px dashed #cccccc;
	}
	.footer_left {
		font-size : 10px;
		font-family:verdana, helvetica, arial;
		color : Black;
		padding: 0px;
		float : left;
		background-color : #ffffff;
		text-align : left;
	}

	.footer_right {
		font-size : 10px;
		font-family:verdana, helvetica, arial;
		color : Black;
		padding: 0px;
		float : right;
		background-color : #ffffff;
		text-align : right;
	}
	form {
		padding: 0px;
		margin: 0px;
	}
	div.spacer { 
		clear: both;
		height:30px;
	}
	#pagecontainer {
		padding: 0;
		text-align: left;
		min-width: 750px;
		/* IE Dynamic Expression to set the width */
    	/* width:expression(document.body.clientWidth < 500 ? "750px" : "100%" ); */
	}
	
	#min-spacer {
		width: 550px;
	}
	
	#member_box {
		background-color:#D5DCE3;
		border:1px solid #B4B4B6;
		width:200px;
		padding:5px;
		margin-left:20px;
		font-family:verdana;
		margin-bottom:12px;
	}	
	#member_detail {
		background-color:#9DA4AB;
		padding:5px;
		margin:5px;
		color:#474E55;
		font-family:'verdana';
		font-size:10px;
		font-style:normal;
	}
	#member_box a {
		color:white;
		font-weight:bold;
		text-decoration:none;
	}
	#member_detail a {
		color:white;
		font-weight:bold;
		text-decoration:none;
	}	
	
	
	.white_title {
		color:#fff; font-size:14px; font-weight:bold;
	}	
	