@import "interior.css";

/* 
  -----------------------------------
  Tri Counties Bank 2006 Style Sheet (Master)
  -----------------------------------
*/
/* =Universal Styles 
  ----------------------------------- */
html, body {
	margin: 0;
	padding: 0;
	background: #D8D0A3;
	color: #333333;
	font: 100% Arial, Helvetica, sans-serif;
}

a { color: #942513; }

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

h1, h2, h3, h4, input, select, textarea { font-size: 100%; }

h1, h2, h3, h4, ul, li, form, select { margin: 0; padding: 0; }

li {
	padding-left: 10px;
	margin-bottom: 4px;
	list-style: none;
	background: url(../images/bulletsm.gif) no-repeat 0px 5px;
}

.clear { clear: both; }

h1 { margin: 18px 0; color: #942513; font-size: 2.2em; font-weight: normal; }

h2 { margin: 15px 0 2px 0; color: #5E4C31; font-size: 1.2em; text-transform: uppercase; }

h3 { margin-top: 10px; color: #942513; font-size: 1.3em; font-weight: bold; }

h4 { margin: 10px 0 4px 0; font-size: 1em; text-transform: uppercase; }

sup { font-size: .7em; }

input { width: 130px; background: #FFFFFF; font-size: 1em; }

input.button, #wrapper-interior input.button {
	width: auto;
	padding: 0 6px 2px 6px;
	border: 1px solid #9E3416;
	margin-top: 6px;
	color: #FFFFFF;
	background: url(../images/btn-bg.jpg) #9E3416 repeat-x;
	font-weight: bold;
	cursor: pointer;
}

input.multiButton {
	width: auto;
	padding: 0 6px 2px 6px;
	border: 1px solid #9E3416;
	color: #FFFFFF;
	background: url(../images/btn-bg.jpg) #9E3416 repeat-x;
	font-weight: bold;
	cursor: pointer;
}

select { width: 130px; }

hr {
	border: 0;
	border-top: 1px solid #D3D3D3;
	margin: 5px 0 !important;
	margin: 6px 0;
	color: #F0F0F0;
	background-color: #F0F0F0;
	height: 4px;
}

#wrapper { float: left; border: 3px solid #FFFFFF; border-bottom: 0; background: #FFFFFF; }

/* =Masthead
---------------------------------- */
#masthead { float: left; width: 100%; background: url(../images/masthead-bkgd.jpg) top left repeat-y; }

#masthead #search { float: right; padding: 24px 10px 14px 15px; width: 200px; }

#masthead #search label {
	float: left;
	margin: 3px 6px 0 0;
	font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#masthead #search input.searchbox { float: left; width: 100px; margin-right: 6px; font-size: .7em; }

#masthead #search input.button { float: left; margin: 0; padding: 0 1px 2px 1px; font-size: .7em; }

#masthead img.tricounty-logo { float: left; margin: 20px 0 0 20px; }

/* =Main Navbar
---------------------------------- */
div#navbar { float: left; width: 764px; background: url("../images/nav-bar-bg.gif") #777264 no-repeat; }

#tabs {
	padding-left: 9px;
	float: left;
	font: bold .7em Arial, Helvetica, sans-serif;
	/*text-transform: uppercase;*/
	letter-spacing: .02em;
}

#tabs ul { margin: 0; padding: 0; list-style: none; }

#tabs li {
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/tabRt-upstate.gif) no-repeat right top;
}

#tabs a {
	padding: 15px 18px 6px;
	display: block;
	background: url(../images/tabLt-upstate.gif) no-repeat left top;
	color: #333333;
	text-decoration: none;
}

#tabs a:hover { color: #777264; }

#tabs .current-tab { background-image: url(../images/tabRt-active.gif); }

#tabs .current-tab a { background-image: url(../images/tabLt-active.gif); }

.utility-links { float: left; padding: 16px 0 0 5px; font-size: 0.70em;  }

.utility-links ul { list-style: none; }

.utility-links li {
	margin: 0;
	float: left;
	padding: 0 8px 0;
	list-style: none;
	background: url(../images/smallPipe.gif) no-repeat right center;
}

.utility-links li.nopipe { background: none; }

.utility-links li a { float: left; color: #FFFFFF; letter-spacing: .025em; text-decoration: none; }

.utility-links li a:hover { color: #D3D3D3; text-decoration: underline; }

/* utility link message
----------------------------------*/
.utility-links-message { float: left; padding: 16px 0 0 15px; font-size: 0.65em; text-transform: uppercase; }

.utility-links-message ul { list-style: none; }

.utility-links-message li {
	margin: 0;
	float: left;
	padding: 0 8px 0 20px;
	list-style: none;
	background: url(../images/snowflake.gif) no-repeat left center;
}

.utility-links-message li.nopipe { background: none; }

.utility-links-message li a { float: left; color: #FFFFFF; letter-spacing: .025em; text-decoration: none; font-weight: bolder; }

.utility-links-message li a:hover { color: #D3D3D3; text-decoration: underline; }

/* =Main Content (Home Pages)
---------------------------------- */
#content-home {
	float: left;
	width: 764px;
	background: url(../images/home-bg.gif) repeat;
	font-size: .75em;
	line-height: 1.3em;
}

/* =Content Left Panel 
---------------------------------- */
#content-left { float: left; width: 589px; }

#content-left li { padding: 0; margin: 0; background: transparent; line-height: 1.2em; }

#content-home #tag { width: 190px; padding: 30px 0 0 20px; font-size: 1.1em; line-height: 1.4em; }

#content-home #tag img { margin-top: 5px; }

#offerings a { color: #FFFFFF; font-size: .9em; text-decoration: none; letter-spacing: -.02em; }

#offerings a:hover { text-decoration: underline; }
 
#content-left div#sub {
	float: left;
	width: 589px;
	margin: 20px 0;
	background: url(../images/sub-bg.gif) repeat-y;
	font-size: .9em;
}

#content-left #sub h4 { margin-top: 0; }

#content-left div.subL { float: left; width: 254px; padding: 0 20px; }

#content-left div.subR { float: left; width: 254px; padding: 0 20px; }

/* =Content Right Panel 
---------------------------------- */
#content-right { float: left; width: 144px; margin: 15px 0 15px 15px; font-size: .9em; line-height: 1.4em; }

#content-right h2 { margin: 0; color: #5E4C31; font-size: 1.1em; text-transform: none; }

#content-right label { padding-top: 6px; float: left; }

#content-right li { margin: 4px 0 0 0; }

/* =Personal Specific Styles
---------------------------------- */
#wrapper-default { margin: 10px auto 0; width: 770px; }

#content-home #promo-personal {
	width: 589px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

#offerings-personal {
	float: left;
	width: 589px;
	border-top: 2px solid #FFFFFF;
	background: url(../images/ps-background.jpg) no-repeat;
	color: #FFFFFF;
}

#offerings-personal div#banking { width: 155px; padding: 10px 20px 10px 20px; float: left; margin-right: 2px; }

#offerings-personal div#banking h2 {
	width: 105px;
	margin: 0;
	background: url(../images/hd-Pers-banking.jpg);
	text-indent: -5000px;
	cursor: hand;
	height: 27px;
}
 
#offerings-personal div#loans { width: 155px; padding: 10px 20px 10px 20px; float: left; margin-right: 2px; }

#offerings-personal div#loans h2 {
	width: 84px;
	margin: 0;
	background: url(../images/hd-Pers-loans.jpg);
	text-indent: -5000px;
	cursor: hand;
	height: 26px;
}

#offerings-personal div#investing { width: 155px; padding: 10px 20px 10px 20px; float: left; }

#offerings-personal div#investing h2 {
	width: 101px;
	margin: 0;
	background: url(../images/hd-Pers-investing.jpg);
	text-indent: -5000px;
	cursor: hand;
	height: 27px;
}

/* =Business Specific Styles
---------------------------------- */
#content-home #promo-business {
	width: 589px;
	/*background: url(../images/2008_bus_hom_quickbooks.jpg) no-repeat;*/
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

#offerings-business {
	float: left;
	width: 589px;
	border-top: 2px solid #FFFFFF;
	background: url(../images/bz-background.jpg) no-repeat;
	color: #FFFFFF;
}

#offerings-business div#banking { width: 110px; padding: 10px 15px 10px 20px; float: left; margin-right: 2px; }

#offerings-business div#banking h2 {
	width: 105px;
	margin: 0;
	background: url(../images/hd-Pers-banking.jpg);
	text-indent: -5000px;
	cursor: hand;
	height: 27px;
}

#offerings-business div#loans { width: 110px; padding: 10px 15px 10px 20px; float: left; margin-right: 2px; }
 
#offerings-business div#loans h2 {
	width: 103px;
	margin: 0;
	background: url(../images/hd-Bus-loans.jpg);
	text-indent: -5000px;
	cursor: hand;
	height: 48px;
}

#offerings-business div#investing { width: 110px; padding: 10px 15px 10px 20px; float: left; margin-right: 2px; }

#offerings-business div#investing h2 {
	width: 101px;
	margin: 0;
	background: url(../images/hd-Pers-investing.jpg);
	text-indent: -5000px;
	cursor: hand;
	height: 27px;
}

#offerings-business div#business-serv { width: 110px; padding: 10px 15px 10px 20px; float: left; }

#offerings-business div#business-serv h2 {
	width: 109px;
	margin: 0;
	background: url(../images/hd-Bus-services.jpg);
	text-indent: -5000px;
	cursor: hand;
	height: 47px;
}

/* =About Specific Styles
---------------------------------- */
#content-home #promo-about {
	width: 589px;
	background: url(../images/about_tcb_bankers.jpg) no-repeat;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

#content-left div#sub-about { border-top: 2px solid #FFFFFF; margin: 0; background-image: none; }

#content-left div#sub-about p { padding: 10px 20px 14px 20px; margin: 0; border-left: 1px solid #D3D3D3; line-height: 1.3em; }

#content-left div.subL-about { float: left; width: 293px; padding: 0; margin: 0; }

#content-left div.subR-about { float: left; width: 293px; padding: 0; margin: 0; border-left: 2px solid #FFFFFF; }

#content-left div#sub-about h3.investor {
	margin: 0;
	width: 293px;
	margin: 0;
	background: url(../images/hd-about-Investors.gif) no-repeat;
	text-indent: -5000px;
	cursor: hand;
	height: 31px;
}

#content-left div#sub-about h3.management {
	margin: 0;
	width: 293px;
	margin: 0;
	background: url(../images/hd-about-Management.gif) no-repeat;
	text-indent: -5000px;
	cursor: hand;
	height: 31px;
}

#content-left div#sub-about h3.careers {
	margin: 0;
	width: 293px;
	margin: 0;
	background: url(../images/hd-about-Careers.gif) no-repeat;
	text-indent: -5000px;
	cursor: hand;
	height: 31px;
}

#content-left div#sub-about h3.press {
	margin: 0;
	width: 293px;
	margin: 0;
	background: url(../images/hd-about-Media.gif) no-repeat;
	text-indent: -5000px;
	cursor: hand;
	height: 31px;
}

#content-left div#sub-about h3.community {
	margin: 0;
	width: 293px;
	margin: 0;
	background: url(../images/hd-about-Community.gif) no-repeat;
	text-indent: -5000px;
	cursor: hand;
	height: 31px;
}

#content-left div#sub-about h3.privacy {
	margin: 0;
	width: 293px;
	margin: 0;
	background: url(../images/hd-about-Privacy.gif) no-repeat;
	text-indent: -5000px;
	cursor: hand;
	height: 31px;
}

#quote {
	width: 172px;
	float: right;
	border-bottom: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	background: url(../images/about-quote-bg.gif) no-repeat;
	min-height: 198px;
	height: auto !important;
	height: 198px;
}

#quote blockquote {
	margin: 0px;
	padding: 16px 12px 8px 12px;
	color: #FFFFFF;
	font: bold 0.9em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

#quote p.author { margin: 0px; padding: 0px 12px; color: #FD8941; font-weight: bold; text-align: right; }

#quote p.citation { margin: 0px; padding: 0px 12px 10px 12px; color: #FFFFFF; font-size: .8em; text-align: right; }

#content-right { float: left; width: 144px; margin: 15px 0 15px 15px; font-size: .9em; }

#content-right img.news { float: left; margin: 0 8px 0 0; }

#content-right h4 { margin: 16px 0 0 0; }

/* =Footer Styles
---------------------------------- */
#footer {
	clear: both;
	float: left;
	width: 724px;
	border: 3px solid #FFFFFF;
	border-top: 0px;
	padding: 2px 20px 6px 20px;
	background: url(../images/footer.gif);
	color: #FFFFFF;
}

#footer a { padding: 0; color: #FFFFFF; font-size: .7em; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#wrapper-interior #footer {
	clear: both;
	float: left;
	width: 724px;
	border: 3px solid #FFFFFF;
	border-top: 10px solid #FFFFFF;
	padding: 2px 20px 6px 20px;
	background: #777264;
	color: #FFFFFF;
}

/* =Copyright Styles
---------------------------------- */
#copyright { margin: 0 auto; width: 770px; }

#copyright p { float: left; padding: 5px 24px; margin: 0; font-size: .7em; }

#copyright img { float: right; padding: 5px 10px; }