@charset "utf-8";

/* CSS Document */



/***** Global Settings *****/



body{

	border:0;

	margin:0;

	padding:0;

	background: #6f6454;

	font:12px arial, helvetica, sans-serif;

	line-height: 18px;

	text-align:justify;

}



html, body {

  height: 100%; /* Required */

}



a { 

	color:#000000;

	}

	

a hover {

	color:#000000;

}	

	

#header {

	background:#463f34;

	height:116px;

}



#header-pic {

    background:#000; 

	height:170px;

}



h1 {

	padding:20px 0 0 0;

	letter-spacing:-1px;

	font:18px arial, helvetica, sans-serif;

	font-weight:bold;

	color: #cf8c0b;

}



h2 {

	padding:5px 0 0 0;

	letter-spacing:-1px;

	font:16px arial, helvetica, sans-serif;

	font-weight:bold;

	color: #cf8c0b;

}



h3 {

	font:1em arial, helvetica, sans-serif;

	font-weight:bold;

}



h4 {

	font:1.2em arial, helvetica, sans-serif;

	font-weight:bold;

	color:#343433;

	

}



hr {

	border-bottom: #e1ddda 1px solid;

	margin: 5px;

}



ul, ol {

	margin:0;

	padding:0 0 9px 40px;

	text-align:left;



}

ul.pdf {

	list-style-type: none;

	padding: 0;

	margin: 0 0 1.5em 0;

}



ul.pdf li {

	padding: 1px 0 1px 22px;

	margin: 0;

	background: transparent url(images/pdf-icon.gif) 2px center no-repeat;

}



blockquote {

	margin:22px 40px;

	padding:0;

}



.listtable td {

	border-bottom: 1px solid #f3f3f3;

	color: #666666;

	padding: 4px;

	text-align:left;

}





/***** Logon *****/



#ib, #cm {

	padding-left: 30px;

	margin-top: 20px;

}



/***** Wrapper *****/



#wrap {

	width:770px;

	margin:0 auto;

}

#shadow {

	width: 1024px;

	margin:0 auto;

	background: url(images/drop-brown-yellow.gif) repeat-y;

	position: relative;

	min-height: 100%;

	height: auto !important;

	height: 100%;

}

#shadow_noyellow
{
    
	width: 1024px;

	margin:0 auto;

	background: url(images/drop-brown-white.gif) repeat-y;

	position: relative;

	min-height: 100%;

	height: auto !important;

	height: 100%;
}

/* navigation elements */

#nav {

	font-family: Arial, Helvetica, sans-serif;

	list-style-type: none;

	margin: 0 0 0 0;

	padding: 0;

	

	}

#nav li {

	float: left;

	text-align: center;

	margin: 0;



}

#nav li a {

	background: #463f34;

	display: block;

	font-size: 11px;

	font-weight: bold;

	color: #eeeeee;

	text-decoration: none;

	text-transform: uppercase;

	word-spacing: 5px;

	padding: 4px 0;

	display: block;

}

#nav li a:hover {

	background: #f1ce74;

	color: #463f34;

}



/****** Sub Nav ****/



.subnav {

	list-style-type: none;

	margin: 12px 0 0px 0;

	padding-left: 26px;

	font-size: 12px;

}



.subnav a {

	display: block;

	width: 160px;

	height: 24px;

	line-height: 24px;

	padding-left: 3px;

	border-bottom: 1px solid #697344;

	text-decoration: none;

	color:#000;

}



.subnav a:hover {

	background: #443E36;

	text-decoration: none;

	color:#fff;

}



/* custom widths for individual nav elements */

#nav-business {

	width: 144px; 

	border-right: 1px solid #222;

}

#nav-personal {

	width: 144px; 

	border-left: 1px solid #666;

	border-right: 1px solid #222;

}



#nav-online {

	width: 124px;

	border-left: 1px solid #666;

	border-right: 1px solid #222;

}



#nav-mortgage {

	width: 148px; 

	border-left: 1px solid #666;

	border-right: 1px solid #222;

}

#nav-about {

	width: 100px;

	border-left: 1px solid #666;

	border-right: 1px solid #222; 

}

#nav-home {

	width: 100px; 

	border-left: 1px solid #666;

}



.slogan {

	float:right; 

	margin: 35px 10px 20px 0;

	font-family: Times New Roman, Courier New, Courier, monospace;

	font-size: 22px;

	font-style:italic;

	color:#FFFFFF;

}



/**** left column ****/



#contentwrap {

	width:770px;

	margin: 0 auto 0 auto;

	padding: 0 0 150px 0;

	background: url (images/bg-content.gif) repeat-y;

}

#contentwrap2 {

	width:730px;

	margin: 0 auto 0 auto;

	padding: 20px 20px 150px;

	background: url (images/bg-content.gif) repeat-y;

}

#left-column {

	float:left;

	width:214px;

	height: auto;

}



#main-column {

	float:right;

	width:540px;

	padding: 0 6px 6px 6px;

}





.right {

	float:right;

	padding-right:6px;

	margin-top: 0px;

}



.left {



	float:left;

	padding-left:6px;

	text-align:left;

}



.left a {

	color:#ccc;

}



.left a:hover {

	text-decoration:underline;

}



img.bordered {

	padding: 1px;

	border: 2px solid #e7e6e2;

}



#contactbox {

	width: 174px;

	background:#FFFFFF;

	text-align:center;

	font-size: 11px;

	margin: 25px 0 20px 20px;

	border: 1px solid #7d776d;

}



#leftfloatcolumn { 

 color: #000;

 margin: 5px 5px 5px 0px;

 font-size: 1em;

 padding: 2px;

 width: 158px;

 float: left;

}

#middlefloatcolumn { 

 float: left;

 color: #000;

 font-size: 1em;

 margin: 5px 5px 5px 0px;

 padding: 2px;

 width: 158px;

 display: inline;

}

#rightfloatcolumn { 

 color: #000;

 margin: 5px 0px 5px 0px;

 font-size: 1em;

 padding: 2px;

 width: 150px;

 float: left;

}



ul.featured {

	margin: 0 0 1em 0;

	padding: 0;

	list-style-type: none;

}



ul.featured li {

	margin: 0 0 0 14px;

	padding: 0 0 0 14px;

	background: transparent url(images/arrow.gif) 2px .4em no-repeat;

	font-size:11px;

	line-height:14px;

}



ul.featured li ul li{

	margin: 0 0 0 14px;

	padding: 0 0 0 14px;

	background: transparent url(images/arrow.gif) 2px .4em no-repeat;

	font-size:11px;

	line-height:18px;

}





#container-foot {

  background: url(images/bg-content.gif) repeat-y ;

  position: absolute;

  bottom: 0 !important;

  bottom: -1px; /* For Certain IE widths */

  height: 40px;

}



#foot {

  padding: 0 1em;

  background: #463f34;

  color: #ddd;

  height: 40px;

  width:746px;

  line-height: 40px;

}



small {

	font-size: 11px;

	color: #555555;

	line-height: 16px;

}



#dhtmltooltip{

color:#000000;

position: absolute;

width: 150px;

border: 1px solid black;

padding: 2px;

background-color: lightyellow;

visibility: hidden;

z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/



}



/***** Global Classes *****/



.clear         { clear:both; }



.float-left    { float:left; }

.float-right   { float:right; }



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

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

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

.text-justify  { text-align:justify; }



.bold          { font-weight:bold; }

.italic        { font-style:italic; }

.underline     { border-bottom:1px solid; }

.highlight     { background:#ffc; }



.img-left      { float:left;margin:4px 10px 4px 0; }

.img-right     { float:right;margin:4px 0 4px 10px; }



.nopadding     { padding:0; }

.noindent      { margin-left:0;padding-left:0; }

.nobullet      { list-style:none;list-style-image:none; }

.notice        { text-align:center; color:#b22222; font-weight:bold; }

/**************** Accordion*********************/

#accordion
{
width: 535px;
border-bottom: solid 1px #c4c4c4;
margin: 0;
padding: 0;
text-indent: 0;
         
}
#accordion a.head
{
background: #F1CE74 url(images/collapsed.gif) no-repeat right;
border: 1px solid #000;
color: #000;
cursor: pointer;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0;
padding: 7px 20px 15px 10px;
text-decoration: none;
text-indent: 0px;
}

#accordion a.head:hover
{
background-color: #fff;
color: #000;
}

#accordion a.selected
{
background-image: url(images/expanded.gif);
}

#accordion a.current
{
    background-color: #FFFF99;
}