/* * * * * * * *
	lowpass

	read by all browsers
	only style sheet read by: 
	Netscape 4.x, Win IE 3, Win IE 4, Mac IE 4.01, Mac IE 4.5, Konqueror 2.1.2, Win Amaya 5.1
	see http://www.mako4css.com/Issues.htm for NN4 issues 
	
	15 px = 1.0 em
	20 px = 1.3 ems <-- line height and common gutter/divider
	
*/

.invisible { color: #fff; background-color: #fff; }
.printonly { display: none; }
.hidden-text { display: none; } /* BREAKS NETSCAPE 6: must remove at parsing stage */
.hidelow { display: none; } /* elements hidden from legacy browsers */
li.contrast { display: none; }
	
body {
	padding: 0% 10% 10% 10%;
	}
p,	ul, li, dl, dt, dd, address, form, label, div, .input, td {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 15px;
	color: #333;
	}
p,	ul, li, dl, dt, dd, address {
	line-height: 1.3em; /* line-height applied to a div breaks nn4 */
	}
	
	#jump { 
		height: 10px;
		padding: 0;
		}
		#jump a, #jump a img { 
			display: inline;
			}	
	
/* links and menus */
a:link {
	color: #0C48B3;
	text-decoration: none;
	cursor: pointer;
	}
	a:visited { 
      color: #800080;
   	text-decoration: none; 
      }
	a:hover, a:focus { 
		color: #A4001E;
		text-decoration: underline; 
		}
	.main-content a:link {
		text-decoration: underline; 
		}
		.main-content ul li a:link,
		.main-content div.buttons div.button a:link {
			text-decoration: none;
			}
			
ul ul {
	margin-left: 1.0em;
	margin-top: 1.0em;
	}
	.main-content ul li, .main-content ol li {
		margin-bottom: 0.5em;
		}

address {
	font-style: normal;
	margin: 1.0em 0em;
	}	
	
/* buttons */
	
div.buttons p strong {
	color: #969;
	font-weight: bold;
	}
	
/* 
breadcrumbs 
there is no longer a div.breadcrumbs, only #breadcrumbs
*/	
#breadcrumbs {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	}
	#breadcrumbs a {
		text-decoration: underline;
		}	
		
#col-c p {
	font-size: 80%;
	}
	
/* headings */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.0em;
	line-height: 1.2em; 
	font-weight: normal;
	margin: 0 0 0.5em 0;
	color: #007101;
	}
	h1.article {
		font-size: 1.4em;
		}
	h1.cibc-title {
		color: #A4001E;
		font-family: Frutiger, Arial, Verdana, sans-serif;
		}
h2,h3,h4,h5,h6 {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #007101;
	margin: 1.0em 0 0.5em 0;
	}
	h2.article {
		margin-top: 0;
		font-weight: normal;
		font-family: Georgia, "Times New Roman", Times, serif;
		}
	.sidecol .box h2 {
		font-size: 1.0em;		
		color: #007101;
		font-weight: bold;
		}
h3 {
	margin: 1.0em 0;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	color: #000065;
	}
h4 {
	font-size: 1.0em;
	font-weight: bold;
	font-style: italic;
	color: #000065;
	margin: 1.0em 0 0 0;
	}
	h4 + * {
		margin-top: 0 !important;
		}
h5 {
	font-size: 1.0em;
	font-weight: normal;
	margin: 1.0em 0 0 0;
	}
h6 {
	font-size: 80%;
	font-weight: bold;
	color: #333;
	margin: 1.0em 0 0 0;
	}
/* elements functioning as headings */

span.legend {
	color: #007101;
	}
li div.notes { /* General comments/notes within list item title */
	font-weight: bold;
	}
	
/* images */
	
img { border: none; }
#kid { display: none; }
	
/* Forms */
/* fieldset crashes nn4.0x see: http://www.macedition.com/cb/nn4crashers/divborder.html*/
	
/* the basic backend form rules */
/* backend forms can be wide as there are no shoulders in lowpass */
div.formwrap {
	width: 45em;
	padding: 1.3em;
	border: 1px solid #ccc;
	margin: 0 1.3em 1.3em 1.3em;
	clear: both;
	}
	form { 
		width: 100%; 
		}
		fieldset {
			margin: 0 0 1.3em 0;
		   }
			/* span.legend is nested inside legend to compensate for poor browser support */
			span.legend {
			   font-weight: normal;
				background-color: transparent;
				font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
				}
			div.formrow, div.submitrow,
			div.nolabels {
				padding-top: 1.3em;
				}
				div.formrow div.formrow {
					padding-top: 0;
					}
				div.formrow span, 
				div.submitrow span, 
				div.nolabels span {
				  display: block; 
				  font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
				  }
				  
				/* div.nolabels mirrors the properties of div.formrow */
				div.nolabels span.label {
					display: none;
					}
				input.submit {
					font-size: 80%;
					}
				select {
					font-size: 80%;
					width: 260px;
					}
				option {
					font-size: 80%;
					}
				
			/*  
			options: rules for checkboxes and radio buttons 
			options class applied to fieldset, legend, and legend div
			*/
			.options {
				width: 100%
				}
			div.formrow fieldset.options, 
			div.formrow fieldset.options-wide {
				border: none;
				margin: 0;
				}	 
				div.formrow fieldset.options legend.options {
					color: #000;
					}	
	  
			/* critical to test this. It creates far too much space in IE6: */
			div.clear, div.spacer { 
				clear: both;
				line-height: 1px;
				height: 1px;
				}
			/* body.backend */
			.backend div.formrow div.clear {
				line-height: 5px;
				}