﻿/* Web.master */
body {}
#main_wrapper {background:#ffffff url(../images/body_bg.jpg) repeat-x 50% 0%;}
strong {font-weight:bold;}
em {font-style:italic;}
#hd {}
#header_top {height:85px; background:url(../images/citizenslogo.gif) no-repeat 0 0;}
#header_top h1 {display:none;}
#quicklinks {float:right; margin:18px 0 0 0; font-size:77%;	color:#8CABC2;}
#quicklinks a {text-decoration:none;}
#quicklinks a:link, #quicklinks a:visited {color:#005799;}
#quicklinks a:hover, #quicklinks a:active {color:#CC363A;}
#search {float:left; clear:right; margin-top:15px; padding-left:120px; width:300px; font-size:10px; color:#014477}
#questions {float:right; clear:right; margin-top:15px;}
#navbar_main {height:55px;}
#navbar_main ul li {float:left;}
.nav_space {margin-left:1px;}
.nav_search {background:url(../images/navbar_main/nav_search.gif) no-repeat 0 0; margin-left:1px; width:225px; height:33px; padding:22px 0 0 0; text-align:right;}
.nav_search_pnl {margin-right:3px;}
#bd {}
#ft {font-size:77%; margin:10px 0 0 0;	padding:10px 0;	color:#E6EEF3; border-top:solid 10px #E6EEF3;}
#ft a {color:#8CABC2;}
#ft p {margin:3px 0;}
.ft_text {color:#8cabc2;}
.ft_Table1{float:right; vertical-align:bottom;}
/* Sub.Master */
#submenu_wrap h1 {color: #005799; border-bottom:solid 5px #E6EEF3; padding:0 15px 10px 15px; margin:10px 0 0 0; font-size:152%; text-transform:uppercase; letter-spacing:2px; clear:left;}
.sub_nav {background:#E6EEF3; padding:0 15px 7px 15px; color:#8CABC2; font-size:85%;}
.sub_nav a:link, .sub_nav a:visited {color:#005799; text-decoration:none;}
.sub_nav a:hover, .sub_nav a:active {color:#CC363A; text-decoration:underline;}
.selected_submenu_item {color:#CC363A; text-decoration:underline;}
/* Common */
#content_wrapper {margin-top:20px; color:#143955;}
#content_wrapper h2 {font-size:107%; font-weight:bold; color:#143955; margin:0 15px 15px 15px; text-transform:uppercase;}
#content_wrapper h3 {font-size:92%; font-weight:bold; color:#005799; margin:0 15px 2px 15px;}
#content_wrapper h4 {font-size:107%; font-weight:bold; color:#143955; margin:0 10px; padding:10px 0; text-align:center;}
#content_wrapper p {font-size:85%; margin:0 15px 3px 15px;}
#content_wrapper ul, #content_wrapper ol {font-size:85%; margin: 0px 15px 10px 15px;}



#content_wrapper ul
{
	
	list-style-type: none;

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 8px;

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 8px;

	color:#143955; 
}

#content_wrapper li 
{
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	margin-top: 1px;
	padding-left: 1em;
	
	color:#143955; 
}




#content_wrapper a {color:#005799;}
.clearall {clear:both;}
/* Photo.Master */
#photo_wrapper {margin:40px 0 0 0;}
#photo_wrapper img {margin:0 0 20px 0; float:right; clear:right;}
#photo_wrapper ul{ margin-top:0px; margin-bottom:0px;}
/* Promo.Master */
#promo_wrapper {margin:40px 0 0 0;}
#promo_wrapper img {margin:0 0 20px 0; float:right; clear:right;}
#promoadminbar {margin-top:-24px;}
/* DL.Master */
#dl_wrapper {margin:40px 0 0 20px; padding:0 0 10px 0; background:#E6EEF3}
.dl_unit {display:block; margin:0 10px 0 10px; padding:0 0 10px 0; }
.dl_unit img {float:left; clear:left; margin:0 5px 0 0;}
.dl_unit label	{margin:0 10px 0 0; font-size:85%;}
.dl_unit label a {color:#005799;}
/* Investor.Master */
#investor-right-side{float:right; background-color:#F3F7FA; padding:15px; width:220px}
#investor-right-side p {padding: 2px 0px}
#investor-right-side h3 {color:#005799; font-size:12px; padding-top:10px; font-weight:bold}
/* Home Page */
#home_top {clear:left; height:300px;}
#home_top_left {width:148px; height:300px; background:#ffffff; float:left;}
#home_top_right {width:600px; height:298px; background:url(../images/home.jpg) no-repeat 100% 100%; float:right;}
#home_bottom {clear:left; margin-top:5px;}
#home_bottom .block {float:left; border:solid 1px #C2D7E7; height:176px;}
#home_bottom .first_block {width:146px; margin:0 1px 0 0;}
#home_bottom .normal_block {width:146px; margin:0 0 0 2px;}
#home_bottom .last_block {width:146px; margin:0 0 0 2px;}
#home_bottom h1 {color:#005799; font-weight:bold; font-size:85%; height: 29px; background:#DDE9F2; padding:8px 15px; text-transform:uppercase;}
#home_bottom .image_content {height:111px; width: 146px; background:url(../images/upload/image_blank.gif) no-repeat 50% 50%;}
#home_bottom .image_wealthmanagement {height:111px; width: 146px; background:url(../images/upload/image_blank.gif) no-repeat 50% 50%;}
#home_bottom .planning {background:url(../images/planning-calculators.jpg) no-repeat 50% 50%;}
#home_bottom .services {background:url(../images/banking-services.jpg) no-repeat 50% 50%;}
#home_bottom a.learn_more {font-size:85%; background:#005799; display:block; height:13px; padding:4px 10px; color: #ffffff; text-decoration:none; text-transform:uppercase; text-align:right;}
#home_bottom ul, #home_bottom ol {font-size:77%; margin:15px 10px 20px 20px;}
#home_bottom ul li, #home_bottom ol li {color:#cc363a; margin:0 0 0 5px; padding:3px 0; list-style:square;}
#home_bottom ul li a, #home_bottom ol li a {color:#005799;}
#loginbox {background:url(../images/loginbox_bg.gif) repeat-y 50% 0; width:148px; height:148px;}
#loginboxtop {position:relative; top:-3px; background:url(../images/loginbox_top.gif) no-repeat 50% 0; width:148px; height:15px}
#loginboxcontent {width:148px; height:118px;}

/*TEMPORARILY REMOVING THIS LOGIN BOTTOM IMAGE - CAUSING ONLINE BANKING SIGN-UP LINK TO NOT WORK - WHY??? (MTH - 03/16/2009)*/
/*#loginboxbottom {background:url(../images/loginbox_bottom.gif) no-repeat 50% 100%;width:148px; height:15px}*/


#home_bottom .nopad{padding: 0 0 0 0}
#divClosedMessage {background-color: #cc363a; font-size: 14px; color: White; font-weight: bold; padding: 5px; text-align: center; width: 589px; position: relative; top: -2px; left: -1px;}
/* Faq */
#faqs dl {margin:15px; font-size:85%;}
#faqs dl dt {font-weight:bold; margin:20px 0 0 0;}
#faqs dl dd {margin:0 0 10px 0;}
/* Our People */
/*#our_people ul li {list-style:none; color:#000000; padding:2px 0;}*/
#our_people ul
{	
	list-style-type: none;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 8px;

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 8px;

	color:#143955; 
}
#our_people_li
{
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	margin-top: 1px;
	padding-left: 1em;
	
	color:#143955; 
}

/* Contact Us */
#contact_us_form {padding:0px 0 0 0;}
#contact_us_form p {margin-bottom:10px;}
/*Personal Security*/
#personalSecurityContainer {margin-left:20px}
#personalSecurityContainer h2 {font-size:14px; margin:0px; padding-top:20px; text-transform:none}
#personalSecurityContainer h3 {font-size:14px; margin:0px; padding:20px 0px 10px 0px; text-transform:uppercase}
#personalSecurityContainer h4 {font-weight:bold; font-size:11px; text-align:left; margin:0px}
#personalSecurityContainer ul {margin:0px 0px 0px 15px; padding:0px}
#personalSecurityContainer ul li ul {margin-left:20px}
#personalSecurityContainer p {margin:15px 0px}
#personalSecurityContainer .index {font-style:italic; padding:10px 0px; font-weight:bold}
#personalSecurityContainer .important {color:red; text-transform:uppercase; font-weight:bold}
#content_wrapper #personalSecurityContainer ol li {margin:0px 0px 0px 15px; padding:0px; list-style-type:decimal; background:none}
#content_wrapper #personalSecurityContainer ol li ol li {list-style-type:lower-alpha; font-size:11px}
/* Any Questions */
#quick_question h1 {color: #143955; padding:25px 15px 10px 15px; margin:0; font-size:152%; text-transform:uppercase; letter-spacing:2px; text-align:left;}
#qq_form {margin:15px;}
#qq_form p {font-size:85%; text-align:left; margin:10px 0;}
/* News */
#news_list h3 {text-transform:capitalize; margin-top:0px;}
#news_list ul {margin:0px 5px 0px 5px;}
#news_list ul li {list-style:none;}
/* CMS */
#cmsmenu {clear:left; background:beige; padding:5px;}
.cmslogout {float:right; clear:right;}
.cmsadminbar {background:beige;}
/**************Feedback CSS************************/
#feedback {background-color: #ffffcc; border: 1px black dotted;}
#feedback .success {color: #5b8364;	font-weight: bold;}
#feedback .fail {color: Red; font-weight: bold;}
#feedback .message {color: Black; font-weight: bold;}
#feedback .warning {color: Black; font-weight: bold;}
/* Manage Classes */
.accent_panel {background:#cccccc; padding:10px; border:dotted 1px #666666;}
.remove_item {text-align:center; padding:4px; font-size:85%;}
.remove_item a {color:Red;}
.admin_highlight {border:solid 1px Red;}
#counties_list ul {font-size:85%; margin: 25px 0 0 5px}
#counties_list ul li {color:#000000; margin:0 10px 0 10px; list-style:square; background-image: none; padding:2px 0;}
.content {font-size: 11px; color: #143955;}
#cmspopup_wrapper h1 {color: #005799; border-bottom:solid 5px #E6EEF3; padding:10px 15px 10px 15px; margin:0 0 10px 0; font-size:152%; text-transform:uppercase; letter-spacing:2px; clear:left;}
#cmspopup_wrapper h2 {font-size:107%; font-weight:bold; color:#000000; margin:0 15px 15px 15px; text-transform:uppercase;}
#cmspopup_wrapper p {font-size:85%; margin:0 15px 5px 15px;}
