/* Default Styles 
----------------------------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font: normal 11px/17px Verdana, Arial, Geneva, sans-serif;
	color: #333;
	text-align: center;
	background-color: #DBDFDE; }
	
a, a:link, a:visited, a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #1E342E;
	outline: none; }

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

p {
	margin: 0 0 15px 0; }

ul { 
	padding: 0;
	margin: 0 0 15px 15px;
	list-style: square url(../images/bul_pos.gif) outside; }
	
li { 
	margin: 0 0 5px 0; }
	
h1, .titlehome {
	margin: 0 0 10px 0;
	font: normal 19px/24px Georgia, Times New Roman, serif;
	color: #1E342E; }

h2, h3, h4, h5, h6 {
	margin: 0 0 5px 0;
	font: normal 15px/20px Georgia, Times New Roman, serif;
	color: #333; }
	
/* Structural Rules
----------------------------------------------------------------------------------------- */
#container, #containersub {
	position: relative;
	width: 780px; 
	margin: 0 auto;
	padding-top: 155px;
	text-align: left;
	background: #FFF url(../images/bg_contain.jpg) no-repeat scroll 0 0; }
	
#containersub { 
	background: #FFF url(../images/bg_contain_sub.jpg) no-repeat scroll 0 0; }
	
#contenttbl {
	padding: 0;
	width: 780px; }
	
#breadcrumb {
	position: absolute;
	right: 20px;
	top: 170px;
	width: 375px;
	height: 25px;
	font-size: 9px;
	line-height: 15px;
	font-style: italic;
	text-align: right; }
	
a#logo, a#logo:link, a#logo:active, a#logo:visited, a#logo:hover {
	position: absolute;
	display: block;
	width: 195px;
	height: 125px; 
	top: 0px;
	left: 0px;
	background: transparent url(../images/pic_logo.gif) no-repeat scroll 0 0;
	cursor: pointer; }

	/* * html a#logo, * html a#logo:link, * html a#logo:active, * html a#logo:visited, * html a#logo:hover {  
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pic_logo.png",sizingMethod="scale"); } for IE/Win */

a#btnlocations, a#btnlocations:link, a#btnlocations:active, a#btnlocations:visited, a#btnlocations:hover,
	a#btncontact, a#btncontact:link, a#btncontact:active, a#btncontact:visited, a#btncontact:hover,
	a#btnsitemap, a#btnsitemap:link, a#btnsitemap:active, a#btnsitemap:visited, a#btnsitemap:hover,
	a#btnhome, a#btnhome:link, a#btnhome:active, a#btnhome:visited, a#btnhome:hover {
	position: absolute;
	right: 267px;
	top: 1px;
	width: 70px;
	height: 34px;
	background: transparent url(../images/btn_locations.gif) no-repeat scroll 0 0;
	z-index: 10; }
	
	a#btncontact, a#btncontact:link, a#btncontact:active, a#btncontact:visited, a#btncontact:hover {
		width: 78px;
		right: 169px;
		background-image: url(../images/btn_contact.gif); }
		
	a#btnsitemap, a#btnsitemap:link, a#btnsitemap:active, a#btnsitemap:visited, a#btnsitemap:hover {
		width: 64px;
		right: 85px;
		background-image: url(../images/btn_sitemap.gif); }
		
	a#btnhome, a#btnhome:link, a#btnhome:active, a#btnhome:visited, a#btnhome:hover {
		width: 50px;
		right: 15px;
		background-image: url(../images/btn_home.gif); }
	
	a#btnlocations:hover, a#btnsitemap:hover, a#btncontact:hover, a#btnhome:hover {
		background-position: 0 -34px; }
	
#sidecol {
	width: 195px; 
	background-color: #5B736C; }

#sidecolbrand {
	width: 170px;
	padding: 225px 0 0 0;
	background-color: #5B736C; }
	
#sidecol a, #sidecol a:link, #sidecol a:visited, #sidecol a:active, #sidecol a:hover,
	#sidecolbrand a, #sidecolbrand a:link, #sidecolbrand a:visited, #sidecolbrand a:active, #sidecolbrand a:hover {
	color: #FFC; }
	
#sidecol ul, #sidecolbrand ul { 
	list-style-image: url(../images/bul_rev.gif); }

.sidecolhead {
	display: block;
	width: 195px;
	height: 30px;
	padding-left: 15px;
	margin-bottom: 10px;
	font: italic 16px/29px Georgia, "Times New Roman", serif;
	color: #FFF;
	background: transparent url(../images/bg_title_sidecol.jpg) no-repeat scroll 0 0;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 180px; }
	
	.sidecolhead  {
		width: 180px; /* endn ie5 hack */ }
		
#sidecolbrand .sidecolhead {
	width: 170px;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 155px; }
		
	#sidecolbrand .sidecolhead   {
		width: 155px; /* endn ie5 hack */ }
	
.sidecoltext {
	padding: 0 10px 15px 15px;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif;
	color: #FFF; }
	
#wrapper {
	float: left; 
	position: absolute; 
	margin: 225px 0 0 195px; 
	padding: 0; 
	width: 585px; }
	
	* html #wrapper {
		margin: 225px 0 0 0; }

#center, #centersub {
	width: 415px;
	padding: 240px 0 0 0; }
	
#centersub {
	padding: 0;
	width: 585px;
	background: transparent; }
	
.centertext {
	width: 385px;
	padding: 0 15px 15px 15px; }
	
	#centersub .centertext {
		width: 555px; 
		padding-top: 30px; }
		
	.centertext img.rightalign, .centertext img.leftalign {
		margin: 3px 0 10px 10px;
		border: 1px solid #666; }
		
	.centertext img.leftalign {
		margin: 3px 10px 10px 0; }
	
.divider {
	display: block;
	width: 350px;
	height: 1px;
	margin-bottom: 15px;
	text-align: left;
	background: transparent url(../images/bg_center_horiz.gif) no-repeat scroll bottom; }
	
.centertext img {
	margin: 3px 0 10px 10px; }
	
.centertext a, .centertext a:link, .centertext a:visited, .centertext a:active, .centertext a:hover {
	color: #1E342E; }

	.centertext a:hover {
		color: #666; }
		
#centertextpromo {
	position: relative;
	width: 179px;
	height: 165px;
	padding: 70px 23px 30px 183px;
	margin-left: 15px;
	text-align: center;
	background: transparent url(../images/bg_centertext_open_cd.jpg) no-repeat scroll 0 0; }
	
	#centertextpromo img {
		margin: 0;
		padding: 0; }
		
	/* #centertextpromo a {
		text-align: center; } */
			
table#centerquad td {
	font-size: 10px;
	line-height: 18px;
	background: transparent url(../images/bg_quads.gif) no-repeat scroll bottom right; }
	
.centerseperator {
	width: 418px;
	height: 35px;
	margin: 0 2px 0 2px;
	background: #BCA992 url(../images/pic_center_seperator.jpg) no-repeat scroll 0 0; }
	
.altpanel {
	width: 195px;
	padding: 15px;
	font-size: 10px;
	line-height: 16px;
	background-color: #1E342E;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 165px; }
	
	.altpanel {
		width: 165px; /* endn ie5 hack */ }
		
.altpaneltitle {
	margin: 0 0 10px 0;
	font: normal 17px/22px Georgia, Times New Roman, serif;
	color: #FFF; }
	
a#btnlogin, a#btnlogin:link, a#btnlogin:active, a#btnlogin:visited,
	a#btndemo, a#btndemo:link, a#btndemo:active, a#btndemo:visited {
	display: block;
	width: inherit;
	height: 30px;
	margin-bottom: 10px;
	background: transparent url(../images/btn_login.jpg) no-repeat scroll 0 0; }
	
a#btndemo, a#btndemo:link, a#btndemo:active, a#btndemo:visited {
	background-image: url(../images/btn_demo.jpg); }
	
a#btnlogin:hover, a#btndemo:hover {
	background-position: 0 -30px; }
	
#backtop { 
	width: 555px; 
	margin: 5px 0 15px 15px;
	font-size: 10px; }
	
#botnav {
	display: block;
	position: relative;
	width: 780px;
	margin: 10px auto;
	padding: 0;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif;
	color: #333;
	text-align: left; }
	
#botnav a, #botnav a:link, #botnav a:active, #botnav a:visited {
	font-weight: bold;
	color: #333;
	text-decoration: none; }

#botnav a:hover {
	text-decoration: underline; }
	
#botnavbtncontainer {
	position: absolute;
	left: 0;
	top: 535px;
	width: 800px;
	height: 17px;
	border-left: 1px solid #A5A6B9;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 799px; }
	
	#botnavbtncontainer {
		width: 799px; /* end ie5 hack */ }
	
a.botnavbtn, a.botnavbtn:link, a.botnavbtn:active, a.botnavbtn:visited {
	float: left;
	display: block;
	width: 133px;
	height: 17px;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif;
	color: #333;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #A5A6B9;
	background: transparent url(../images/bg_botnav.gif) repeat-x scroll 0 0;
	cursor: pointer;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 132px; }
	
	a.botnavbtn, a.botnavbtn:link, a.botnavbtn:active, 
		a.botnavbtn:visited {
		width: 132px; /* end ie5 hack */ }

a.botnavbtn:hover {
	color: #000;
	background-position: 0 -17px; }
	
a.boldlink, a.boldlink:link, a.boldlink:active, a.boldlink:visited, a.boldlink:hover {
	font-weight: bold;
	color: #333;
	text-decoration: none; }
	
a.boldlink:hover {
	text-decoration: underline; }
	
#footer, #footersub {
	display: none;
	width: 780px;
	height: 15px;
	margin: 0;  /* auto */
	padding: 0;
	background: transparent url(../images/bg_footer.jpg) no-repeat scroll 0 0; }
	
img#lenderlogo {
	float: right;
	width: 150px;
	height: 45px;
	border: none; }

#pagedisclose {	
	width: 663px; 
	height: 100%; 
	margin: 50px auto; 
	padding: 120px 20px 0 20px;
	border: 1px solid #666;
	text-align: left;
	background: #FFF url(../images/bg_header_popup_wide.jpg) no-repeat scroll 0 0; }

a.btndisclosures, a.btndisclosures:link, a.btndisclosures:active, a.btndisclosures:visited, a.btndisclosures:hover {
	display: block;
	width: 270px;
	height: 30px;
	margin-bottom: 15px;
	background: transparent url(../images/btn_disclosures.gif) no-repeat scroll 0 0;
	cursor: pointer; }

	a.btndisclosures:hover {
		background-position: 0 -30px; }

#brochureframe {
	margin: 0 0 15px 0;
	width: 663px;
	height: 450px;
	z-index: -100; }
	
/* Previous Branding Rule
----------------------------------------------------------------------------------------- */
#brandingarea {
	position: absolute;
	right: 0;
	top: 155px;
	width: 585px;
	height: 225px;
	background: transparent url(../images/bg_branding.jpg) no-repeat scroll 0 0; }
	
/* New Branding Rules
----------------------------------------------------------------------------------------- */
.brandingarea_0, .brandingarea_1, .brandingarea_2, .brandingarea_3, .brandingarea_4 {
	position: absolute;
	right: 0;
	top: 155px;
	width: 585px;
	height: 225px;
	padding: 0;
	background: transparent url(../images/bg_branding_td.jpg) no-repeat scroll 0 0; }

	.brandingarea_1 {
		/* width: 290px;
		height: 170px;
		padding: 130px 400px 0 60px; */
		background-image: url(../images/bg_branding_2.jpg); }

	.brandingarea_2 {
		background-image: url(../images/bg_branding_3.jpg); }

	.brandingarea_3 {
		width: 355px;
		height: 180px;
		padding: 45px 0 0 230px;
		background-image: url(../images/bg_branding_4.jpg); }
		
	.brandingarea_4 {
		/* width: 355px;
		height: 100px;
		padding: 125px 115px 0 115px;
		font: italic 16px/22px Georgia, Times New Roman, serif;
		text-align: center;
		color: #FFF; */
		width: 225px;
		height: 70px;
		padding: 155px 0 0 360px;
		background-image: url(../images/bg_branding_rege.jpg); }
		
	.brandingarea_4 a, .brandingarea_4 a:link, .brandingarea_4 a:visited, .brandingarea_4 a:hover, .brandingarea_4 a:active {
		color: #FFC; }

	#branding_0, #branding_1, #branding_2, #branding_3, #branding_4 {}

#brandingnav {
	position: absolute;
	left: 0;
	top: 370px;
	width: 180px;
	height: 20px;
	z-index: 10;
	/* background: transparent url(../images/bg_branding_nav.gif) no-repeat scroll 0 0; */ }

a#btnplay, a#btnplay:link, a#btnplay:active, a#btnplay:visited, a#btnplay:hover,
	a#btnpause, a#btnpause:link, a#btnpause:active, a#btnpause:visited, a#btnpause:hover,
	a#btnnext, a#btnnext:link, a#btnnext:active, a#btnnext:visited, a#btnnext:hover,
	a#btnback, a#btnback:link, a#btnback:active, a#btnback:visited, a#btnback:hover {
	position: absolute;
	left: 267px;
	top: 361px;
	width: 35px;
	height: 19px;
	background: transparent url(../images/btn_play.jpg) no-repeat scroll 0 0;
	z-index: 11; }

	a#btnpause, a#btnpause:link, a#btnpause:active, a#btnpause:visited, a#btnpause:hover {
		left: 231px;
		background-image: url(../images/btn_pause.jpg); }

	a#btnnext, a#btnnext:link, a#btnnext:active, a#btnnext:visited, a#btnnext:hover {
		left: 303px;
		width: 36px;
		background-image: url(../images/btn_next.jpg); }

	a#btnback, a#btnback:link, a#btnback:active, a#btnback:visited, a#btnback:hover {
		left: 195px;
		background-image: url(../images/btn_back.jpg); }

	a#btnplay:hover, a#btnpause:hover, a#btnnext:hover, a#btnback:hover {
		background-position: 0 -19px; }

/* Begin Modified Navigation Rules - CR 12/4/2006
----------------------------------------------------------------------------------------- */
#navigation {
	position: absolute;
	top: 130px; 
	left: 0;
	width: 785px;
	z-index: 1000; }
		
#navigation ul { 
	list-style: none outside none; 
	margin: 0; 
	padding: 0;
	cursor: pointer; }

#navigation li {
	margin: 0; }

li.level1 {
	float: left;
	position: relative;
	text-align: center; }

a.mainnav, a.mainnav:link, a.mainnav:active, a.mainnav:visited, a.mainnav:hover,
	a.subnav, a.subnav:link, a.subnav:active, a.subnav:visited, a.subnav:hover {
	display: block;
	width: 130px;
	height: 26px;
	font: normal 10px/26px Verdana, Arial, Geneva, sans-serif;
	color: #FFF;
	text-decoration: none;
	background: transparent url(../images/btn_mainnav.jpg) no-repeat scroll 0 0; }

a.mainnav:hover { 
	color: #FFF;
	background-position: 0 -26px; }
	
li.level1 ul { 
	display: none; 
	position: absolute;
	width: 260px;
	text-align: left;
	border-top: 1px solid #853119;
	border-bottom: 1px solid #853119; }
	
a.subnav, a.subnav:link, a.subnav:active, a.subnav:visited, a.subnav:hover { 
	display: block;
	width: 260px;
	height: 100%;
	padding: 5px 8px 7px 8px;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif;
	color: #333;
	border-right: 1px solid #853119;
	border-left: 1px solid #853119;
	background-color: #E8A143;
	background-image: none;
	filter: alpha(opacity = 95);
	-moz-opacity: .95;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 242px; }
	
	a.subnav, a.subnav:link, a.subnav:active, a.subnav:visited, a.subnav:hover {
		width: 242px; /* end ie5 hack */ }

a.subnav:hover {
	color: #FFF;
	background-color: #DC7538; }

li.level1 > ul { 
	top: auto;
	left: auto; }

li.level1:hover ul, li.over ul { 
	display: block; }

a.learnmore, a.learnmore:link, a.learnmore:visited, a.learnmore:hover, a.learnmore:active,
	a.learnmorewide, a.learnmorewide:link, a.learnmorewide:visited, a.learnmorewide:hover, a.learnmorewide:active {
	display: block;
	width: 130px;
	height: 26px;
	font: normal 10px/26px Verdana, Arial, Geneva, sans-serif;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	background: transparent url(../images/btn_learnmore.gif) no-repeat scroll 0 0; }
	
	a.learnmorewide, a.learnmorewide:link, a.learnmorewide:visited, a.learnmorewide:hover, a.learnmorewide:active {
		width: 200px;
		background-image: url(../images/btn_learnmore_lg.gif); }

	a.learnmore:hover, a.learnmorewide:hover { 
		color: #FFF;
		background-position: 0 -26px; }
	

/* Side Column Navigation Rules
----------------------------------------------------------------------------------------- */
a.leftnav, a.leftnav:link, a.leftnav:active, a.leftnav:visited,
	a.leftnavfirst, a.leftnavfirst:link, a.leftnavfirst:active, a.leftnavfirst:visited {
	display: block;
	width: 179px;
	margin: 0;
	padding: 5px 10px 6px 15px;
	font-size: 10px; 
	line-height: 14px;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #CC7300;
	background-color: #E6BB77;
	filter: alpha(opacity = 95);
	-moz-opacity: 0.95;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 154px; }
	
	a.leftnav {
		width: 154px; /* end ie5 hack */ }

a.leftnav:hover { 
	text-decoration: none;
	color: #FFF;
	background-color: #CC7300; }

a.btnsamples:link, a.btnsamples:active, a.btnsamples:visited, a.btnsamples:hover {
	display: block; 
	width: 200px; 
	height: 40px; 
	margin: 0 0 10px 10px; 
	font-weight: bold; 
	line-height: 36px; 
	color: #FFF; 
	text-align: center; 
	border: 2px solid #E5B97F; 
	background-color: #CC7300;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 196px; }
	
	a.btnsamples:link, a.btnsamples:active, a.btnsamples:visited, a.btnsamples:hover {
		width: 196px; /* end ie5 hack */ }

/* Web Form Rules
----------------------------------------------------------------------------------------- */
.mainfield {
	font: normal 10px/10px Verdana, Arial, Geneva, Sans-serif;
	color: #333;
	background-color: #FFF;
	border: 1px solid #999; }
	
.formbutton {
	width: 40px;
	height: 16px;
	cursor: pointer;
	font-family: Verdana, Arial, Geneva, Sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: bottom; }
	
/* United Bank Specific Styles
----------------------------------------------------------------------------------------- */
#loginframe {
	margin: 0;
	width: 195px;
	height: 230px;
	/* height: 330px; */
	border: none;
	overflow: hidden; }

#mybanking {
	position: absolute;
	left: 0px;
	top: 155px;
	width: 165px;
	height: 143px;
	padding: 15px 15px 0 15px;
	background-color: #1E342E;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif; }

a#btnonlineBanking, a#btnonlineBanking:link, a#btnonlineBanking:active, a#btnonlineBanking:visited, a#btnonlineBanking:hover {
	width: 165px;
	height: 30px;
	background: transparent url(../images/btn_onlineBanking.gif) no-repeat scroll 0 0;
	z-index: 10;
	display: block; }

a#btnonlineBanking:hover {
	background-position: 0 -30px; }

.demoEnroll {
	text-align: center;
	display: block;
	margin-top: 9px; }
	
#sidecolbrand a img {
	margin-bottom: 15px;
	border: none; }

.imgrt {
	float: right;
	margin: 5px 0 10px 5px; }
	
.imglt {
	float: left;
	margin: 5px 5px 10px 0; }

.imgrt a, .imglt a {
	border: none; }

.openacd {
	margin-bottom: 55px; 
	font-weight: bold; 
	font-size: 14px; 
	line-height: 24px; 
	color: #1E342E; }
	
a.btnopenacd, a.btnopenacd:link, a.btnopenacd:visited, a.btnopenacd:hover, a.btnopenacd:active {
	position: absolute; 
	right: 45px; 
	top: 175px; 
	font-weight: bold; }
	
 .openacdterms {
	position: absolute; 
	right: 10px; 
	top: 225px;
	font: bold 10px/16px Verdana, Arial, Geneva, sans-serif;
	color: #1E342E; }
	
/* OEC Side Panel
----------------------------------------------------------------------------------------- */
#oecpanel {
	position: relative;
	display: block;
	width: 195px;
	height: 275px;
	margin-bottom: 0;
	background: #FFF url(../images/bg_panel_oec.jpg) no-repeat scroll 0 0; }

.titleoec {
	position: absolute;
	left: 8px;
	top: 8px;
	width: 173px;
	height: 37px;
	background: transparent url(../images/title_oec.gif) no-repeat scroll 0 0; }

a#btnoecpersonal, a#btnoecpersonal:link, a#btnoecpersonal:active, a#btnoecpersonal:visited, a#btnoecpersonal:hover,
	a#btnoecbusiness, a#btnoecbusiness:link, a#btnoecbusiness:active, a#btnoecbusiness:visited, a#btnoecbusiness:hover {
	position: absolute;
	width: 91px;
	height: 25px;
	top: 55px;
	left: 6px;
	background: transparent url(../images/btn_oec_personal.gif) no-repeat scroll 0 -25px; }
	
	a#btnoecbusiness, a#btnoecbusiness:link, a#btnoecbusiness:active, a#btnoecbusiness:visited, a#btnoecbusiness:hover {
		width: 92px;
		left: 97px;
		background: transparent url(../images/btn_oec_business.gif) no-repeat scroll 0 0; }

#oecpersonal, #oecbusiness {
	position: absolute;
	top: 80px;
	left: 0;
	display: block;
	width: 165px;
	height: 175px;
	/* margin-top: 80px; */
	padding: 20px 15px 0 15px;
	font-size: 10px;
	line-height: 16px;
	color: #FFF;
	text-align: left;
	background-color: #1e342e; }
	
	#oecbusiness {
		display: none; }
		
	#oecpersonal a, #oecpersonal a:link, #oecpersonal a:visited, #oecpersonal a:hover, #oecpersonal a:active,
		#oecbusiness a, #oecbusiness a:link, #oecbusiness a:visited, #oecbusiness a:hover, #oecbusiness a:active { 
		color: #FFC; }
		
	#oecpersonal ul, #oecbusiness ul {
		list-style: square url(../images/bul_rev.gif) outside; }