/*Red Canoe Credit Union Style Document*/
/* hacks for old versions of IE*/
	* html body {text-align: center;}
	* html #main {overflow: visible;}
	* html #wrapper {text-align: left;}
	/*\*//*/
	* html #wrapper #main {clear: none; float: left;}
	* html #nav {clear: both;}
	/**/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	background-color:#FFF;
	color:#000;
	font-size:62.5%;
}
th {white-space:nowrap;}
h1 {
	font-size:1.4em;
	font-weight:bold;
	color:#000;
	line-height:1.5em;
	padding:0;
	margin:0;	
}
h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#830c2c;
	line-height:1.2em;
	padding:0;
	margin:1em 0 .3em .5em;
}
h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	line-height:1.2em;
	padding:0;
	margin:1em 0 .3em .5em;
}
p {
	color:#000;
	margin:1.1em 0 0 1em;
}
.boldmaroon {font-weight:bold;color:#830c2c;}
.normal {font-weight:normal;}
.small {font-size:.8em;color:#000;}
.smaller {font-size:.7em;}
.smallest {font-size:.6em;}
.justify {text-align:justify;}
.left {text-align:left;}
a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
.collapsible {display: none;border:dashed 1px silver;padding: 5px;}
.plainlist {list-style:none;}
#paddedList li {padding-top:1em;}
#wrapper {
	width:90em;
	margin: 0 auto;
	background-color: #830c2c;
	color:#FFFFFF;
	padding-left:.5em;
	padding-right:.5em;		
}
.formdata {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size:1em;
	color: #000000;
	height: 1.3em;
	vertical-align: top;
	border: 1px solid #666;
}
form {margin:0;padding:0;}
.labelError {font-weight:bold;color:Red;font-size:.9em;}
.labelInfo {font-weight:bold;color:green;font-size:1.1em; font-style:italic;}

/*Header*/	
	#header {width:100%;background-color:#830c2c;color:#FFFFFF;}
	img.logo {width:14.2em;height:10em;}
	img.tagline {padding-left:12.5em;width:29.3em;height:4.8em;}
	#logobox {float:left;width:65em;}
	#topnav {float:right;padding-top:.5em;}
	#topnav a:link, 
	#topnav a:visited {color:#fff;background-color:inherit;font-family:Helvetica, Geneva, Arial, sans-serif;font-size:1.2em;text-decoration:none;}
	#topnav a:hover {text-decoration:underline;color:#fff;background-color:inherit;}
	#search {text-align:left;margin-top:.5em;font-size:1.1em;}
	#search a {color:#FFF;background-color:inherit;}
	.searchbtn {font-size:.8em;font-weight:bold;color:#333;}
/*Nav Bar*/
	#nav {clear:right;}
	#nav ul {margin: 0em;padding: 0em;background-color:#e4d89b;float:left;width:90em;border:1px solid #cbb676;border-width:1px 0;}
	#nav li {list-style-type: none;display: inline;margin:0;padding:0;}
	#nav li:first-child a:link, 
	#nav li:first-child a:visited {border-left:2px solid #e4d89b;}
	#nav li:first-child a:hover {border-left:2px solid #cbb676;}
	* html #nav-loans a:link {border-left:2px solid #e4d89b;}
	* html #nav-loans a:visited {border-left:2px solid #e4d89b;}
	* html #nav-loans a:hover {border-left:2px solid #cbb676;}
	#nav a:link, 
	#nav a:visited {color:#830c2c;background-color:#e4d89b;padding:.2em 3em .1em 1em;float:left;width:auto;border-right: 2px solid #830c2c;text-decoration:none;font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;font-size:1.2em;}
	#nav a:hover {color: #fff;background-color:#830c2c;border-right: 2px solid #cbb676;}
	#Loans #nav-loans a:link, 
	#Loans #nav-loans a:visited,
	#FinancialTools #nav-financialtools a:link,
	#FinancialTools #nav-financialtools a:visited,
	#PersonalAccounts #nav-personalaccounts a:link,
	#PersonalAccounts #nav-personalaccounts a:visited,
	#HomeLoans #nav-homeloans a:link,
	#HomeLoans #nav-homeloans a:visited {color: #fff;background-color:#830c2c;border-right: 2px solid #cbb676;border-left:2px solid #cbb676;}	
#main {
	clear:both;
	width:100%;
	background-color: #cbb676;
	color:#830c2c;
	overflow:auto;
	padding-bottom:.5em;				
}
img.topgraphic {
	width:90em;
	height:28.9em;
	float:left;		
}
#maincontent 
{ position:relative;width:38em;height:17em;float:left;margin:-2em 0 0 1em;color:black; z-index:20;overflow:auto;font-size:1.2em;border:0px solid black;}
#maincontent a:link,#maincontent a:visited {color:#830c2c; text-decoration:none;}
#maincontent a:hover {color:#830c2c;text-decoration:underline;}
#homeContent { list-style-type:none; line-height:1.5em;}
#homeContent li { background:transparent url("/images/compassIcon.gif") no-repeat; background-position: 0 0; padding-left:3em;margin-top:1.5em;}
.listCompass {list-style-type:none; line-height:1.5em;}
.listCompass li {background:transparent url("/images/compassIconWhite.jpg") no-repeat; background-position: 0 0; padding-left:3em;margin-top:1.5em;}
.bignbold {font-weight:bold;font-size:1.3em;}
/*#article1 {
	position:relative;
	width:22em;
	height:20em;
	float:left;
	margin:-2.5em 0 0 1em;
	color:#000;
	background-color:#fff;
	background-image:url(../images/article1bkgrdold.jpg);	
	background-repeat:no-repeat;
	background-position:bottom right;
	border: 2px solid #830c2c;	
	z-index:20;		
}
#art1text {
	clear:both;
	color:#000;	
	padding:0 .7em 0 .7em;	
	font-size:1.1em;
	text-align:left;	
}
#artimg1 {
	vertical-align:bottom;	
}
#artimg1 img {
	width:19.5em;
	height:4.5em;			
}
#article2 {
	position:relative;
	width:22em;
	height:20em;
	float:left;
	margin:-2.5em 0 0 1em;
	color:#000;
	background-color:#fff;
	background-image:url(../images/article2bkgrd.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;	
	border: 2px solid #830c2c;	
	z-index:21;			
}
#art2text {
	color:#000;	
	padding:0 .7em 0 .7em;	
	font-size:1.1em;
	text-align:left;	
}
#artimg2 {
	vertical-align:bottom;
}
#artimg2 img {
	width:19.5em;
	height:4.5em;	
}
#article1 h2, #article2 h2 {
	font-size:1.7em;
	font-weight:bold;
	color:#830c2c;
	text-align:center;
	margin-bottom:-.2em;
	padding:0 1em 0 .7em;
	font-family:Arial, Helvetica, sans-serif;			
}
#article1 a:link, #article1 a:visited, #article2 a:link, #article2 a:visited {
	color:#830c2c;
	text-decoration:none;		
}
#article1 a:hover, #article2 a:hover {
	color:#cbb676;
	text-decoration:underline;
}*/
#bigAd {
    width:39em;
    float:left;
    margin-left:1em;
    z-index:24;
}
#bigAd img {
    width:38.8em;
    height:18.4em;
}
#smallAd1 {
	width:20em;	
	float:left;
	margin:0 0 0 1em;
	z-index:24;
}
#smallAd1 img {
	width:19.5em;
	height:18.5em;
}
#smallAd2 {
	width:20em;
	float:left;
	z-index:25;
	margin-left: 1em;	
}
#smallAd2 img {
	width:19.5em;
	height:18.5em;
}
#obloginwrapper {
	position:relative;
	width:21em;
	float:right;
	margin:-47.2em .5em 0 0;
	background-color:#e4d89b;
	z-index:68;			
}
#oblogin {
	border:2px solid #830c2c;		
}
#oblogin h2 {
	font-size:1.1em;
	line-height:1.1em;	
}
#login {
	width:21em;
	font-size:1.1em;
	color:#830c2c;
	font-size:1em;
	padding-left:1em;
	text-align:left;
}
.ilogin {
	width:21em;
	height:13em;				
}
.loginbtn {
	font-size:.9em;
	color:#666;
	font-weight:bold;	
}
#login a:link, a:visited {
	text-decoration:none;
	color:#830c2c;
	font-size:1em;
}
#login a:hover {
	text-decoration:underline;
	color:#ccb676;
}
#login  td {
	white-space:nowrap;
}
img.obtitle {
	width:8.6em;
	height:1.3em;
	padding-top:.5em;
}
img.login {
	width:5em;
	height:1.5em;	
}
img.bfimage {
	width:10em;
	height:5em;
	padding: .2em .5em 0em 0em;
}
#leftinfo {width:45%;float:left;margin:1em 0 0 1em;padding:0 1em 0 1em;}
.infoheader {text-align:center;}
.infoheader h2 {font-size:1.4em;}
.infotext {text-align:left;}
#rightinfo {width:45%;float:left;margin-top:1em;padding:0 1em 2em 1em;border-left:1px solid #830c2c;}
#submain {
	clear:both;
	width:90em;
	background-color: #830c2c;
	color:#000;
	overflow:auto;		
}
#subnavleft {
	width:20em;
	float:left;
	background-color:#830c2c;
	color:#fff;
	padding:2em 0 0 0;	
}
#subcontent {
	float:left;
	background-color:#fff;
	width:56.2em;
	padding:1em 1em 1em 1em;
	color:#000;
	min-height:35em;
	font-size:1.2em;
	
}
#footer {
	clear:both;
	width:100%;	
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:1.2em;
	line-height:2em;
	background-color:#830c2c;
	color:#fff;
	overflow:auto;
	border-top:1px solid #cbb676;
}
#footer a:link, #footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#leftfoot {
	float:left;
	width:15em;		
	text-align:left;		
}
#middlefoot {
	text-align:center;
	width:44em;
	float:left;	
}
#rightfoot {
	float:left;
	width:15em;	
	text-align:right;		
}
#supplement {
	width:90em;
	margin: 0 auto;
	background-color:#fff;
	color:#000;				
}
#supplement ul {
	float:left;
	margin:.5em 0 0 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;		
}
* html #supplement ul { /*ie hack for footer alignment */
	float:left;
	margin:.5em 0 0 .2em;	
}
#supplement li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;		
}
#supplement #EHO_logo { visibility: hidden;  position: absolute; margin-top: 35px; margin-left: -35px; }
#supplement #NCUA_logo { visibility: hidden; position: absolute; margin-top: 35px; margin-left: -95px; }


#supplement a:link, #supplement a:visited {color:#666;}
/* menu */
	#subnavleft ul.menu { margin: 0; padding: 0; }
	#subnavleft ul.menu ul { margin: 0 .8em; padding: 0; }
	#subnavleft ul.menu li { display: block; margin: 0; list-style-type: none; }
	#subnavleft ul.menu a { display: block; width: 14.8em; text-decoration: none; padding: .2em 1ex; margin-bottom: .1em; margin-top: .1em;font-size:1.1em; }
	#subnavleft ul.menu a,#subnavleft ul.menu a:visited { color: #fff; }
	#subnavleft ul.menu a:hover,#subnavleft #leftnav a.selected { color: #fff; margin-bottom: .1em; margin-top: .1em; text-decoration:underline;}
	#subnavleft ul.menu ul { display: none; }
	#Loans.auto #loan-auto,
	#Loans.ploc #loan-ploc,
	#Loans.visa #loan-visa,
	#Loans.boatrv #loan-boatrv { display: block; }
	#subnavleft ul.menu ul a { width: 13.2em; font-weight: normal !important; }
	#subnavleft ul.menu ul a,#subnavleft ul.menu ul a:visited { color: #830c2c; background-color: #fff;font-size:.9em; }
	#subnavleft ul.menu ul a:hover,#subnavleft #leftnav ul a.selected { color: #cbb676; background-color: #fff; }
	#subnavleft ul.menu ul.selected ul a { width: 11.6em; }
	#subnavleft ul.menu ul.selected ul a,#subnavleft ul.menu ul.selected ul a:visited { color: #830c2c;font-weight:bold; background-color: #fff; }
	#subnavleft ul.menu ul.selected ul a:hover,#subnavleft #leftnav ul.selected ul a.selected { color: #cbb676; background-color: #fff !important; text-decoration:underline;  }
	/*#subnavleft .submenu { display: block; background: url(/images/arrowright.gif) right no-repeat; padding-right: 1.1ex; }
	#subnavleft .selected { display: block; background: url(../images/arrowdown.gif) right no-repeat; }
	*/

/*Search Results */
	.highlight { background:#FFFF40 ; }
	.searchheading { font-size: 1.3em; font-weight: bold; }
	.summary { font-size: .8em; font-style: italic; } 
	.results {  }
	.category { color: #999999; }
	.description { color: #008000; }
	.context {  }
	.infoline { font-size: 80%; font-style: normal; color: #808080;}
	.sorting { text-align: right; }
	.result_title {padding:.5em 0 0 0;}	
	.result_title a:link, .result_title a:visited { font-size:1.1em;color:#830c2c;text-decoration:none; }
	.result_title a:hover {color:#cbb676; text-decoration:underline;}
	.zoom_searchform {  }
	.zoom_options {font-size: .8em;}
	input.zoom_button {  }
	input.zoom_searchbox {  }
/*Rates*/
	.Category {font-weight: bold;color: #006699;}
	.categorycontainer {background-color:#333333;color:#FFFFFF;width:90%;line-height:1.5;padding-left:.2em;}
	.productcontainer {background-color:#FFFFFF;color:#333333;}
	#disclosure {width:85%;page-break-before:always;margin-top:1em;}
	#TIS {width:85%;page-break-before:always;margin-top:1em;}
	.maincategory {font-size:1.2em;font-weight:bold;}
	.subcategory {font-size:.9em;font-weight:bold;padding-left:1em;}
	.productcontainer th {text-align:left;padding-right:2em;font-size:1em;}
	.paddedtablecell {padding-right:1em;}
	.products {width:90%;}
	.hide{display:none;}
/*Forms*/
	fieldset {margin: .5em 0;border: none;border-top: 1px solid #ccc;}
	fieldset div p {padding-bottom:1em;padding-left:6em;}
	legend {margin: 1em 0;padding: 0 .5em;color:#cbb676;background: transparent;font-size: 1.3em;font-weight: bold;}
	.labelStyle {float: left;width: 20em;padding: 0 1em;text-align: right;font-size:1em;}
	fieldset div a:link, fieldset div a:visited {font-weight:normal;text-decoration:none;}
	fieldset div a:hover{text-decoration:underline;}
	fieldset div {margin-bottom: 1em;padding: 0;display: block;}
	fieldset div input, fieldset div textarea, fieldset div select {font-size:1em;width: 15em;border-top: 1px solid #555;border-left: 1px solid #555;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 1px;color: #333;}
	fieldset div select {padding: .1em;font-size:1em;}
	div.fm-multi div {margin: 0;padding-left:5em;}
	div.fm-multi input {width: 1em;border:0;}
	div.fm-multi label {display: block;width:35em;padding-left: 15em;text-align: left;}
	div.fm-inlinemulti {padding-left:25em;}
	div.fm-inlinemulti input{width:1em;border:0;}
	div.fm-multiquestion {padding-left:10em;}
	div.fm-multiquestion input{width:1em;border:0;}
	div.fm-inlinenonmultireq input, div.fm-inlinenonmultireq select, div.fm-inlinenonmultiopt input, div.fm-inlinenonmultiopt select {width:auto;border:0;border-top: 1px solid #555;border-left: 1px solid #555;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 1px;color: #333;}	
	fieldset div.fm-nonmulti {clear:left;text-align:left;padding:.5em 0 0 20em;}
	.checkboxtextfield {clear:both;padding: .5em 0 0 2em;}	
	#fm-submit {clear: both;padding-top: 1em;text-align: center;}
	#fm-submit input {border: 1px solid #333;padding: .2em 1em;background: #555;color: #fff;font-size: 100%;}
	fieldset div input:focus, fieldset div textarea:focus {background-color:#CCC;color: #000;}
	/* required fields - does not work in IE */
	fieldset div.fm-req {clear:left;font-weight: bold;}
	/*fieldset div.fm-req label:before {content: "* ";} does not work in IE */
	fieldset div.fm-opt {clear:left;}	
	.formcontent {margin-left:15em;width:40em;}
	.forminstructions {margin-left:7em;width:50em;}
	div.fm-nonmulti label {display: block;width: 11em;padding-left:4em;text-align: left;}
	#formwrapper {position:relative;width:70em;background-color: #830c2c;color:#FFFFFF;padding-left:.5em;padding-right:.5em;}
	.fmlabel {width:20em;float:left;text-align:left;}
	.fmresult {float:left;text-align:left;width:60%;}
	.clearleft {clear:left;}
	.fm-inlinenonmultireq {font-weight:bold;}
	#pagebreak {page-break-before:always;}
	#success {text-align:center;margin-top:4em;}
	.hlight {background: #DDDDDD;font-weight:bold;color:#333;}
	div.optional {clear:left;margin:0 0 .5em 0;}
/*e-Statements*/
	#estatementcontainer {margin:.5em 0 0 5em;width:47.5em;border: 1px solid #cbb676;padding: .5em .5em .5em .5em;text-align:left;}
	#manageestatements ul {margin: 1em 0 1em 10em; padding: 0em;float:left;width:30em;list-style-image: url(https://www.redcanoecu.com/images/arrowrightred.gif);list-style-type: circle;}
	#manageestatements li {display: inline;margin:0;padding:0;}
	#manageestatements a:link, 
	#manageestatements a:visited {color:#830c2c;margin:.2em 3em .1em 1em;float:left;width:auto;text-decoration:none;font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;font-size:1.2em;}
	#manageestatements a:hover {text-decoration:underline;}
	#estatementcontainer td {font-size:.7em;}
	#etitle {font-size:1.1em;border-left:1px solid #c5b57a;border-top:1px solid #c5b57a;margin:1em 0 0 4.7em;font-family:Verdana;padding:.5em 0 0 .5em;width:20em;font-weight:bold;}
    #emailcontact {list-style:none;}
    #emailcontact li {padding-bottom:.5em;}
    #applications {list-style-image:url(../images/arrowrightred.gif); font-size:1.1em;}
    #helpbox {position:absolute;top:25em;left:65%;width:23em;padding:1em;}
/* low APR calculator */
    #lowAPR {width:20em;float:left;}
    #cashBack {width:20em;float:left;padding-left:1em;}
    #financeDecision {clear:both;width:40em;text-align:center;color:Green;font-weight:bold;}
/*Applications using definition lists */
    dl.table-display{width: 50.1em;margin: 2em 0;padding: 0;}
    .table-display dt{width: 15em;float: left;margin: 0 0 0 0;padding: .5em;border-top: 1px solid #CCCC99;font-weight: bold;}
    .table-display dd{float: left;width: 33em;margin: 0 0 0 0;padding: .5em;border-top: 1px solid #CCCC99;}