/* CSS Document */

/* IMPORTED STYLES */
@import url("reset.css");
/* @import url("menu.css"); */
@import url("cms.css");

/* GLOBAL */
html{width:100%; height:100%; font:62.5% Georgia, "Times New Roman", Times, serif; color:#726B65;}
body{width:100%; height:100%; min-width:898px; text-align:center; background:#f1eee9 url(../gui/bg-content.gif) repeat-x;}
body#home{background:#f1eee9 url(../gui/bg.gif) repeat-x top;}
a{text-decoration:none; color:#0A5D7E; font-style:italic;}
h1{
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #1A1112;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin: 3px 0px 3px 0px;
	padding: 3px 0px 3px 0px;
}


/* MAIN LAYOUT */
#background{width:100%; height:156px; background: url(../gui/bg_shading.gif) no-repeat top center; position:absolute; top:166px; left:0px;}
#home #background{width:100%; height:349px; background: url(../gui/bg_shading_home.gif) no-repeat top center; position:absolute; top:166px; left:0px;}
#container{margin:auto; padding:0px; width:898px; height:100% !important; min-height:800px; height:800px; text-align:left; position:relative;}
#header{margin:0px; top:29px; position:absolute; background: url(../images/header.jpg); height:167px; width:898px;}
#header h1{margin:0px; padding:0px;}
#logo{top:0px; left:0px; position:absolute; background:url(../images/logo.jpg) no-repeat; width:336px; height:110px; text-indent:-9999px;}
#logo a{display:block; width:336px; height:110px;}

/* FLASH */
#flash{position:absolute; top:196px; width:898px; height:156px; background:#f1eee9; z-index: 20;}
#home #flash{height:349px;}
#ourheritage h2, #ourfinancials h2, #ourbanks h2, #ourteam h2, #ournews h2{top:166px; position:absolute; width:898px; height:156px; text-indent:-9999px; background:#f1eee9}
#ourheritage h2{background:url(../gui/pic_heritage.jpg) no-repeat;}
#ourfinancials h2{background:url(../gui/pic_financials.jpg) no-repeat;}
#ourteam h2{background:url(../gui/pic_team.jpg) no-repeat;}
#ourbanks h2{background:url(../gui/pic_banks.jpg) no-repeat;}
#ournews h2{background:url(../gui/pic_news.jpg) no-repeat;}

/* CONTENT */
#content_background{width:908px; height:349px; background:url(../gui/content_background.gif) no-repeat top center; position:absolute; top:0px; left:-5px;}
#content{margin:0px; position:absolute; background:url(../gui/content1.jpg) repeat-x; width:898px; top:365px;}
#home #content{top:558px;}

/* HOME SECTIONS */

#obtutorialxy {
	display: none;
	position: absolute;
	width: 281px;
	height: 278px;
	z-index: 11000;
	top: 270px;
	left: 295px;
	background-image: url(../images/bg_tutorial.png);
	background-repeat: no-repeat;
}
#obtutorialx {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 11100;
	padding: 0px;
	margin: 0px;
}
#obtutorialx a {
	display:block;
	height: 16px;
	width: 16px;
	background-image: url(../images/obtutorialx.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}
#obtutorialx a:hover {
	background-image: url(../images/obtutorialx.jpg);
	background-repeat: no-repeat;
	background-position: 0px -16px;
}


#obtutorial {
	width: 241px;
	height: 258px;
	padding: 20px 20px 0px 20px;
}
#obtutorial h1 {
	display: block;
	color: #fff;
	font-size: 17px;
	margin: 23px 0px 2px 0px;
	text-transform:uppercase;
}
#obtutorial p {
	font-size: 12px;
	color: #bdaa9c;
	padding: 3px 0px 3px 0px;
	margin: 2px 0px 7px 0px;
}
#obtutorial a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
#obtutorial a:hover {
	text-decoration: underline;
}
#obtutorial ol {
	list-style-type: decimal;
	margin: 0px 0px 10px 30px;
	padding: 0px;
}
#obtutorial ol li {
	font-size: 12px;
	color: #bdaa9c;
	margin: 3px 0px 3px 0px;
	padding: 3px 0px 3px 0px;
}

#title_banks{position:absolute; width:316px; height:20px; top:43px; left:20px; background:url(../gui/banks_header.gif) no-repeat; text-indent:-9999px;}
#banks{width:316px; position:absolute; top:82px; left:22px; border-top:1px dashed #c1b0a6; z-index:2; padding-bottom:80px;}
#banks li{position:relative; display:block; border-bottom:1px dashed #c1b0a6; width:296px; height:45px; padding:18px 0px 20px 20px;}
#banks li #subtext{background-color:#f1edea; text-transform:lowercase; font-variant:small-caps; font-size:1.4em; position:absolute; padding-bottom:1px; top:-32px; left:0px; width:316px; text-indent:20px; border-top:1px dashed #c1b0a6; line-height:2.1em;}
#banks li ul li{border:none; position:absolute; top:0px; left:0px; font-size:1.8em; color:#1c1211; width:150px;}
#banks li ul li.bank_link{top:24px;}
#banks a{font-size:.8em; font-style:italic; letter-spacing:.025em;}
#banks a:hover{border-bottom:1px dashed #0A5D7E;}
#banks li ul li.btn_find{display:block; padding:0px; text-indent:-9999px; top:20px; left:176px;}
#banks .btn_find a{display:block;  width:118px; height:17px; background:url(../gui/btn_find.gif) no-repeat 0px -17px;}
#banks .btn_find a:hover{background:url(../gui/btn_find.gif) no-repeat 0px 0px; border:none;}
#banks li ul li.btn_visit{display:block; padding:0px; text-indent:-9999px; top:44px; left:176px;}
#banks .btn_visit a{display:block; width:118px; height:17px; background:url(../gui/btn_visit.gif) no-repeat 0px -17px;}
#banks .btn_visit a:hover{background:url(../gui/btn_visit.gif) no-repeat 0px 0px; border:none;}

.darkest{background-color:#ded5d0;}
#banks li.darker{background-color:#e6dfdb; height:65px;}
.dark{background-color:#ebe5e2;}

#right_column{position:relative; width:459px; padding:43px 0px 80px 402px; }
#right_column p{font-size:1.55em; color:#443c39; padding:10px 0px 48px 20px; line-height:1.9em;}
#right_column a:hover{border-bottom:1px dashed #0A5D7E;}
#title_who{width:459px; height:20px; background:url(../gui/who_header.gif) no-repeat; text-indent:-9999px;}
#who_content{font-size:16px; color:#443c39; padding-left:20px; line-height:31px; }
#who_content a:link, #who_content a:visited, #who_content a:hover{color:#0A5D7E; font-style:italic;}
#who_content a:hover{border-bottom:1px dashed #0A5D7E;}
#title_contact{width:459px; height:20px; background:url(../gui/contact_header.gif) no-repeat; text-indent:-9999px;}
p#contact{line-height:1.7em;}
.contact_subtitle{color:#1c1211; display:block; font-size:1.2em;}
#bottom_nav{
	clear:both;
	padding:10px 0px 20px 100px;
}
#bottom_nav ul{
	overflow: auto;
	font-size:1.1em;
}
#bottom_nav ul li{
	list-style: none;
	display: block;
	float: left;
}
#bottom_nav ul li a{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	border-left-style: solid;
	border-left-color: #B29C8E;
	border-left-width: 1px;
	font-size:1.1em;
	line-height: 1.1em;
}
#bottom_nav ul li a:hover{
	color:#000000;
}
#bottom_nav ul li:first-child > a{
	border-left-style: none;
	padding-left: 0px;
}
#copyright{font-size:1.1em; color:#948c89; padding:0px 0px 80px 100px; line-height:1.8em;}
#copyright a{color:#A19996; font-style:italic;}
#copyright a:hover{color:#463e3c; border:none;}
#ourhome #copyright{padding:0px 0px 0px 20px;}
#logos {
	margin: 5px 80px 0px 10px;	
	display:inline;
}
body.nologos #logos {
	display:none;
}


/* CONTENT PAGE SECTIONS */
#text{position:relative; width:690px; padding:40px 0px 20px 100px; font-size:1.4em; line-height:2em; color:#443a39;}
body.left_column #text{width:430px; padding:40px 50px 20px 50px; float:left;}
#ourbanks #text{width:790px;}
#text a:hover{ border-bottom:1px dashed #0A5D7E;}
#text h2{
	font-size: 18px;
	font-weight:normal;
	color: #000;
	font-style:italic;
}
#text p{padding:0px 0px 28px 0px;}
#ourbanks #text p{float:left; padding:0px 34px 28px 0px;}
#text ul, #text ol {
	margin-left: 48px; 
	padding: 12px 0px 16px 0px; 
}
#text ul {
	list-style:disc;
}
#text ol {
	list-style: decimal;
}

#text p + ul, #text p + ol {
	margin-top: -15px;
	padding: 0px 0px 16px 0px; 
}

#text li {
	padding:2px 28px 2px 0px;
}
#text ul ul, #text ul ol, #text ol ul, #text ol ol {
	padding: 0px 0px 0px 0px; 
}

#text table + h2 {
	margin-top: 20px;
}


#subtext{ clear:both; display:block; text-transform:lowercase; font-variant:small-caps;}
#left_col{
	display: none;
	width: 286px;
	min-height: 300px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
}
body.left_column #left_col{
	display: block;
	float:left;
}

/* HIDDEN ELEMENTS */
hr{
 display: none;
}

.clear{clear:both; height:0px;}

#text hr{
	display: block;
	height: 1px;
	background-color: #D4C7BE;
	margin: 5px 0px 15px 0px;
	outline-style:none;
	border: none;
}


/* NAV 1 */
#nav1 {
	background-image: none;
	background-repeat: no-repeat;
	height: 45px;
	position: absolute;
	left: 0px;
	top: 142px;
	z-index: 1000;
	width: 813px;
	padding-left: 85px;
	padding-right: 0px;
}

#nav1 ul {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
#nav1 ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#nav1 ul li a {
	padding-top: 13px;
	padding-right: 8px;
	padding-left: 8px;
	display: block;
	height: 32px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color: #000;
	font-style:normal;
	cursor:pointer;
}
#nav1 ul li a:hover {

}
.tab_txt {
	color: #070811;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 3px;
	margin-left: 6px;
	font-weight: bold;
	padding: 10px;
	font-size: 14px;
	text-transform:uppercase;
	cursor: pointer;
}
.tab_lip {
	background-image: url(../images/tab_lip.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 15px;
	width: 129px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -10px;
	margin-left: -64px;
	text-align: center;
	background-position: center top;
	position: absolute;
}

#nav1_btn1 {

}
#nav1_btn2 {

}
#nav1_btn3 {

}
#nav1_btn4 {

}
#nav1 a:hover, #nav1_btn1 .active, #nav1_btn2 .active, #nav1_btn3 .active, #nav1_btn4 .active {

}
.panel_main {
	background-color: #e5ded9;
	background-image: url(../images/panel_bg.jpg) !important;
	background-repeat: repeat-x !important;
	font-size: 12px;
}
.panel_main_box {
	padding-top: 3px;
	padding-right: 17px;
	padding-bottom: 10px;
	padding-left: 17px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.panel_main_box a {
	text-decoration: none;
}
.panel_main_box a:hover {
	text-decoration: underline;
}
.panel_r {
	background-color: #dee2ff;
	background-image: url(images/panel_r_bg.jpg);
	background-repeat: repeat-x;
}
.nav1_panel {
	position: absolute;
	z-index: 1000;
	top: 184px;
	min-height: 1%;
}
#nav1_panel1 {
	left: 363px;
	visibility: hidden;
}
#nav1_panel2 {
	left: 127px;
	visibility: hidden;
}
#nav1_panel3 {
	left: 213px;
	visibility: hidden;	
}
#nav1_panel4 {
	left: 307px;
	visibility: hidden;
}
#nav1_panel5 {
	left: 450px;
	visibility: hidden;
}
#nav1_panel6 {
	left: 430px; /* 496 */
	visibility: hidden;
}
#nav1_panel7 {
	left: 516px;
	visibility: hidden;
}

#nav1_panel8 {
	left: 600px;
	visibility: hidden;
}

#nav1_panel9 {
	left: 682px;
	visibility: hidden;
}

.nav1_panel h1 {
	font-size: 14px;
	color: #695658;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cfd0dc;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 14px;
}
.nav1_panel ul {
	list-style-image: url(../images/arrow.gif);
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 20px;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.nav1_panel ul li {
	padding-bottom: 3px;
	padding-top: 3px;
}
.nav1_panel ul li {

}

/* Online Banking */
#onlinebanking {
	margin-bottom: 20px;
}
#ob_personal, #ob_business {
	display: inline-block; 
	padding: 5px 10px 5px 10px;
	background-color: #695658;
	color: #fff;
	font-size: 14px;
}

#ob_personal {
	margin-right: 5px;	
}
#ob_business {
	
}
#ob_personal.active, #ob_business.active {
	background-color: #B29C8E;
	background-image: url('../images/check.png');
	background-position: 10px 3px;
	background-repeat:no-repeat;
	padding: 5px 10px 5px 26px;
}
#Remote {
	width: 286px;
	padding: 15px 0px 15px 0px;
	border-top-style: dashed; 
	border-top-width: 1px; 
	border-top-color: #B29C8E;
	border-bottom-style: dashed; 
	border-bottom-width: 1px; 
	border-bottom-color: #B29C8E;
	font-size: 12px;	
}
#Remote p {
	padding: 3px 0px 3px 0px;
	margin: 3px 0px 3px 0px;
}
#Remote input {
	border: solid 1px #B29C8E ;
}
#Remote a:hover { border-bottom:1px dashed #0A5D7E;}
/* News */
#news {
	width: 286px;
	padding: 15px 0px 15px 0px;
	font-size: 12px;	
}
#news p {
	padding: 3px 0px 3px 0px;
	margin: 3px 0px 3px 0px;
	line-height: 1.5em;
}
#news h3 {
	padding: 3px 0px 3px 0px;
	margin: 3px 0px 3px 0px;
	font-size: 14px;
	font-weight:normal;
	line-height: 16px;
}
#news h3 a:hover { border-bottom:1px dashed #0A5D7E;}

.smallgrey {
	font-size: 10px;
	color: #666666;
	line-height: normal;
}
a.button1 {
	color: #ffffff;
	display: inline-block;
	background-color: #B29C8E;
	padding: 5px 15px 5px 15px;
}
a.button1:hover {
	color: #ffffff;
	background-color: #695658;
	border-style: none !important;
}