.topbar {

	background-color: #dddddd;

	height: 18px;

}

.leftnav {

	background-color: #000000;

	padding: 5px;

}

.logonheader {

	background-color: #000000;

	padding: 3px 5px;	

	color: #eeeeee;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 14px;

}

.banner_right {

display:table-cell;

background-image:url(images/bannerLong.jpg);

background-position: left;

background-repeat: no-repeat;

}

.contentheader, .infoheader {

	background-color: #ECD381;

	background-image: url(images/orng_grad.gif);

	background-repeat: repeat-x;

	padding: 3px 7px;

	color: #222;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 14px;

}

.content {

	padding: 8px;

	line-height: 17px;

}

.content a, .content a:active, .content a:visited {

	color: #000000;

	text-decoration: underline;

}

.content a:hover {

	color: #ea0;

}



a.heading, a.heading:active, a.heading a:visited {

	color: #000000;

	text-decoration: underline;

}

p {

	text-align: justify;

}

.highlight {

color: #C39112;

font-weight: bold;

}

h3 {

color:#6A613E;
font-size:12px;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
}

h1 
{
color: #000;
font-size:12px;
font-weight: bold;
text-decoration: underline;
text-transform:uppercase;
}


body {

	background-color: #ffffff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

.logonbody {

	padding: 3px;

	font-weight: bold;

}

.logonbody, .infobody {

	background-color: #F4F4F4;

	padding: 5px;

}

a {

	color: #038;

	text-decoration: none;

}

a:hover {

	color: #ea0;

	text-decoration: underline;

}

.navitem {

	padding: 1px 0px 3px 0px;

	font-weight: bold;

	border-bottom: 1px dashed #333;

}

.navitem a, .navitem a:visited, .navitem a:active {

	color: #eb3;

	text-decoration: none;

}

.navitem a:hover {

	color: #fff;

	text-decoration: none;

}

.basebar {

	height: 12px;

}



.infotable {

	border: 1px solid #cccccc;

}

.infotable td {

background-color: #efefef;

padding: 2px 5px;

}

.formstable {

border: 1px solid #cccccc;

text-align:left;

}

.formstable td {

border-top: 1px solid #cccccc;

padding: 0px;

}

.formstable td a, .formstable td a:hover {

font-size: 11px;

}



.formstable th {

background-color: #C39112;

color: #ffffff;

padding: 2px;

text-align:center;

}



.break {

border-bottom: 1px solid #D4A33B;

font-size: 1px;

line-height: 0px;

}



.answer {

border: 1px solid #dddddd;

background-color: #ececec;

padding: 0px 10px 15px 10px;

}



a.community, a.community:hover {

font-weight: normal;

text-decoration: underline;

}

.communitypic {

  width: 175px;

  padding-bottom: 2px;

}

.communitypic img {

	border: 1px solid #666;

}

.communitylink {

  width: 175px;

  padding-bottom: 20px;

}



/* menu 1 */

#menu1Content ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: 1px solid #000;

}

#menu1Content ul li {

	margin: 0;

	border-bottom: 1px solid #000;

}

#menu1Content ul li a {

	display: block;

	padding: 2px 2px 2px 0.5em;

	background-color: #ddd;

	color: #222;

	text-decoration: none;

}

html>body #menu1Content ul li a { 

 width: auto; 

}

#menu1Content ul li a:hover {

	background-color: #ea0;

	color: #fff;

}

/* menu 2 */

#menu2Content ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: 1px solid #000;

}

#menu2Content ul li {

	margin: 0;

	border-bottom: 1px solid #000;

}

#menu2Content ul li a {

	display: block;

	padding: 2px 2px 2px 0.5em;

	background-color: #ddd;

	color: #222;

	text-decoration: none;

}

html>body #menu2Content ul li a { 

 width: auto; 

}

#menu2Content ul li a:hover {

	background-color: #ea0;

	color: #fff;

}

/* menu 3 */

#menu3Content ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: 1px solid #000;

}

#menu3Content ul li {

	margin: 0;

	border-bottom: 1px solid #000;

}

#menu3Content ul li a {

	display: block;

	padding: 2px 2px 2px 0.5em;

	background-color: #ddd;

	color: #222;

	text-decoration: none;

}

html>body #menu3Content ul li a { 

 width: auto; 

}

#menu3Content ul li a:hover {

	background-color: #ea0;

	color: #fff;

}

/* menu 4 */

#menu4Content ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: 1px solid #000;

}

#menu4Content ul li {

	margin: 0;

	border-bottom: 1px solid #000;

}

#menu4Content ul li a {

	display: block;

	padding: 2px 2px 2px 0.5em;

	background-color: #ddd;

	color: #222;

	text-decoration: none;

}

html>body #menu4Content ul li a { 

 width: auto; 

}

#menu4Content ul li a:hover {

	background-color: #ea0;

	color: #fff;

}

/* menu 5 */

#menu5Content ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: 1px solid #000;

}

#menu5Content ul li {

	margin: 0;

	border-bottom: 1px solid #000;

}

#menu5Content ul li a {

	display: block;

	padding: 2px 2px 2px 0.5em;

	background-color: #ddd;

	color: #222;

	text-decoration: none;

}

html>body #menu5Content ul li a { 

 width: auto; 

}

#menu5Content ul li a:hover {

	background-color: #ea0;

	color: #fff;

}





.banner {

	background-color:#999;

}



.addressbox {

	padding: 0px 0px 8px 0px;

	border-bottom: 1px dashed #999;

}

.hoursbox {

	padding: 8px 0;
	
	border-bottom: 1px dashed #999;

}

.ibbase {

	padding: 0px 0px 8px 0px;

}

.cmheader {

	padding: 8px 0px 0px 0px;

	border-top: 1px dashed #999;

}
.user-guide {

	padding: 8px 0px 0px 0px;
	border-top: none;
	font-size: 12px;

}

.footer {

	padding: 1px 10px;

	background-color: #ddd;

	color: #666;

	font-size: 11px;

}

.footer a, .footer a:active, .footer a:visited {

	color: #666666;

	font-size: 11px;

	font-weight: normal;

	text-decoration: underline;

}



.footer a:hover {

	color: #333;

	font-size: 11px;

	font-weight: normal;

	text-decoration: underline;

}





#w_alert {

	margin: 5px 0px 0px 0px;

	border-top: 1px dashed #999;

}

#w_alert #w_header {

	color: #000000;

	font-size: 12px;

	font-weight: bold;

	margin-bottom: 3px;

	padding-top: 5px;



}

#w_alert #w_content {

	color: #261F62;

	font-size: 11px;

}

#w_alert #w_content table {

	padding:0;

	margin:0;

}

#w_alert td {

	font-size: 11px;

	padding: 2px;

}

#w_alert td.w_date {

	width: 60px;

	font-size: 11px;

	font-weight: normal;

}

#w_alert td.w_headline {

	font-weight: bold;

}

/* custom styling for myWEALTH text */

span.my {

	color: #d79a00;

	font-weight: bold;

}

span.wealth {

	color: #333333;

	font-weight: bold;

}



small, small p {

	font-size: 10px;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	line-height: 1.2em;

	color: #999999;

}

small a {

	color: #999999;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	text-decoration: underline;

}

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;
}

/* Survey */

.survey p 
{
    font-size:11px;
}

.survey h3 {
background:#EDC962;
width:350px;
color:#000;
padding:3px;
}


.surveyNextBtn, .surveyBackBtn, .surveySubmitBtn
{
    background: url(images/surveyButton.gif) no-repeat right top;
    width: 52px;
	text-decoration:none;
}

.surveyNextBtn:hover, .surveyBackBtn:hover, .surveySubmitBtn:hover
{
    background: url(images/surveyButtonHover.gif) no-repeat right top;
	
}


.surveyNextBtn, .surveyBackBtn, .surveySubmitBtn 
{
    margin:10px 10px 0 0;
    float:left;
}

.surveyNextBtn a, .surveyBackBtn a, .surveySubmitBtn a
{
    font-weight: bold;
    text-decoration:none;
	padding: 3px 0px 3px 3px;
	margin:0 0 10px 0;
    background: url(images/surveyButton.gif) no-repeat left top;
    font-size: 12px;
    width: 45px;
    text-align: center;
    color: #000000;
    display: block;

}

.surveyNextBtn a:hover, .surveyBackBtn a:hover, .surveySubmitBtn a:hover
{
    background: url(images/surveyButtonHover.gif) no-repeat left top;
    color: #C53E01;
}

.surveySubmitBtn a
{
    width: 85px;
}

.surveySubmitBtn
{
    width: 90px;
}
.surveytext{
font-size:14px;
padding:0 0 5px 5px;
margin-top:0;
margin-bottom:0;
}
.surveytext1{
font-size:14px;
padding:5px 0 5px 5px;
margin-bottom:0;
}

.labelLine 
{
    margin-bottom:10px;
}

.labelLine label
{
    font-weight:bold;
    color:#444444;
    margin:0px 0 5px 0;
    padding:0px;
    font-size:13px;
    float:left;
}

.survey .required 
{
   float:left;
   font-size:10px;
   color:Red;
   margin:20px 0 0 10px;
}

span.mcss_checkbox_horizontal, span.mcss_checkbox_vertical, span.mcms_checkbox_horizontal, span.mcms_checkbox_vertical  
{
    display:block;
    margin-bottom:20px;
}

span.mcss_checkbox_horizontal label, span.mcss_checkbox_vertical label, span.mcms_checkbox_horizontal label, span.mcms_checkbox_vertical label, span.mcss_checkbox_horizontal input, span.mcss_checkbox_vertical input, span.mcms_checkbox_horizontal input, span.mcms_checkbox_vertical input 
{
    float:none;
    display:inline;
    margin-right:5px;
}



span.mcss_checkbox_vertical input 
{
    margin-bottom:15px;
}

span.mcss_checkbox_horizontal label, span.mcss_checkbox_vertical label, span.mcms_checkbox_horizontal label, span.mcms_checkbox_vertical label, select 
{
    font-size:11px;
    font-weight:normal;
}

span.mcss_checkbox_horizontal label
{
    margin-right:15px; 
}

div.labelLine 
{
    display:inline-block;
}



select, input, textarea
{
    display:block;
}

textarea 
{
    margin-bottom:20px;
}

.boardBio 
{
display:inline-block; 
border-bottom:1px solid #cccccc; 
margin-bottom:10px; 
padding-bottom:10px;
}

.boardBio h3
{
    color:#DE9500;
    font-size:12px;     
}

.boardBio img 
{
    float:left;
    margin:0 10px 10px 0;
    position:relative;
    top:5px;
    border:1px solid #222222;
}

#surveyDIV p
{
    margin:0px;
    padding:0px;
    position:relative;
}

/**************** Accordion*********************/

#accordion
{
width: 535px;
border-bottom: solid 1px #c4c4c4;
margin: 0;
padding: 0;
text-indent: 0;
         
}
#accordion a.head
{
background: #EEC351 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;
}

.teamtable 
{
    width: 600px; 
}

.netImage 
{
    float: left;
}

#teleBankingMsg{
border:1px solid #000; padding: 5px; color:red; margin-bottom:10px;
}

#teleBankingMsg p {
padding-bottom:0px;
margin-top:0px;
}