/* CSS Document */
/* Riverside Community Bank */
.mcnote { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #f606c6;
	font-weight: bold;
}


body
{	color:#333333;
	background: #ffffff;
	margin: 0px;
	font-family: verdana, arial, helvetica, san-serif;
}

#container
{
	width: 980px;
	margin: 0 auto 0 auto;
	position:relative;
	background: #fff url("../images/back_top.jpg") no-repeat;
}

#container_specials
{
	width: 980px;
	margin: 0 auto 0 auto;
	position:relative;
	background: #fff url("../images/back_top.jpg") no-repeat;
}

#header
{
	width: 980px;
	margin: 0;
	
}

ul {margin:0px; padding:0px;}


h3  {color:#333333;
	margin: 8px 0px 0px 0px;
	font-family: verdana, arial, helvetica, san-serif;
	text-transform:none;
	font-size:14px;
	font-weight:bold;
	}


/*************************************************************
NAVIGATION
************************************************************/


#mainnav /* Secondary nav is top of page - about, locations, etc. (Wealth Management taken out was 45px for firefox and 30px for IE) */
{
	width: 980px; /*Was this before adding in Wealth Management button - width: 850px;*/
	float:left;
	margin: 5px 0 0 85px !important; /*Was this before adding in Wealth Management button - margin: 5px 0 0 130px !important;*/
	margin: 5px 0 0 40px;  /*Was this before adding in Wealth Management button - margin: 5px 0 0 70px;*/
	padding: 0;
}

#mainnav ul li{
         display:inline; list-style-type: none; color:#003366; margin:0; padding:0;}

#mainnav ul li a:link, #mainnav ul li a:visited {
		text-decoration: none;
		color: #fff; 
		font-size: 13px;
		border-left: 1px solid #003366;
		padding:0 9px 0 12px !important;
		padding:0 9px;
		margin-left:0;		
} 

#mainnav ul li a.first:link, #mainnav ul li a.first:visited {
		border:0;	
} 

#mainnav ul li a:hover{
		color: #66ccff;
}




/*************************************************************
NAVIGATION
************************************************************/


#secnav /* Secondary nav is top of page - about, locations, etc. */
{
	width: 430px;
	float:left;
	margin: 10px 0 0 20px;
	padding: 0px;
}

#secnav ul li{
         display:inline; list-style-type: none;}

#secnav ul li a:link, #secnav ul li a:visited {
		text-decoration: none;
		color: #777; 
		font-size: 11px;
		border-left: 1px solid #999;
		margin:0px;
		padding:0 6px;
		letter-spacing:0;
		
}

#secnav ul li a.first:link, #secnav ul li a.first:visited {
		border:0;
		
} 
#secnav ul li a:hover {
		color: #000033;  
}

/*************************************************************
NAVIGATION
************************************************************/


#bankingnav /* Secondary nav is top of page - about, locations, etc. */
{
	width: 380px;
	float:right;
	text-align:right;
	margin: 20px 20px 0 0px;
	padding: 0;
}

#bankingnav  ul li{
         display:inline; list-style-type: none; }

#bankingnav  ul li a:link, #bankingnav  ul li a:visited {
		text-decoration: none;
		color: #006699; 
		font-size: 14px;
		border-left: 1px solid #999;
		padding:0 6px;
		letter-spacing:0;		
		
} 

#bankingnav  ul li a.first:link, #bankingnav  ul li a.first:visited {
		border:0;
		
} 



#bankingnav  ul li a:hover{
		color: #3399cc; 
		font: 14px verdana, arial, helvetica, san-serif;
}




/*************************************************************
NAVIGATION
************************************************************/

.subnav {
list-style-type: none;
margin:25px 5px 0px 0px;
padding:0px;
display: none;
} 

ul.subnav li{
line-height: 13px; font-weight: bold;  padding:3px 0; 
} 
 
ul.subnav li a, ul.subnav li a:visited {
	text-decoration: none; 
		color: #007979; 
		font: 12px verdana, arial, helvetica, "san-serif";
		margin-left:-10px;
		padding-left:10px;
		text-decoration: none;
		
} 
ul.subnav li a:hover{ color: #000033;} 


.supersub { display: none; text-align:right; margin: 5px 10px 20px 0; list-style-type: none;}
ul.supersub li a, ul.supersub li a:visited {
	text-decoration: none; 
		color: #007979; 
		font: 10px verdana, arial, helvetica, san-serif;
		line-height:10px;
		margin-left:-10px;
		padding-left:10px;
		text-decoration: none;
		list-style-type: none;
		
} 
ul.supersub li a:hover{ color: #000033;} 

/*************************************************************
MAIN STRUCTURE
************************************************************/    
        

#sidebar {  
	width:200px; 
	float: left;
	text-align:right;
	margin: 70px 30px 0 0px;
}



#content
{
	width: 640px;
	float:left;
	margin:70px 20px 50px 0;
	padding: 0px 0px 0px 40px;
	font-size:11px;
	line-height:15px;
	font-family: verdana, arial, helvetica, san-serif; 
	color:#333;
	border-left:1px solid #b6d6ee;
}

#content p, td
{
	
	font-size:11px;
	line-height:15px;
	font-family: verdana, arial, helvetica, san-serif; 
	color:#333;
}

.colone
{
	width: 295px;
	float:left;
	margin:0 35px 0 0;

}
.coltwo
{
	width: 295px;
	float:left;
	margin:0 0px 0 0;

}

.colthree
{
	width: 420px;
	float:left;
	margin:0 0px 0 0;

}

.colfour
{
	width: 170px;
	float:left;
	margin:30px 0px 0 30px;
	padding:0 0px 0 15px;
	border-left:1px solid #b6d6ee;
}

#content_specials
{
	width: 900px;
	float:left;
	margin:70px 20px 50px 0;
	padding: 0px 0px 0px 40px;
	font-size:11px;
	line-height:15px;
	font-family: verdana, arial, helvetica, san-serif; 
	color:#333;
	border-left:1px solid #b6d6ee;
}

.colthree_specials
{
	width: 600px;
	float:left;
	margin:0 0px 0 0;

}

.colfour_specials
{
	width: 170px;
	float:left;
	margin:0px 0px 0 0px;
	padding:0 0px 0 0px;
	border-left:1px solid #b6d6ee;
}


#content ul, .news ul {margin-left:30px; padding:0px;list-style-type:square;}


#bottom 
{ 
	width:980px; 
	height:120px;
	float:left;
	background: url("../images/back_bottom.jpg") no-repeat; 
	clear:both;
	text-align: right;
	position:relative; z-index:200;
}

#bottom p
{ 
	font-size:9px; 
	line-height:11px;
	color:#999;
}





/*************************************************************
MISC. CLASSES
************************************************************/

.logo {margin:35px 0px 40px 100px; float:left;}

.big {font-size:13px; text-transform:uppercase; color:#452713;}
.small {font-size:10px; line-height:12px;}

.ehlfdic { display: none; }



 #services  {
	background: none;
	margin:0;
	padding:0px 0 0 0; /*needs this so top orange bar doesn't get covered by hover*/
	width: 480px;
	list-style-type:none;
}

 #services ul
{
	list-style-type: none;
	background: none;
	font-size: 10px;
	margin: 0px 0 0 -20px;
	padding:0px 0px 0px 8px;
}

 #services li
{
	display: inline;
	list-style-type:none;
	background: none;
	border-bottom: 1px solid #ddd;
	line-height:16px;
	width: 480px;
	float: left;
	margin: 0px 0 0px 0; /*this must be zero so whole row highlights w/o margins*/
}


 #services li em
{
	display: block;
	width: 100px;
	margin: -15px 0 0px 360px;
	font-style: normal;
}


 #services ul li 
{font-size:11px;
	line-height:15px;
	font-family: verdana, arial, helvetica, san-serif; 
	color:#333;}


/*************************************************************
UNIVERSAL STYLES - LINKS, UNORDERED LISTS
************************************************************/

a:link, a:active, a:visited  {color: #007f61; text-decoration:underline; }
a:hover {color: #189c7d; text-decoration:underline;}



a:focus { outline: none;}


INPUT, textarea, select, checkbox, option	{ font-size: 11px; color: #333333; border:1px solid #aaa; background-color:#eeeeee; }
.submit {color:#ffffff; background-color:#1D7CAC; font-weight:bold; height:23px;

}
/*************************************************************
Float Clear Fix
************************************************************/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*************************************************************
PAGE HIGHLIGHTS - WHERE AM I? also displays appropriate side navigation 
************************************************************/

body#personal li.personal,
body#business li.business,
body#homeloans li.homeloans,
body#investments li.investments,
body#wealth li.wealth,
body#rates li.rates,
body#calculators li.calculators
{ background: #0a3d70;}

body#help li.help,
body#locations li.locations,
body#about li.about,
body#cashmgmt li.cashmgmt,
body#estatements li.estatements

{ background: #ddd;}


/*submenu is set to display:none on all pages in stylesheet. Each page has a body class 
which is connected to the submenu classes below. For example, if I am on a "Business" page, 
the submenu class .subbusiness is set to display:block*/

body#personal .subnav.subpersonal  { display: block;}
body#business .subnav.subbusiness { display: block;} 
body#homeloans .subnav.subhomeloans  { display: block;}
body#investments .subnav.subinvestments { display: block;}
body#investments.nosidenavs .subnav.subinvestments { display: none;}
body#wealth .subnav.subwealth { display: block;}
body#rates .subnav.subrates { display: block;}
body#calculators .subnav.subcalculators { display: block;}
body#help .subnav.subhelp { display: block;}
body#calculators .subnav.subcalc { display: block;}
body#estatements .subnav.subestatements { display: block;}
  
/*supersubs*/

body#wealth.retire .supersub { display: block;}





/****** SUB NAV SIDE PAGE HIGHLIGHTS*******/
body#personal.checking ul.subnav li a.checkingbtn,
body#personal.savings ul.subnav li a.savingsbtn,
body#personal.loans ul.subnav li a.loansbtn,
body#personal.conv ul.subnav li a.convbtn,
body#personal.bankers ul.subnav li a.bankersbtn,
body#personal.health ul.subnav li a.healthbtn,
body#business.busbankers ul.subnav li a.busbankersbtn,
body#business.testimonials ul.subnav li a.testimonialsbtn,
body#homeloans.mortbankers ul.subnav li a.mortbankersbtn,
body#investments.mutual ul.subnav li a.mutualbtn,
body#investments.annuities ul.subnav li a.annuitiesbtn,
body#investments.ira ul.subnav li a.irabtn,
body#investments.insurance ul.subnav li a.insurancebtn,
body#investments.edu ul.subnav li a.edubtn,
body#investments.bonds ul.subnav li a.bondsbtn,
body#investments.esop ul.subnav li a.esopbtn,
body#wealth.story ul.subnav li a.storybtn,
body#wealth.assets ul.subnav li a.assetsbtn,
body#wealth.retire ul.subnav li a.retirebtn,
body#wealth.retire.why ul.subnav li a.whybtn,
body#wealth.retire.edu ul.subnav li a.edubtn,
body#wealth.retire.invest ul.subnav li a.investbtn,
body#wealth.retire.fees ul.subnav li a.feesbtn,
body#wealth.invest.team ul.subnav li a.teambtn,
body#wealth.retire.team2 ul.subnav li a.team2btn,
body#wealth.contact ul.subnav li a.contactbtn,
body#wealth.phil ul.subnav li a.philbtn,
body#wealth.business ul.subnav li a.businessbtn,
body#wealth.npo ul.subnav li a.npobtn,
body#wealth.sri ul.subnav li a.sribtn,
body#wealth.services ul.subnav li a.servicesbtn,
body#help.bankinghelp ul.subnav li a.bankinghelpbtn, 
body#help.onlinehelp ul.subnav li a.onlinehelpbtn,
body#help.securityhelp ul.subnav li a.securityhelpbtn,
body#help.estatementshelp ul.subnav li a.estatmentshelpbtn, 
body#calculators.loancalc ul.subnav li a.loancalcbtn, 
body#calculators.mortcalc ul.subnav li a.mortcalcbtn,
body#calculators.collegecalc ul.subnav li a.collegecalcbtn


{ color:#007979; text-decoration:underline;}


/*************************************************************
EHL, FDIC logo show/hide
************************************************************/

body#home .ehlfdic,
body#personal .ehlfdic,
body#business .ehlfdic,
body#homeloans .ehlfdic,
body#rates .ehlfdic,
body#calculators .ehlfdic,
body#help .ehlfdic,
body#locations .ehlfdic,
body#about .ehlfdic,
body#cashmgmt .ehlfdic,
body#email .ehlfdic,
body#privacy .ehlfdic,
body#specials .ehlfdic,
body#estatements .ehlfdic,
body#announcements .ehlfdic
{ display: block; float:left;}


/*************************************************************
HOME styles
************************************************************/
#homecontent
{
	width: 980px;
	float:left;
	margin:0;
	padding: 0px 0px 0px 0px;
	
}

#homemiddle
{
	width: 980px; height:280px;
	float:left;
	margin:0;
	padding: 0px 0px 0px 0px;
	background: url(../images/back_home.jpg) no-repeat bottom;
}



.welcome {width:410px; float:left;
	float:left;
	margin:60px 0 0 30px !important;
	margin:70px 0 0 20px;
	font-size:11px;
	line-height:15px;
	color:#333;	
}

.welcomebig  {color:#003366;font-size:14px;}

.banking {width:450px; float:left;
	float:left;
	margin:40px 0 0 50px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	line-height:15px;
    color:#666;
}
.photo {float:left;}
.desc {float:left; font-size:10px; line-height:12px; width:190px; margin:0 20px 0 10px;}
.btn {float:left; margin:25px 0 0 0;}
.news
{
	width: 290px;
	float: left;
	margin: 20px 0 0 100px !important;
	margin: 20px 0 0 50px;
	font-size:10px;
	line-height: 15px;
}


.specials
{
	float: left;
	margin: 20px 0 0 100px;
	font-size: 11px;
	line-height: 15px;
}
.specialpic {width:47px; float:left; margin:0 0 10px 0; padding:2px; border: solid 1px #cccccc;}

.specialinfo {width:330px; float:left; margin:0 0 10px 10px; font-size:10px;}

.news a:link, .news a:active, .news a:visited,
.specialinfo a:link, .specialinfo a:active, .specialinfo a:visited  {color: #990033; text-decoration:none; font-weight:bold; }
.news a:hover, .specialinfo a:hover {color: #cc0066;}




.emailalertbtn {float:right; margin:0 0 0 0; }
.emailalertbtnhm {margin:0 0 0 0px; }

.applybtn {float:right; margin:-35px 0 0 0;}
.investlogo {float:right; margin:-35px 0 0 0;}
.watchlist {float:right; margin:20px; border:1px solid #ddd;}

.action { margin-top:0px;}

.action a:link,
.action a:active, 
.action a:visited 
{color: #cc0066; text-decoration:none; text-transform:uppercase; font-weight:bold;font-size:11px !important; font-size:10px;}

.action a:hover 
{color: #ff3399;}

.bgcolorone {background-color:#c6d7e4; height:30px;}

b.big {font-size: 16px; margin:0; color:#006699;font-weight:normal;text-transform:none;}

.form {background: url(../images/blueback.gif) repeat-x;}
.form td {border-bottom:1px solid #c5cbd0;}