/*-----------------------------------------------
Gold Country Bank
-------------------------------------------------
Author:		Matson & Isom Technology Consulting
            www.mitcs.com
Version:	2008.10.23.1300
----------------------------------------------- */

/*-----------------------------------------------
-- Base Styles =
----------------------------------------------- */
*
{
    margin: 0;
    padding: 0;
}

body
{
	background: #004b35;
	text-align: center;
	font-size: small;
	font-family: "Trebuchet MS", Arial, Helvetia, Sans-serif;
}

body#home
{
	background: #004b35;
}


h1, h2, h3
{
    letter-spacing: -1px;
}

h1 a
{
	float: left;
	display: block;
	text-indent: -9999px;
	background: url(/_images/logo.gif) no-repeat top;
	width: 181px;
	height: 65px;
	margin: 15px 0 10px 10px;
	border: none;
}

h2
{
    font-size: 160%;
    color: #5c4e33;
    margin: 15px 0 10px 0;
}

h3
{
    font-size: 130%;
    color: #37452b;
    margin: 10px 0 5px 0;
}

h4
{
    font-size: 115%;
    color: #000;
}

h5
{
    font-size: 100%;
    margin: 15px 0 5px 0;
}

p
{
    line-height: 170%;
	padding: 5px 0 10px 0;
}

ul, ol
{
    margin: 5px 0;
}

li
{
    line-height: 180%;
}

a 
{
	color: #746448;
}

a img
{
    border: none;
}

dl
{
	float: left;
	width: 100%;
	margin: 5px 0 3px 0;
}

dt
{
	clear: left;
	float: left;
	width: 9.5em;
    font-weight: bold;
    line-height: 160%;
margin-top: 5px;
}

dd
{
	float: left;
	width: 245px;
	margin: 8px 0 0 0;
    line-height: 160%;
}

table
{
	width: 100%;
}

td
{
	padding: 8px 10px;
}

/*-----------------------------------------------
-- Home Styles =
----------------------------------------------- */

#container
{
	background: #EEEDDF;
	width: 800px;
	margin: 20px auto;
	text-align: left;
	
}

#header
{
	float: left;
	width: 790px;
	background: #F6F6EE;
	height: 90px;
	border-left: solid 5px #FFF;
	border-right: solid 5px #FFF;
	border-top: solid 5px #FFF;
}

#bankingTile
{
	float: left;
	background: url(/_images/online_banking_background.jpg) no-repeat top;
	margin: 20px 0 0 10px;
	width: 534px;
	height: 110px; 
}

#bankingTile h2
{
	display: inline-block;
	text-indent: -9999px;
	margin-top: 5px;
}

#bankingTile h2.secureBanking 
{
	float: left;
	clear: both;	
	padding: 5px; 20px 0 15px;
}

#bankingTile h2.secureBanking a
{
	background: url(/_images/secure_online_banking.jpg) no-repeat top; 
	float: left;
	width: 304px;
	height: 34px;
	margin-bottom: 0;
}

#bankingTile h2.enrollBanking 
{
	padding: 5px 10px 0 30px;
	float: right;
}


#bankingTile h2.enrollBanking a
{
	display: block;
	background: url(/_images/enroll_online_banking.jpg) no-repeat top; 
	width: 177px;
	height: 68px;
}

#container #bankingTile .homepage_login
{
	position: relative;
	margin: 25px 0 0 35px;
	width: 270px;
}

#container #bankingTile .homepage_login dl
{
	margin: 5px 0 10px 0;
}

#container #bankingTile .homepage_login dt
{

	float: left;
	width: 6em;
    font-weight: bold;
    line-height: 100%;
	color: #71664A;
}

#container #bankingTile .homepage_login dd
{
	float: left;
	width: 150px;
	margin-top: 2px;
    line-height: 100%;
}

label#forgotPassword
{
	font-size: 85%;
	color: #77634A;
}

#container #bankingTile .homepage_login .submit_button
{
	position: absolute;
	top: 25px;
	right: 5px;
}

#tileContainer
{
	float: left;
	width: 790px;
	background: #d3d0b0 url(/_images/tiles_background.jpg) no-repeat top;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
}

h2.slogan
{ 
	float: left;
	width: 150px;
	font-size: 150%;
	font-weight: normal;
	line-height: 150%;
	padding-top: 25px;
	margin: 5px 0 0 30px;
	text-align: center;
}

h2.slogan .goldStandard
{
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
}



#tileContainer #tiles
{
	clear: both;
	float: left;
	width: 800px;
	margin-left: 20px;
	padding: 15px 0 5px 0;
	text-align: center;
}
 
#tileContainer #tiles h3
{
	list-style: none;
	float: left;
} 

#tileContainer #tiles h3.personal a,
#tileContainer #tiles h3.business a,
#tileContainer #tiles h3.community a
{
	display: block;
	text-indent: -9999px;
	width: 230px;
	height: 130px;
	background-position: top center;
	text-decoration: none;
	color: #37452b;
	font-size: 130%;
	margin-bottom: 20px;
	padding: 0 10px 0 10px;
}

#tileContainer #tiles h3.personal a
{
	background: url(/_images/tilePersonal.jpg) no-repeat top; 
}

#tileContainer #tiles h3.business a
{
	background: url(/_images/tileBusiness.jpg) no-repeat top; 
}

#tileContainer  #tiles h3.community a
{
	background: url(/_images/tileCommunity.jpg) no-repeat top; 
}

#tileContainer #tiles h3.personal a:hover,
#tileContainer #tiles h3.business a:hover,
#tileContainer #tiles h3.community a:hover
{
	background-position: bottom center;
}

/*-----------------------------------------------
-- Main Container Styles =
----------------------------------------------- */

#home #mainContent 
{
	float: none;
	background: url(/_images/miner.gif) no-repeat bottom right; 
	padding: 0 15px 0 15px;
	width: 760px;
	min-height: 300px;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
}

#home #mainContent img
{ 
	margin-top: 20px;
	padding-bottom: 20px;
}

#home #mainContent .promotionCaption
{
	width: 400px;
}

#mainContent
{
	float: left;
	width: 790px;
	min-height: 500px;
	background: url(/_images/mainContent_background.jpg) repeat bottom right; 
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
}

#homeBanner
{
	background: #4a7d6e;
	color: #FFF;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	margin: 0 -15px;
	padding: 5px 0 3px 0;
}

#homeBanner p
{
	margin: 0 !important;
	padding: 0;
}

#homeBanner a
{
	color: #FFF;
}

#contentContainer
{
	position: relative;
	float: left;
	width: 560px;
	padding: 0 0 25px 20px;
}

.checking #contentContainer,
.savings #contentContainer
{
	width: 395px;
	padding-right: 165px;
}

#contentContainer ul
{
	padding: 0 0 0 30px;
	list-style: disc;
}

#contentContainer ol
{
	padding: 0 0 10px 25px;
}

/* Switch Kit Styles */

#switchKit
{
	position: absolute;
	top: 70px;
	right: 0;
}

/*-------------------------------------------------------------

	+Navigation Styles

-------------------------------------------------------------*/

#navigation
{
	float: right;
    padding: 40px 15px 0 0;
}

#navigation li
{
    float: right;
    list-style: none;
    margin: 0 10px;
}

#navigation li a
{

    display : block;
    color: #004b35;
	padding: 7px 5px 4px 10px;
	font-family: "Lucida Sans Unicode", "Lucida Sans Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
    text-align: center;
    text-decoration: none;
}

#navigation li a:hover
{
	color: #746448;
	padding-bottom: 1px;
}


#home #navigation .l-home a,
#online #navigation .l-online a,
#contact #navigation .l-contact a,
#about #navigation .l-about a,
#links #navigation .l-links a,
#services #navigation .l-services a
{
	font-weight: bold;
	padding-bottom: 1px;
	color: #746448;
}

.promotion
{
	border: 3px solid #CDC6B4;
	margin-bottom: 20px;
	padding-bottom: 0 !important;
}

/*-----------------------------------------------
-- Subpage Styles =
----------------------------------------------- */

#department
{
	float: left;
	width: 790px;
	height: 60px;
	border: 5px solid #FFF;
}

#personal #department
{
	background: url(/_images/personal_banking_sub.jpg) no-repeat top;
}

#business #department
{
	background: url(/_images/business_banking_sub.jpg) no-repeat top;
}

#community #department
{
	background: url(/_images/community_banking_sub.jpg) no-repeat top;
}

#about #department
{
	background: url(/_images/about_sub.jpg) no-repeat top;
}

#onlineBanking #department
{
	background: url(/_images/online_banking_sub.jpg) no-repeat top;
}

#services #department
{
	background: url(/_images/services_sub.jpg) no-repeat top;
}

.management h3 span
{
	color: #004b35;
	font-style: italic;
	font-size: 90%;
}

.imgLeft
{
	float: left;
	margin: 15px 15px 15px 0;
	padding: 3px;
	border: 1px solid #CCC;
}

.imgRight
{
	float: right;
	margin: 15px 0 15px 15px;
	padding: 3px;
	border: 1px solid #CCC;
}

.imgCenter
{
	display: block;
	margin: 15px auto 25px auto;
	padding: 3px;
	border: 1px solid #CCC;
}

.locations .imgRight
{
	padding-top: 25px;
	border: none;
}

.location, .location_alt 
{
	float: left;
	clear: both;
	width: 540px;
	background: #e5efec;
	margin-top: 3px;
	padding: 10px;
}

.location_alt
{
	background: #d3e2dd;
}

.atmFees
{
	clear: both;
}


#services.properties table
{
	width: 100%;
	font-size: 90%;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}


#services.properties th,
#services.properties td
{
	margin: 0;
	padding: 8px 10px;
}


#services.properties th
{
	background: #6D94BB;
	color: #FFF;
}

#services.properties tr.headers td
{
	font-weight: bold;	
}

.alt
{
	background: #E5EFEC;
}


#services.properties dl
{
	float: left;
	width: 40%;
	margin: 5px 0 3px 0;
}

#services.properties dt
{
	clear: left;
	float: left;
	width: 8em;
    font-weight: bold;
    line-height: 150%;
	margin-top: 5px;
}

#services.properties dd
{
	float: left;
	width: 100px;
	margin: 8px 0 0 0;
    line-height: 160%;
}

/*-----------------------------------------------
-- Subpage Navigaton Styles =
----------------------------------------------- */

#navigationColumn
{
	float: left;
	width: 200px;
	font-size: 90%;
} 

#subNav 
{
	width: 200px;
	font-weight: bold;
	border-top: 1px solid #b4af7c;
}

#subNav ul
{
	margin: 0;
	font-size: 110%;
}

#subNav ul li 
{
	list-style: none;
	border-bottom: 1px solid #b4af7c;
}

#subNav ul li a
{
	width: 190px;
	display: block; 
    color: #514e30;
    background: #d0cfb1;
    text-decoration: none;
    padding: 4px 0 4px 10px;
}

#personal.overview #mainContent #subNav ul .l-overview a,
#personal.checking #mainContent #subNav ul .l-checking a,
#personal.savings #mainContent #subNav ul .l-savings a,
#personal.loans #mainContent #subNav ul .l-loans a,
#personal.investing #mainContent #subNav ul .l-investing a,
#personal.money_management #mainContent #subNav ul .l-money_management a,
#business.overview #mainContent #subNav ul .l-overview a,
#business.checking #mainContent #subNav ul .l-checking a,
#business.savings #mainContent #subNav ul .l-savings a,
#business.loans #mainContent #subNav ul .l-loans a,
#business.physicians #mainContent #subNav ul .l-physicians a,
#about.overview #mainContent #subNav ul .l-overview a,
#about.management #mainContent #subNav ul .l-management a,
#about.executives #mainContent #subNav ul .l-executives a,
#about.careers #mainContent #subNav ul .l-careers a,
#about.investors #mainContent #subNav ul .l-investors a,
#about.locations #mainContent #subNav ul .l-locations a,
#about.contact #mainContent #subNav ul .l-contact a,
#about.links #mainContent #subNav ul .l-links a,
#about.history #mainContent #subNav ul .l-history a,
#about.bankOwnedProperties #mainContent #subNav ul .l-bankOwnedProperties a,
#about.fdic #mainContent #subNav ul .l-fdic a, 
#community.overview #mainContent #subNav ul .l-overview a,
#community.around_town #mainContent #subNav ul .l-around_town a,
#community.supporting_community #mainContent #subNav ul .l-supporting_community a,
#community.supporting_education #mainContent #subNav ul .l-supporting_education a,
#online_banking.agreement #mainContent #subNav ul .l-agreement a,
#online_banking.faqs #mainContent #subNav ul .l-faqs a,
#services.services #mainContent #subNav ul .l-overview a,
#services.checking #mainContent #subNav ul .l-checking a,
#services.savings #mainContent #subNav ul .l-savings a,
#services.loans #mainContent #subNav ul .l-loans a,
#services.promotions #mainContent #subNav ul .l-promotions a
{
	background: #004B35;
	color: #FFF;
}

#subNav ul ul li
{
	list-style: none;
}

#subNav ul ul li a
{
	background: #dbd9c2;
	text-indent: 10px;	
}

#subNav a:hover
{
	background: #c4c39e;
}

#about.locations dl 
{
	padding-bottom: 15px;
	width: 350px;
}

#online_banking.faqs p
{
	padding-bottom: 10px;
}


/*-----------------------------------------------
-- Footer Styles =
----------------------------------------------- */

#footer
{
    clear: both;
    background: #a39161;
    width: 790px;
    margin: 0 auto;
    font-size: 90%;
    text-align: left;
    padding: 10px 0 5px 0;
	border: solid 5px #FFF;
}

#footer p
{
	margin-left: 15px;
}

#footer .footer_logos
{
	float: right;
	margin: 20px 10px 0 0;
}

#footer .footer_logos img
{
	margin: 0 0 0 15px;
}

#footer a
{
	color: #000;
}

/*-----------------------------------------------
-- Product Box Styles =
----------------------------------------------- */

.product_descriptions
{
	background: #e5efec;
	margin: 20px 0;
}

.product_detail
{
	font-size: 80%;
}


.product_box
{
	font-size: 95%;
	border-bottom: 1px solid #FFF;
}

.box_alt
{
	background: #d3e2dd;
}

.product_box h4
{
	margin-bottom: 5px;
	color: #004b35;
}

.product_box p
{
	padding: 0;
}

.product_box_terms
{
	font-weight: bold;
	color: #674E46;
}

p.disclaimer
{
	font-size: 90%;
	font-weight: bold;
}

.info_tile
{
	margin: 0 10px;
}

/* FDIC Insurance Banner */

#fdicInsurance
{
	display: block;
	float: right;
	width: 265px;
	height: 42px;
	background: url(/_images/fdic_insurance_banner.gif) no-repeat;
	text-indent: -9999px;
	margin: 40px 5px 0 0;
}