/* GENERAL CSS STYLES */
/* AUTHOR: TC & JU */
/* CLIENT: GUNNISON */
/* COMPANY: FPS-GOLD http://www.fps-gold.com */
/* ORIG. DATE: 5-18-2006 */







/* ================================= COLORS ===================================== */

/*  */

 /* PRIMARY  NAVY  #0B0A72 /* navy */
 /*    PERIWINKLE #C2BFFF /* periwinkle */
 /*    DESAT NAVY #e0e0fe; /* desaturated navy */



 /* ACCENT  GREEN  #237001 /* green*/
 /*    LGHT GREEN #D9EFCF /* light green */


 /*    RED   red */
 /*    PINK  #FFEEEE /* pink */




 /* BG   GRAY  #666867 /* gray */
 /*    LIGHT GRAY #DADAD8 /* light gray*/




/* ================================= GENERAL ===================================== */





html	{overflow: -moz-scrollbars-vertical;}
body {margin: 0; padding: 0; font-size: 80%; background: #0B0A72 /* navy */; }
#container {margin-left: auto; margin-right: auto; border: 1px solid #666867 /* gray */; width: 800px; background: white; }



h1 {font-family: Georgia, Serif; font-size: 24px; margin: 0; padding: 0; color: #0B0A72 /* navy */;}
h2 {font-family: georgia, Serif; font-size: 20px; margin: 0; padding: 0; color: #0B0A72 /* navy */;}
h3 {font-family: georgia, Serif; font-size: 15px; margin: 0px 10px 10px 0; padding: 0px; border-top: 3px solid #0B0A72 /* navy */; color: #0B0A72 /* navy */;}



p {font-family: Arial, Sans-Serif; color: Black;}
.clear {clear:both;}




ul {}
li {font-family: Arial, Sans-Serif; padding: 0px 20px 5px 0px; }





/* ================================== DEPOSIT RATES TABLES ===============================*/


.depositRatesWrapper{
	margin: 20px 0 0 0;
	padding: 0 ;
	clear : both;
}

table.depositRatesTable {
	border-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: gray;
	color: black;
	margin: 0 0 20px 0;

}

table.depositRatesTable caption {
	font-weight: bold;
	font-size: 120%;
	background: #0B0A72 /* navy */ url(images/tableCaptionCorner.gif) no-repeat right top;
	border-bottom: 2px solid #237001 /* green*/;
	color: white;
	text-transform: uppercase;
	padding: 8px;
}

table.depositRatesTable caption em{
	font-size: 70%;
	text-transform: none;
}

table.depositRatesTable td, table.depositRatesTable th {
	padding: 2px;
}

table.depositRatesTable thead th {
	text-align: center;
	background: #DADAD8 /* light gray*/;
	color: #0B0A72 /* navy */;
	border: 1px solid #DADAD8 /* light gray*/;
	text-transform: uppercase;
	padding: 6px;
	white-space: nowrap;
}

table.depositRatesTable tbody th {
	font-weight: bold;
}

table.depositRatesTable tbody tr {
	background-color:white;
	text-align:center;
}

table.depositRatesTable tbody tr.odd {
	background: #D9EFCF /* light green */;
	border-top:1px solid #D9EFCF /* light green */;
}

table.depositRatesTable tbody th a:link, tbody th a:visited{
	color:#0B0A72 /* navy */;
	background:url() no-repeat;
	padding:0;
	}
table.depositRatesTable tbody th a:hover {
	color:#237001 /* green*/;
	}

table.depositRatesTable tbody tr td {
	height:20px;
	background: white;
	}

table.depositRatesTable tbody tr.odd td{
	background: #D9EFCF /* light green */;
	border-top:1px solid #D9EFCF /* light green */;
	}

table.depositRatesTable table td a:link, table.depositRatesTable table td a:visited {
	color: #1975D7;
	text-decoration: none;
}

table.depositRatesTable table td a:hover {
	color: #50ADEA;
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}


table.depositRatesTable tfoot th, table.depositRatesTable tfoot td {
	background-color:#DADAD8 /* light gray*/;
	padding:0;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px; font-weight:bold; font-style:italic;
	border-bottom:3px solid #0B0A72 /* navy */;
	border-top:1px solid #237001 /* green*/;
}

/*=========================================================*/
/*
/*
/* JOBS PAGE
/*
/*
/*=========================================================*/
.jobFootnote	{font-size: 70%;}

.job	{
	border-top: 1px solid #0B0A72 /* navy */;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 320px;
}

.jobPostDate {
	font-weight: bold;
	font-size: 105%;
	margin: 0;
	float: right;
}
.jobTitle	{
	font-weight: bold;
	font-size: 105%;
	margin: 0;
}
.jobLocation	{
	font-weight: bold;
	margin: 0;
	azimuth:
	}
.jobDescription	{
	font-weight: normal;
	line-height: 140%;
	margin: 5px 0 0 0;
	clear: both;
}

.jobToggleRowOn		{

	background: #D9EFCF ;
}
.jobToggleRowOff	{
	background: none;

}

/* ================================= LINKS ===================================== */



a {color: #0B0A72 /* navy */; font-family: Arial, Sans-Serif;}
a:visited {color: #0B0A72 /* navy */;   font-family: Arial, Sans-Serif;}
a:hover {color: #237001 /* green*/;  font-family: Arial, Sans-Serif; }
a:active{color: #0B0A72 /* navy */;  font-family: Arial, Sans-Serif; }




.textbutton {border:1px solid #0B0A72 /* navy */; text-align:center; float:left; margin:0 20px 20px 0}
.textbutton a:link, .textbutton a:visited {background:#237001 /* green*/; display:block; margin:0px; padding:2px 3px; color: white; text-decoration:none; font-size:12px; font-weight:bold;}
.textbutton a:hover {background:#D9EFCF /* light green */; color: black;}




/* ================================= FORMS ===================================== */



#personalLoginForm {}


.button {border: 1px solid #666867 /* gray */; background: #237001 /* green*/; color: White; font-weight: bold; padding: 2px 10px 2px 10px;}
.required {color: Red;}



form {margin: 0; padding: 0;}
form p {margin: 0; padding: 0;}
input {margin: 0; padding: 0;}




/* ================================= TABLES ===================================== */

td	{font-family: Arial, Sans-Serif; color: Black;}
.tableHeader	{font-weight: bold;}







/* ================================= HEADER ===================================== */
#header {height: 100px; border-bottom: 3px double #0B0A72 /* navy */; margin: 0 0 10px 0; }
#logo {margin: 10px;    margin-left: -90px; float:left;}
#bankPicRight {height: 100px;  margin: 0px 0px 0px 103px; float:left;}
#bankPicLeft {height: 100px; margin-right: 200px; float:left;}



/* ================================= CONTENT ===================================== */



#sidebar {float: left; margin: 0 10px 0 0; width: 150px; background: #DADAD8 /* light gray*/;}
#content {background: white;}
#content2nd {width: 360px; margin: 0 0 0 10px; float: left; background: white;  }
 #content2nd p {line-height: 20px; color: Black; font-family: Arial, Sans-Serif; padding: 0 20px 5px 0;}
 #content2nd h4 { color:#0B0A72 /* navy */; text-decoration: underline bold; text-transform: capitalize; }

 #content2nd h4 a{
 	color:#0B0A72 /* navy */; text-decoration: underline bold; text-transform: capitalize;font-family: Georgia; font-size: 90%;

 }

.explanation {line-height: 12px; color: #34346C /* desaturated navy */; font-style:italic; margin: 0; padding: 0 0 20px;}

#rightSideBar {float: left; width: 255px;}
 #rightSideBar p {}
 #rightSideBar img {margin: 10px 0 10px 0;}

#relatedLinks {background: #DADAD8 /* light gray*/; }
 #relatedLinks p   {padding: 10px 10px 10px 10px; margin: 0;}
 #relatedLinks ul  {padding: 0 10px 10px 10px; margin: 0; }
 #relatedLinks ul li  {list-style: none; display: block; padding: 0 0 3px 0; }
 #relatedLinks ul li a {}
 #relatedLinks ul li a:hover{	color: #237001 /* green*/;  font-family: Arial, Sans-Serif;}


.importantMsg {color: Red; background: #FFEEEE /* pink */;}

#importantMsg {float: left; width: 620px; border: 1px solid red; background: #FFEEEE /* pink */; padding: 0 0 10px 0;}
 #importantMsg h3 {background: red; color: White; display: block; padding: 0px 10px 5px 10px; margin-top: 0;}
 #importantMsg p  {padding: 0 10px 0 10px; }




/* ================================= ADS ===================================== */


.rate {font-size: 22px; font-weight: bold; font-family: georgia, Serif;}
#adA {float: left; overflow:hidden; display: block; background: white url("images/home60moCD_lakecb_o5.jpg"); margin: 0 10px 20px 0; width: 300px; height: 220px; }
 #adA h3 {margin: 145px 0 0 0; padding: 0 5px 0 5px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; font-style:italic; border: none;}
 #adA p {font-style: normal; font-weight: normal; font-family: Arial, Sans-Serif; padding: 5px 5px 0 5px; margin: 0; font-size: 10px;}


#adB {float: left; overflow:hidden; background: white url("images/mountain2.jpg"); margin: 0 20px 20px 0;width: 300px; height: 220px;}
 #adB h3 {margin: 0 0 0 0; padding: 3px 10px 0 6px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; font-style:italic;  border: none;}
 #adB p {font-style: normal; font-weight: normal; font-family: Arial, Sans-Serif; padding: 5px 5px 0 5px; margin: 0; font-size: 10px;}

#adC {float: left; overflow:hidden; background:  url("images/gunnisonTreeAd.jpg"); margin: 0 20px 20px 0px;width: 300px; height: 220px;}
	#adC h3 {margin: 0px 0 0 0 ; padding: 0 5px 0 5px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; font-style:italic;  border: none;}
	#adC p {font-style: normal; font-weight: normal; font-family: Arial, Sans-Serif; padding: 2px 5px 0 5px; margin: 0; font-size: 10px;}
	#adC h4 {color: #0B0A72 /* navy */; margin: 0 ; padding: 134px 5px 0 5px; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; font-style:italic;  border: none;}


#identity {float: left; overflow:hidden; width: 210px; height: 170px; background: #FEF5B0 /* yellow */ url("images/lockIdentityAd.jpg") bottom left no-repeat; margin: 0px 10px 10px 0; border: 1px solid black;}
 #identity h3 {background: #FCEB5D /*deeper yellow*/; color: Black; padding: 0px 10px 5px 10px; margin: 0; border: none;}
 #identity p  {width: 90px; margin-left: 110px; font-family: Arial, Sans-Serif; font-size: 95%;}


#boardwalk {float: left; overflow:hidden; height: 170px; width: 371px; float: left;  margin: 0 0 10px 0; background-image:url('images/cattlemenAd.jpg'); background-repeat:  no-repeat;}

 #boardwalk p {margin: 52px 0 0 140px; text-decoration: bold; font-size: 100%;}
 #boardWalk p b{
 	font-size: 130%;
 }
 #boardwalk p em{
 	font-size: 90%;
 }
 #boardwalk a {text-decoration: none; font-size: 140%;}
#reorderChecks {float: left; width: 350px; height: 170px; border: 1px solid black; background: #EBBBF2 /* lavender */; margin: 10px 0 10px 10px;}


#officeSpaceAd{float: left; width: 265px; margin: 0 20px 0 20px ; padding: 20px 0 20px 0;}
#officeSpaceAd h3{margin: 0; padding: 0; border: 0;}





/* ================================= NAV ===================================== */
#nav {}
#nav ul {margin: 0; padding: 0; font-family: Arial, Sans-Serif; width: 130px; width:140px!important;}
 #nav ul li {display: block; padding: 0;}
 #nav ul li a, #nav ul li a:link, #nav ul li a:visited {display: block; width: 130px; width:140px!important; height: 23px; background: #DADAD8 /* light gray*/; margin: 0 0 0 0; padding: 3px 5px 1px 5px; text-align: right; text-decoration: none; color: Black; border-bottom: 1px solid white;}
 #nav ul li a:hover {display: block; width: 130px; width:140px!important; height: 23px; background: #237001 /* green*/; margin: 0 0 0 0; padding: 3px 5px 1px 5px; text-align: right; text-decoration: none; color: white; border-bottom: 1px solid white; text-align: right; text-decoration: none; color: white;}

body#home #currentTab-home a,
body#onlineBanking #currentTab-onlineBanking   a,
body#depositProducts #currentTab-depositProducts a,
body#lendingProducts #currentTab-lendingProducts a,
body#calculators #currentTab-calculators  a,
body#hoursLocations #currentTab-hoursLocations a,
body#communityLinks #currentTab-communityLinks a,
body#aboutUs #currentTab-aboutUs a,
body#contactUs #currentTab-contactUs a,
body#security #currentTab-security a,
body#privacy #currentTab-privacy a,
body#depositRates #currentTab-depositRates a,
body#fdicInsurance #currentTab-fdicInsurance a,
body#careerOpportunities #currentTab-careerOpportunities a
 {
	 display: block; width: 130px; width:140px !important; height: 23px; background: #237001 /* green*/; margin: 0 0 0 0; padding: 3px 5px 1px 5px; text-align: right; text-decoration: none; color: white; border-bottom: 1px solid white; text-align: right; text-decoration: none; color: white;;
 }





/* ================================= LOGIN ===================================== */
#login {margin: 20px 0 0 0; padding: 0 0 300px 0; }
#login h3 {margin: 2px 0px 2px 10px; color: #0B0A72 /* navy */; }
#login p {margin: 10px; font-size: 70%;}
#login p input {width: 120px; width: 110px !important;}
#login p input.peronsalLoginBtn {width: none; background: #237001 /* green*/; border: 1px solid black; color: white; font-weight: bold; font-size: 12px; padding:2px 3px; cursor: pointer;}




/* ================================= FOOTER ===================================== */



.footnote {font-style: italic; font-size: smaller; line-height: 12px;}



#footer {clear: both; font-family: Arial, Sans-Serif; font-size: smaller; padding: 10px 0px 10px 10px; background: #D9EFCF /* light green */;}
#copyright {float: left;}
#FDICehl {float: left; margin-left: 20px;}
#footerLinks {float: left; padding-right: 20px; width: 350px;}
 #footerLinks ul {display: block;}
 #footerLinks ul li {display: block; float: left; padding: 0px 3px 1px 3px; border-right: 1px solid black;}
 #footerLinks ul li.last {display: block; float: left; padding: 0px 3px 1px 3px; border:none;}
 #footerLinks ul a, #footerLinks ul a:hover, #footerLinks ul a:visited {color: Black; text-decoration: none;}

/* ================================= LOGO ===================================== */



 #logo img { position:relative;  margin: 0px 0px 0px 0px; padding:0px 60px; }




/* ================================= MISC ===================================== */
.location {padding: 0px 0 10px 0;}
 .location p {padding: 0; margin: 0; line-height: 120%;}
 .locationIMG {float: right; margin-top: 10px;}

#redirect {width: 400px; margin-top: 200px; margin-left: auto; margin-right: auto; text-align: center; background: white; padding: 20px; border: 1px solid #666867 /* gray */;}


#loanOfficer img {
 float:left;
 padding: 0 10px 0 0;
 margin: 0px;
 }
  #loanOfficer p {margin:0; padding:0;}
  #loanOfficer h3 {font-family: georgia, Serif; font-size: 15px; margin: 0px 10px 10px 0; padding-top: 5px; border-top: 3px solid #0B0A72 /* navy */; color: #0B0A72 /* navy */;}


.dataheader	{color: white; background: #0B0A72 /* navy */;}
.year	{background: #e0e0fe; /* desaturated navy */; width: 275px; padding: 10px; border: 1px solid #0B0A72 /* navy */;}
	.year p	{margin: 0;}

#calcInterview {margin: 0;}
#calcResults	{margin: 30px 0 0 0;}

.error	{color: red; font-weight: bold;}
.calcTable	{padding:0; margin: 0; border-bottom: 1px solid black; }
.currentDollars	{font-size: 80%; background: orange;}

.right	{text-align: right;}
.left	{text-align: left;}
.center	{text-align: center;}

#calcWithdrawalSummary	{padding: 10px; solid; border: 1px solid black; margin: 50px 0 0 0;}

/*phishing info*/

#phishingInfoAd{}
#phishingInfoAd h2{background: #237001 /* green*/; color: White; margin: 0; padding: .25em 10px; font-size: 100%;}
#phishingInfoAd p{margin: .5em 10px 1em 10px; font-size: 80%; }


/* Media Release Styles */
table#mediaReleases {width: 95%;}
table#mediaReleases td { padding: 3px 5px; border-bottom: 1px solid gray;}
table#mediaReleases td.icon{width:25px;}
table#mediaReleases td img{border: 0;}
table#mediaReleases td.mediaReleaseTitle{}
table#mediaReleases td.size{width:40px;}


#fdicCoverage{border: 1px solid green; padding: 5px 10px;}