/* ----------------------------------------------------------------------------
  CSS Document - layout.css
 ---------------------------------------------------------------------------- */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */
/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }
a.homelink:link,a.homelink:visited	{ color: Navy; text-decoration:none; outline:none; }

/* global elements
 * ------------------------------------------------------------------------- */
/* single page framework
 * ------------------------------------------------------------------------- */
.pickedLink { background-color:Black; }

#wrap-single {
                background:url("../images/spacer_single.gif") repeat-y;
                width:801px;
                margin:0 auto;
                text-align:left;
                }

#single p {
                margin: 0 25px 0 25px;
}

#bottom-wrap-single {
                background:url("../images/footer_single.gif") no-repeat; 
                height:57px;
                clear:both;
                width:100%; /* fix for Safar */
                text-align:center;
                }
                
                #bottom-wrap-single  a:link, #bottom-wrap-single  a:visited { color:#fff; }

				#bottom-wrap-single  a:hover, #bottom-wrap-single  a:active { color:#fff; text-decoration:underline; }
                
                #bottom-wrap-single  ul {padding-top:27px;}
                
                #bottom-wrap-single  li { /* if your li's float, you can adjust border height w/ line-height */
                                padding:0 5px 0 7px;
                                display: inline;
                                border-left: 1px solid #fff;
                                }
                
                #bottom-wrap-single  li.first { border: none; }

/* ----- type selectors ----- */ 
body { 
	background:url("../images/bkgd.jpg") repeat;
	text-align:center; 
	font:12px/16px Arial, Helvetica, sans-serif; 
	color:#6d6d6d;
	}

blockquote { 
	margin-left:10px; 
	margin-right:10px; 
	}

.RateTitle h1 { font-size:1.4em; color:#2b7689; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif;  border-bottom:0px solid #00673e; padding: 0 0 5px 0;}

h1	{ font-size:1.4em; color:#2b7689; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #00673e; padding: 0 0 5px 0;}
h2	{ font-size:1.3em; color:#2b7689; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; padding: 0 0 5px 0;}
#NoLine	{ font-size:1.3em; color:#2b7689; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif;}
h3	{ font-size:1.2em; color:#2b7689; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #00673e; padding: 0 0 5px 0;}

a:link,a:visited	{ color:#fff; text-decoration:none; outline:none; }
a:hover,a:active	{ color:Gray; text-decoration:underline; outline:none; }

 hr {height:1px;
 }
 
 #rateIframe p
 {
	padding: 55px 0px 0 25px;
 }
.DataTable {
	background-color: #fff;
	border-bottom: solid 1px #EEE;
	color:Black;
	margin: 0px 25px 0 25px;
	
	}
.DataTable td {
	padding: 5px 0 5px 10px;
}
.DataTable .Interlaced {
	background-color: #FFF;
}
.DataTable .Header {
	font-family: Times New Roman, Times, serif;
	color: #FFFFFF;
	font-size: 13pt;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
	background-color: #006633;
	font-weight: bold;
	padding: 5px;
	border-bottom: solid 1px #FFF;
}

.DataTable .Title {
	padding: 5px 10px;
	font-size: 10pt;
}
.DataTable .SubTitle {
	color: #006633;
}
.DataTable .NavLinks {
	font-weight: lighter;
	text-align: right;
	word-spacing: 5px;
}
.DataTable .NavLinks a {
	color: #000;
}
.DataTable a:link,a:visited	{ color:gray; text-decoration:none; outline:none; text-align:left; }
.DataTable a:hover,a:active	{ color:gray; text-decoration:underline; outline:none; }
.DataTable .Footer td {
	font-family: Times New Roman, Times, serif;
	color: #FFFFFF;
	padding-right: 10px;
	text-align: right;
	background-color: #006633;
	padding: 5px;
	word-spacing: 5px;
	border-top: solid 1px #FFF;
}
.DataTable .Footer a, .DataTable .Footer span {
	color: #FFFFFF;
}

.DataTable .Header a, .DataTable .Header span {
	color: #FFFFFF;
	font-size: small;
}


.DataTableWhite {
	background-color: #fff;
	color:white;
	margin: 0px 25px 0 25px;
	
	}
.DataTableDisclosure {
	background-color: #fff;
	
	margin: 0px 25px 0 25px;
	
	}

.DataTableBorderless {
	background-color: #fff;
	color:Black;
	margin: 0px 25px 0 25px;
	
	}
.DataTable td {
	padding: 5px 0 5px 10px;
}
.DataTable .Interlaced {
	background-color: #FFF;
}
.DataTable .Header {
	font-family: Times New Roman, Times, serif;
	color: #FFFFFF;
	font-size: 13pt;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
	background-color: #006633;
	font-weight: bold;
	padding: 5px;
	border-bottom: solid 1px #FFF;
}

.DataTable .Title {
	padding: 5px 10px;
	font-size: 10pt;
}
.DataTable .SubTitle {
	color: #006633;
}
.DataTable .NavLinks {
	font-weight: lighter;
	text-align: right;
	word-spacing: 5px;
}
.DataTable .NavLinks a {
	color: #000;
}
.DataTable a:link,a:visited	{ color:gray; text-decoration:none; outline:none; text-align:left; }
.DataTable a:hover,a:active	{ color:gray; text-decoration:underline; outline:none; }
.DataTable .Footer td {
	font-family: Times New Roman, Times, serif;
	color: #FFFFFF;
	padding-right: 10px;
	text-align: right;
	background-color: #006633;
	padding: 5px;
	word-spacing: 5px;
	border-top: solid 1px #FFF;
}
.DataTable .Footer a, .DataTable .Footer span {
	color: #FFFFFF;
}

.DataTable .Header a, .DataTable .Header span {
	color: #FFFFFF;
	font-size: small;
}

/* Site Map */

.Site {
	background-color: #fff;
	border-bottom: solid 1px #fff;
	color:Black;
	}
.Site td {
	padding: 5px 0 5px 10px;
}
.Site .Interlaced {
	background-color: #FFF;
}
.Site .Header {
	font-family: Times New Roman, Times, serif;
	color: #FFFFFF;
	font-size: 13pt;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
	background-color: #006633;
	font-weight: bold;
	padding: 5px;
	border-bottom: solid 1px #FFF;
}

.Site .Title {
	padding: 5px 10px;
	font-size: 10pt;
}
.Site .SubTitle {
	color: #006633;
}
.Site .NavLinks {
	font-weight: lighter;
	text-align: right;
	word-spacing: 5px;
}
.Site .NavLinks a {
	color: #000;
}
.Site a:link,a:visited	{ color:gray; text-decoration:none; outline:none; text-align:left; }
.Site a:hover,a:active	{ color:gray; text-decoration:underline; outline:none; }
.Site .Footer td {
	font-family: Times New Roman, Times, serif;
	color: #FFFFFF;
	padding-right: 10px;
	text-align: right;
	background-color: #006633;
	padding: 5px;
	word-spacing: 5px;
	border-top: solid 1px #FFF;
}
.Site .Footer a, .DataTable .Footer span {
	color: #FFFFFF;
}

.Site .Header a, .DataTable .Header span {
	color: #FFFFFF;
	font-size: small;
}

/* ----- classes ----- */

div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}
	
img.img-left { 
	float:left; 
	margin:2px 10px 10px 0; 
	}
	
	img.img-left-100 { 
		float:left; 
		margin:2px 0px 20px 0; 
		}
	
img.img-right { 
	float:right; 
	margin:5px 0 10px 10px; 
	}

/* ----- global form elements ----- */ 

/*form {
	width:300px;
	padding:5px 0 2px 230px;
	}

form label	{ font-size:.95em; }

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */


/*input, */ 
textarea, select { 
	background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #add0b9;
	color:#006633;
	width:230px; /* 5 pixles smaller than form width !important 
	height:18px; 
	line-height:18px;*/
	vertical-align: middle;
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-size:1.0em;
	}
	
select { width:150px; padding:0; } /* same width as form - !important */
.FormTable td {
	padding: 5px 0 5px 10px; }



/* ----- main contact form ----- */ 
 
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label select { width:170px; }
	
#contact-main label textarea { height:100px; overflow:auto; }

#contact-business-main { display: none; } /* do not remove */ 


/* ----- submit button form elements ----- */ 

input.submit, input.submit-contact-main { 
	background:url("../images/GO.gif");
	width:37px;
	/*height:19px;*/
	cursor:pointer; 
	padding:0;
	border:none; 
	}




/* framework
 * ------------------------------------------------------------------------- */

#wrap {
	background:url("../images/spacer.gif") repeat-y;
	width:801px;
	margin:0 auto;
	text-align:left;
	}
	
	#wrap-sub {
		background:url("../images/spacer_sub.gif") repeat-y;
		width:801px;
		margin:0 auto;
		text-align:left;
		}
	
#masthead {
	position:relative;
	background:url("../images/masthead.jpg");
	height:90px;
	}
	/* index page link within #masthead */		
	#masthead a {	
		position:absolute;
		left:0px;
		width:0px;
		top:0px;
		height:0px; 
		}
	#masthead a span {
		display:none;
		}

/* ----- search ----- */

#tp-head {
	background:url("../images/search_spacer.gif") repeat-y;
}

#tp-head-left {
	width: 251px;
	float: left;
	}

#tp-head-right 
{
	background:url("../images/search_spacer_sm.gif") repeat-y;
	width: 550px;
	float: left;
}

#search {
	text-align:right;
	width: 520px;
	margin:10px 25px 10px 0;
}


/* ----- column-left-hm ----- */

#column-left-hm {
	width:399px;
	float:left;
	}
	

	
	#column-left-hm p, #column-left-hm h2 {
                                margin:10px 10px 10px 35px;
                                }
	
	#online {
		background-color: #f7faf8;
		width: 373px; 
		margin-left:25px;

	    }
	#online2 {
		background-color: #daeae0;
		width: 373px; 
		margin-left:25px;
		height:30px;	
		padding:0px 0;
		border-bottom:1px dotted #00673E;
	    }
	#online3 {
		background-color: #daeae0;
		width: 373px; 
		margin-left:25px;
		height:30px;	
	   }
	#online2 p {
        color:#00673E;
        padding-top:7px;
        margin:0 0 0 10px;	
        float:left;
        }
		#online3 p {
        color:#00673E;
        padding-top:7px;
        margin:0 0 0 10px;	
        float:left;
		}
		
		
		#online p, #online h2, #online h3{
			margin: 10px 10px 0 10px;	
		}
	
	
	#online p{
		color:#00673e;
		border-top: 1px dotted #00673e;
		padding-top:7px;
		}
	
	.signup {
		padding-top: 25px;
	}
	
	.btn {
		/*vertical-align: top;
		float: right;*/
		padding: 0px;
		margin: 0px 15px 0px 0px
	}
	
	.btn1 {
		float:left;
		padding:4px;
	}
	.btn2 {
		float:left;
		padding:4px;
	}
	.btn3 {
		padding:3px;
		float:left;
	}
	.btn4 {
		padding:3px;
		float:left;

	}
	.btn5 {
		margin-left:105px;
	}
	
	#bank-us {
		background:url("../images/bank-us.gif") no-repeat;
		height:30px;
		margin-left:25px;
		padding: 15px 0 0px 0px;
		border-bottom:none;
	}
	
	#switch h2 {
		background:url("../images/make_switch.gif") no-repeat;
		height:16px;
		margin-left:35px;
		border-bottom:none;
	}
	
	#support h2 {
		background:url("../images/support.gif") no-repeat;
		height:18px;
		margin-left:35px;
		border-bottom:none;
	}
	
	#mix h2 {
		background:url("../images/perfect_mix.gif") no-repeat;
		height:17px;
		margin-left:35px;
		border-bottom:none;
	}
	
	#rate-board h2 {
		background:url("../images/rate_board.gif") no-repeat;
		height:17px;
		margin-left:35px;
		border-bottom:none;
	}


/* ----- lower ----- */

                #lower-main {
                                background:url("../images/lower-main-spacer.gif") repeat-y;
                }
                
                                #lower-main {
                                                background:url("../images/lower-main-spacer.gif") repeat-y;
                                }
                                
                                #lower-main p, #lower-main h1, #lower-main h2, #lower-main h3, #lower-main ul, #lower-main dl {
                                                margin:0 16px 10px 16px;
                                                }
                                
                                #lower-main h2, #lower-main h3 {
                                                padding-top: 15px;          
                                }



#lower {
	width:587px;
	float:left;
}

#banner-personal {
	background:url("../images/banner-personal.jpg") no-repeat;
	height:166px;
}
#bannerhome-about {
	background:url("../images/about_tag.jpg") no-repeat;
	height:166px;
}
#banner-about1 {
	background:url("../images/about_1.jpg") no-repeat;
	height:166px;
}
#banner-about2 {
	background:url("../images/about_2.jpg") no-repeat;
	height:166px;
}
#bannerhome-business {
	background:url("../images/Business_tag.jpg") no-repeat;
	height:166px;
}
#banner-business1 {
	background:url("../images/Business_1.jpg") no-repeat;
	height:166px;
}
#banner-business2 {
	background:url("../images/Business_2.jpg") no-repeat;
	height:166px;
}
#banner-business3 {
	background:url("../images/Business_3.jpg") no-repeat;
	height:166px;
}
#banner-business4 {
	background:url("../images/Business_4.jpg") no-repeat;
	height:166px;
}
#bannerhome-location {
	background:url("../images/locations_tag.jpg") no-repeat;
	height:166px;
}
#banner-location1 {
	background:url("../images/locations_1.jpg") no-repeat;
	height:166px;
}
#banner-location2 {
	background:url("../images/locations_2.jpg") no-repeat;
	height:166px;
}
#banner-location3 {
	background:url("../images/locations_3.jpg") no-repeat;
	height:166px;
}
#bannerhome-mortgage {
	background:url("../images/mortgage_tag.jpg") no-repeat;
	height:166px;
}
#banner-mortgage1 {
	background:url("../images/mortgage_1.jpg") no-repeat;
	height:166px;
}
#banner-mortgage2 {
	background:url("../images/mortgage_2.jpg") no-repeat;
	height:166px;
}
#banner-mortgage3 {
	background:url("../images/mortgage_3.jpg") no-repeat;
	height:166px;
}
#banner-mortgage4 {
	background:url("../images/mortgage_4.jpg") no-repeat;
	height:166px;
}

#banner-personal1 {
	background:url("../images/personal_1.jpg") no-repeat;
	height:166px;
}
#bannerhome-personal {
	background:url("../images/personal_tag.jpg") no-repeat;
	height:166px;
}
#banner-personal2 {
	background:url("../images/personal_2.jpg") no-repeat;
	height:166px;
}
#banner-personal3 {
	background:url("../images/personal_3.jpg") no-repeat;
	height:166px;
}

#bannerhome-trust {
	background:url("../images/TandI_tag.jpg") no-repeat;
	height:166px;
}
#banner-trust1 {
	background:url("../images/TandI_1.jpg") no-repeat;
	height:166px;
}
#banner-trust2 {
	background:url("../images/TandI_2.jpg") no-repeat;
	height:166px;
}
#banner-trust3 {
	background:url("../images/TandI_3.jpg") no-repeat;
	height:166px;
}
#banner-trust4 {
	background:url("../images/TandI_4.jpg") no-repeat;
	height:166px;
}
#banner-trust5 {
	background:url("../images/TandI_5.jpg") no-repeat;
	height:166px;
}


/* ----- column-left ----- */

#column-left {
	width:214px;
	float:left;
	}
	
	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left dl {
		margin:0 10px 10px 36px;
		}
	#column-left form { margin-left:0px; margin-top:0px; }
	
		#column-left a:link, #column-left a:visited	{ color:#fff; text-decoration:none; outline:none; }
		#column-left a:hover,#column-left a:active	{ color:#fff; text-decoration:underline; outline:none; }
	
	/* single column list */
	#column-left ul { padding-left:5px; color:#fff; margin: 0 10px 0 30px; }
		#column-left ul li { 
			background-color:#244a61;
			margin: 4px 0px 4px 0px;
			padding:4px 0 4px 10px; /* pushes text to the right to display bg img */
			 }

	/* definition list */
	#column-left dl { padding-left:5px; }
		#column-left dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#column-left dl dd {
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat;
			padding-left:10px;  /* pushes text to the right to display bg img */
			margin-left:5px;
			}
	/*
	ul#bankNavigation li.liLink { background-color:Maroon;}
	ul#bankNavigation li.liLink a { color:#fff; text-decoration:none; margin: 4px 0px 4px 0px; padding:4px 0 4px 10px; }
	
	
#column-left ul.subnav li { background-color:#729cae;}
*/
	
	#column-left ul.subnav a:hover a:active { font-size:11px; color:#fff; text-decoration:none; margin: 4px 0px 4px 0px; padding:4px 0 4px 10px; }
	#column-left ul.subnav li { background-color:#027647;}
	
	#column-left ul.subnav li a { font-size:11px; color:#fff; text-decoration:none; margin: 4px 0px 4px 0px; padding:4px 0 4px 10px; }
	#column-left ul.subnav li a:hover { color:#fff; text-decoration:underline; outline:none; margin: 4px 0px 4px 0px; padding:4px 0 4px 10px; }
	
	/*
	#column-left ul.subnav li a:visited { background-color:Black; color:#000; text-decoration:underline; outline:none; margin: 4px 0px 4px 0px; padding:4px 0 4px 10px; }
	
	
	#column-left ul.subnav li a:visited { color:#000; text-decoration:none; margin: 4px 0px 4px 0px; padding:4px 0 4px 10px; }
	*/
	/*
	ul#bankNavigation1 li.liLink { background-color:Maroon;}
	ul#bankNavigation1 li.liLink a { color:#fff; text-decoration:none; margin: 4px 0px 4px 0px; padding:4px 0 4px 10px; }
	*/
	
	
	#products a:link, #products a:visited	{ color:#fff; text-decoration:none; outline:none; }
	#products a:hover, #products a:active	{ color:#fff; text-decoration:underline; outline:none;  }
	
	.products a	{display:inherit;  color:#fff; text-decoration:none; outline:none; }
	.products a:link, #products a:visited	{ color:#fff; text-decoration:none; outline:none; }
	.products a:hover, #products a:active	{ color:#fff; text-decoration:underline; outline:none;}
	
	
	/*
	.products a:link, .products a:visited	{ text-decoration:none; outline:none; padding-left: 10px; } 
	.products a:hover, .products a:active	{ color: Maroon; text-decoration:underline; outline:none; padding-left: 10px; }
	
	*/
	/*
	products a:link, .products a:visited	{ color:#fff; text-decoration:none; outline:none; padding-left: 10px; } 
	.products a:hover, .products a:active	{ color:#01462b; text-decoration:underline; outline:none; padding-left: 10px; }
	*/
	
	/*
	#products a:link, #products a:visited	{ color:#fff; text-decoration:none; outline:none; }
	#products a:hover, #products a:active	{ color:#01462b; text-decoration:underline; outline:none; }
	
	
	.products a:link, .products a:visited	{ color:#fff; text-decoration:none; outline:none;}
	.products a:hover, .products a:active	{ color:#01462b; text-decoration:underline; outline:none;}
	*/
	#left-hdr {
		background:url("../images/left_hdr.gif") no-repeat;
		height:7px;
		margin-left:25px;
	}
	
	#online-btn {
		margin: 10px 0px 10px 34px;
	}
	
	.left-hr {
		background:url("../images/left_hr.gif") no-repeat;
		height:4px;
		margin: 10px 0px 10px 36px;
	}
	
	.help
	{
		background-color: black;
	}		

/* ----- column-right-hm ----- */

#column-right-hm {
	width:402px;
	float:right;
	}

	#column-right-hm p {
		margin:0 48px 10px 28px;
		}
	#welcome-top {
		background:url("../images/welcome-hdr.gif") no-repeat;
		height: 18px;
	}
		#welcome p{
			margin: 0 27px 0 112px;
		}
		
		#welcome h1 {
                margin:10px 32px 10px 112px;
}

.hm-right-hr {
                height: 7px;
                background: url(../images/hm-right-hr.gif) no-repeat;
}

	
	
		#conveniences h2 {
                margin: 10px 32px 10px 30px;
}

		
			#conveniences ul { padding-left:25px; color:#fff; text-align:center;} 
			#conveniences ul li { 
				background:transparent url("../images/img-services.gif") 10px 3px no-repeat;
				padding: 0 10px 3px 10px;  /* pushes text to the right to display bg img */
				float:left;
				width:153px;
				line-height:20px; 
				}
				
				#conveniences a:link, #conveniences a:visited	{ color:#fff; text-decoration:none; outline:none; }
				#conveniences a:hover, #conveniences a:active	{ color:#01462b; text-decoration:underline; outline:none; }
				
				
				#beyond {
                margin: 15px 0px 0px 0px;
}


		#beyond h2 {
                margin: 10px 32px 10px 30px;
}
        #bloodDrive h2 {
                margin: 10px 32px 10px 30px;
}


/* ----- column-right ----- */

#column-middle {
	width:379px;
	float:left;
	}

	#column-middle p, #column-middle h1, #column-middle h2, #column-middle h3, #column-middle ul, #column-middle dl {
		margin:0 14px 10px 16px;
		}
	
	#column-middle h2, #column-middle h3 {
		padding-top: 15px;	
	}
	
	#column-middle form { margin-left:0px; margin-top:0px; }
	 
	/* single column list */
	#column-middle ul { padding-left:5px; }
		#column-middle ul li { 
			background:transparent url("../images/bullet-main.gif") 0px 4px no-repeat;
			padding-left:20px;  /* pushes text to the right to display bg img */
			line-height: 1.75em;
			}
	
	#column-middle a:link, #column-middle a:visited	{ color:#2f86af; text-decoration:underline; font-weight:bold; }
	#column-middle a:hover, #column-middle a:active	{ color:#cc0000; text-decoration:none; font-weight:bold; }
			
	/*#personal-level h1{
			background:url("../images/personal_level.gif") no-repeat;
			height: 17px;
			margin-top:5px;
		}

*/



/* ----- column-right ----- */

#column-right {
	width:208px;
	float:left;
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right dl {
		margin:0px 31px 10px 9px;
		}
	#column-right form { margin-left:0px; margin-top:0px; }
	 
	/* single column list */
	#column-right ul { color:#fff; text-align:center; }
		#column-right ul li { 
			background:transparent url("../images/img-services.gif") 10px 3px no-repeat;
			padding: 0 10px 3px 10px;  /* pushes text to the right to display bg img */
			float:left;
			width:153px;
			line-height:20px; 
			}

	#switching h2{
			background:url("../images/switch.gif") no-repeat;
			height: 17px;
			margin-top:5px;
		}
	
	#convenience h2{
			background:url("../images/conveniences1.gif") no-repeat;
			height: 17px;
			margin-top:5px;
		}
		
		#column-right a:link, #column-right a:visited	{ color:#fff; text-decoration:none; outline:none; }
		#column-right a:hover, #column-right a:active	{ color:#01462b; text-decoration:underline; outline:none; }
	
/* ----- bottom-wrap ----- */
 
#bottom-wrap {
	background:url("../images/footer.gif") no-repeat; 
	height:57px;
	clear:both;
	width:100%; /* fix for Safar */
	text-align:center;
	}
	
	#bottom-wrap a:link, #bottom-wrap a:visited { color:#fff; }

	#bottom-wrap a:hover, #bottom-wrap a:active { color:#fff; text-decoration:underline; }
	
	#bottom-wrap ul {padding-top:27px;}
	
	#bottom-wrap li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px;
		display: inline;
		border-left: 1px solid #fff;
		}
	
		#bottom-wrap li.first { border: none; }


/* ----- bottom-wrap-sub ----- */
 
#bottom-wrap-sub {
	background:url("../images/footer.gif") no-repeat; 
	height:57px;
	clear:both;
	width:100%; /* fix for Safar */
	text-align:center;
	}
	
	#bottom-wrap-sub a:link, #bottom-wrap-sub a:visited { color:#fff; }

	#bottom-wrap-sub a:hover, #bottom-wrap-sub a:active { color:#fff; text-decoration:underline; }
	
	#bottom-wrap-sub ul {padding-top:27px;}
	
	#bottom-wrap-sub li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px;
		display: inline;
		border-left: 1px solid #fff;
		}
	
		#bottom-wrap-sub li.first { border: none; }

	
/* header framework
 * ------------------------------------------------------------------------- */

#header-flash { height:196px; } /* sets height for the flash header - REMOVE IF NOT USED */
#active-x {height:300px;}
#header-graphic { height:196px; } /* sets height for all non-flash headers */

	body#index #header-graphic { background:url("../images/banner-home.jpg"); } 
	body#about1 #header-graphic { background:url("../images/about_tag.jpg"); }
	/*body#about2 #header-graphic { background:url("../images/about_2.jpg"); }
	/*body#index #header-graphic { background:url("../images/page header_1.jpg"); }*/
	/*body#about #header-graphic { background:url("../images/page header_1.jpg"); }
	/*body#about #header-graphic { background:url("../images/header-about.jpg"); } */
	/*body#contact #header-graphic { background:url("../images/header-contact.jpg"); }
	/*body#thankyou #header-graphic { background:url("../images/header-thankyou.jpg"); }
	/*body#sitemap #header-graphic { background:url("../images/header-sitemap.jpg"); }

/* subhead framework
 * ------------------------------------------------------------------------- */

.about {background:url("../images/header-about.jpg"); }

#subhead { height:20px; } /* sets height for all subheads */

	body#index #subhead { background:url("../images/subhead-index.jpg"); }
	body#about #subhead { background:url("../images/subhead-about.jpg"); }
	body#contact #subhead { background:url("../images/subhead-contact.jpg"); }
	body#thankyou #subhead { background:url("../images/subhead-thankyou.jpg"); }
	body#sitemap #subhead { background:url("../images/subhead-sitemap.jpg"); }


/* ----- subhead framework with varying heights ----- */

#subhead-meet-doc {
	height:55px;
	background:url("../images/subhead-meet-doc.jpg") ;
	}


/* top nav
 * ------------------------------------------------------------------------- */

#top-nav {
	background:url("../images/nav-top.gif") no-repeat;
	height:28px;
	color:#fff;
	text-align:right;
}

	#top-nav ul {margin:0 26px 0 0;}
	
	#top-nav li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 10px 0 12px;
		display: inline;
		border-left: 1px solid #fff;
		}
	
	#top-nav li.first { border: none; }

	.logo-sm {
		background: 10px 6px no-repeat;
	}
	
	#top-nav a:link, #top-nav a:visited	{ color:#fff; text-decoration:none; outline:none; }
	#top-nav a:hover,#top-nav a:active	{ color:#01462b; text-decoration:underline; outline:none; }



/* Horozontal Sprite Nav
 * ------------------------------------------------------------------------- */

.nav { 
	background:url("../images/nav.gif") no-repeat; 
	width:527px; 
	height:28px; 
	margin:0;
	padding:0; 
	}

.nav span { display: none; }

.nav li, #nav a { height:28px; display:block; } /* change height here also */

.nav li { float:left; list-style:none; _display:inline; }

.nav_01 { width: 131px;}
.nav_02 { width: 131px;}
.nav_03 { width: 131px;}
.nav_04 { width: 134px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
.nav_01 a:hover { background:url("../images/nav.gif")  -0px -28px no-repeat; }
.nav_02 a:hover { background:url("../images/nav.gif") -131px -28px no-repeat; }
.nav_03 a:hover { background:url("../images/nav.gif") -262px -28px no-repeat; }
.nav_04 a:hover { background:url("../images/nav.gif") -393px -28px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- 

.nav_personal  #nav_01 { background:url("../images/nav.gif")  -0px -28px no-repeat; }
.nav_business #nav_02 { background:url("../images/nav.gif") -131px -28px no-repeat; }
.nav_trust #nav_03 { background:url("../images/nav.gif") -262px -28px no-repeat; }
.nav_mortgage #nav_04 { background:url("../images/nav.gif") -393px -28px no-repeat; }
*/
.nav_personal { background:url("../images/nav.gif")  -0px -28px no-repeat; }
.nav_business  { background:url("../images/nav.gif") -131px -28px no-repeat; }
.nav_trust { background:url("../images/nav.gif") -262px -28px no-repeat; }
.nav_mortgage { background:url("../images/nav.gif") -393px -28px no-repeat; }


#nav { 
	background:url("../images/nav.gif") no-repeat; 
	width:527px; 
	height:28px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:28px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; }

#nav-01 { width: 131px;}
#nav-02 { width: 131px;}
#nav-03 { width: 131px;}
#nav-04 { width: 134px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.gif")  -0px -28px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.gif") -131px -28px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.gif") -262px -28px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.gif") -393px -28px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- 
.nav_personal #nav-01 { background:url("../images/nav.gif")  -0px -28px no-repeat; }
.nav_business #nav-02 { background:url("../images/nav.gif") -131px -28px no-repeat; }
.nav_trust #nav-03 { background:url("../images/nav.gif") -262px -28px no-repeat; }
.nav_mortgage #nav-04 { background:url("../images/nav.gif") -393px -28px no-repeat; }

*/

/* footer
 * ------------------------------------------------------------------------- */
 
#footer {
	width:801px;
	margin:0 auto;
	text-align:center;
	}

#footer p {
	color:#009900;
	margin-bottom:10px;
	}

#footer a:link, #footer a:visited { color:#fff; }

#footer a:hover, #footer a:active { color:#fff; text-decoration:underline; }

#footer ul {margin-top:10px; padding-bottom: 15px;}

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 5px 0 7px;
	display: inline;
	border-left: 1px solid #fff;
	}

	#footer li.first { border: none; }

/* flash
 * ------------------------------------------------------------------------- */
#flash {
                height: 196px;
                width:801px;
                margin: 0;
                padding: 0;
}

#column-right a.homelink:link, #column-right a.homelink:visited	{ color:#2f86af; text-decoration:underline; font-weight:bold; }
#column-right a.homelink:hover, #column-right a.homelink:active	{ color:#cc0000; text-decoration:none; font-weight:bold; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}