/* ================ reset everything ================ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp,	small, tt, var, center,	dl, dt, dd, ol, ul, li,	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,	article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* ================ HTML5 display-role reset for older browsers ================ */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ================ End Reset ================ */

/* Set sub, sup without affecting line-height*/
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

.clear { clear: both; }

/* ================ All STYLES ================ */

body{ background: #0079c1; color: #333; font: 12px Arial, Helvetica, sans-serif;}
	body.small { font-size:12px; }
	body.medium { font-size:14px; }
	body.large { font-size:16px; }

p { margin: 10px 0; }
h1 { color: #0079C1; font-size: 18px; }
ol { margin-left: 30px; }
	ol li { list-style: decimal; margin: 10px 0; }

#content { background: #0079C1 url(../constant-images/articlecontentbg.gif) top left repeat-y; }
#container {width: 726px; margin: 0 auto;}
#header, #header_fr { 
	width: 670px;
	height: 52px;
	margin: 5px 30px 0;
	padding-top: 10px;
	background: url(http://www.bmo.com/newsletter/CHL/images/bmo_logo_en.gif) top left no-repeat;
	text-align: right;
	color: #fff;
	font-size: 10px;
}
	#header_fr { background: url(http://www.bmo.com/newsletter/CHL/images/bmo_logo_fr.gif) top left no-repeat; }
	#header a, #header_fr a {color: #fff; text-decoration:none;}
	
#maintitle, #maintitle_fr {
	display: block;
	width: 725px;
	height: 156px;
	background: #0079C1 url(../constant-images/maintitle2.jpg) top left no-repeat;
}
	#maintitle_fr { background: #0079C1 url(../constant-images/maintitle2_fr.jpg) top left no-repeat; }
#article { float: left; width: 481px; padding-left: 16px; background: url(../constant-images/articleleftside.gif) top left repeat-y; margin-top: -40px;}
	#articlecontent { padding: 0 20px 0 50px; background: url(../constant-images/article1tab.gif) top left no-repeat; min-height: 360px;}
	#article2 #articlecontent { background: url(../constant-images/article2tab.gif) top left no-repeat; }
	#article3 #articlecontent { background: url(../constant-images/article3tab.gif) top left no-repeat; }
	#poll #articlecontent { background: none; padding: 0 20px 0 14px; }
	
#sidebar { float: right; width: 212px; padding: 0 16px 0 0; background: #ecf5fb url(../constant-images/articlerightside.gif) top right repeat-y; }
	#sidebarcontent { background: url(../constant-images/articlesidebarbg.gif) top left repeat-y; padding: 0 0 0 19px; height: 280px;}
	#sidebarbottom { width: 228px; height: 83px; background: #0079C1 url(../constant-images/articlesidebarbottom.gif) top left no-repeat; }
	.sidetitle, .sidetitle_fr { dispaly: block; width: 211px; height: 57px; background: url(../constant-images/articlesidetitle.gif) top left no-repeat; text-indent: -300000px; margin-left: -19px; }
		.sidetitle_fr { background: url(../constant-images/articlesidetitle_fr.gif) top left no-repeat; }
	#sidebar ul li {  }
		#sidebar ul li a { display: block; color: #0078be; padding: 12px 10px; border-bottom: 1px dotted #bdc4c9; text-decoration: none; }
		#sidebar ul li a:hover { background: #dee6ec; }
	
#ctas {width: 487px; height: 67px; background: url(../constant-images/articlebottombg.gif) top left no-repeat; margin-left: -16px; padding: 27px 18px 0 65px; }
	#prev, #next, #submit, #prev_fr, #next_fr, #submit_fr { display: block; width: 105px; height: 29px; background: url(../constant-images/prevbttn.gif) top left no-repeat; text-indent: -300000px; float: left;}
	#next, #next_fr { width: 86px; background: url(../constant-images/nextbttn.gif) top left no-repeat; float: right; margin-right: 100px; }
	#submit, #submit_fr { width: 62px; background: url(../constant-images/submitbtn.gif) top left no-repeat; float: right; margin-right: 100px; border: none; cursor: pointer; }
		#prev_fr, #next_fr, #submit_fr { width: 119px; background: url(../constant-images/prevbttn_fr.gif) top left no-repeat;}
		#next_fr { width: 106px; background: url(../constant-images/nextbttn_fr.gif) top left no-repeat; }
		#submit_fr { width: 86px; background: url(../constant-images/submitbtn_fr.gif) top left no-repeat; }

.feature { color: #0079C1; text-transform: uppercase; font-size: 10px; margin-bottom: 0; }
#byline { font-size: 10px; margin-top: 0;}
.boldblue { color: #0079C1; font-size: 14px; font-weight: bold;}
#legal { color:#fff; font-size: 9px; padding: 0 40px;}
	#legal a { color:#fff; }
	#legallinks, #legallinks a { color:#ffffff; font-size: 12px; }


/* ================ Font Size Widget ================ */

#widgets { font-weight:bold; font-size:11px; color:#0079C1;  }
.text-size-col a { display:inline-block; background:url(http://www.bmo.com/images/btn-textsize-sprite.png) no-repeat; margin:0 1px;  vertical-align:middle; outline:none; }
#text-small-button { width:13px; height:12px; background-position:0px 0px; }
#text-medium-button { width:16px; height:16px; background-position:0px -13px; }
#text-large-button { width:19px; height:19px; background-position:0px -29px; }
#text-small-button:hover { background-position:-13px 0px; }
#text-medium-button:hover {  background-position:-16px -13px; }
#text-large-button:hover { background-position:-19px -29px; }
#text-small-button.active { background-position:-26px 0px; }
#text-medium-button.active { background-position:-32px -13px; }
#text-large-button.active { background-position:-38px -29px; }
.print-col { margin-left: 5px; padding-left: 5px; border-left: 1px solid #0079C1; }
.print-button { display:inline-block; width:19px; height:17px; background:url(http://www.bmo.com/images/btn-print-icon.png) no-repeat; vertical-align:middle; margin:-2px 0 0 5px; }