/* ============ Global Styles ============ */

body { background: #0079c1; font-size: 12px; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; color: #333; }
p { margin: 0 0 10px 3px; }
a { color: #003366; }
.leftFloat { float: left; }
.rightFloat { float: right; }
.clear { clear: both; }
sup { height: 0; line-height: 1; position: relative; top: -1.0em; vertical-align: bottom; font-size: 9px; }


/* ============ Structure ============ */

#container { width: 815px; margin: 0 auto; }
#contentContainer { background: url(../_images/BGgradient.gif) top left repeat-y; padding: 0 21px; }
#contentHome { height: 411px; background: url(../_images/contentBG.jpg) no-repeat; }
#content { height: 375px; background: url(../_images/contentBG_chinese.jpg) no-repeat; padding: 18px 0 0 18px; padding-right: 370px; }
#content.kor { height: 375px; background: url(../_images/contentBG_korean.jpg) no-repeat; padding: 18px 0 0 18px; padding-right: 0; }
#header { width: 773px; height: 108px; background: #0079c1 url(../_images/BGgradient.gif) bottom left repeat-y; padding: 0 20px; }
#header a {color: #fff; text-decoration: none;}
#header h1 { display: block; width: 225px; height: 74px; text-indent: -9999px; margin: 10px 0 0 14px; float: left; background: url(http://www.bmo.com/images/logo_bmofg.gif); background-repeat:no-repeat; }
#header h1.fr { background: url(http://www.bmo.com/images/logo_bmofg_fr.gif); width: 255px; height: 76px; background-repeat:no-repeat; }
ul#topLinks { list-style: inside none; float: right; font-size: 12px; color: #fff; margin: 10px;}
ul#topLinks li { display: inline; }
#innerContent { padding-left: 11px; }
#content.kor #innerContent { padding: 0 370px 0 11px; }
#innerContent .details { width: 240px; }
#footer { width: 814px; padding: 25px 20px 0; background: url(../_images/footerBG.jpg) top left no-repeat; }
#legal, #legal a { width: 783px; color: #fff; font-size: 11px; }

/* ============ Titles ============ */

#title { display: block; text-indent: -30000px; margin-bottom: 35px; }
.title_en { background: url(../_images/title_eng.jpg) no-repeat; width: 397px; height: 45px; }
.title_fre { background: url(../_images/title_fre.jpg) no-repeat; width: 394px; height: 45px; }
.title_chi { color: #0079c1; font-size: 26px; margin: 15px 0 60px; }
.title_kor { color: #0079c1; font-size: 24px; margin: 15px 0 60px; }

#subhead { display: block; text-indent: -30000px; margin-bottom: 10px; }
.subhead_en { background: url(../_images/subhead_eng.png) no-repeat; width: 345px; height: 36px; }
.subhead_fr { background: url(../_images/subhead_fre.png) no-repeat; width: 374px; height: 36px; }
.subhead_chi, .subhead_kor  { font-size: 16px; margin-bottom: 20px; }

/* ============ Content ============ */

#lang { height: 411px; padding: 3px 0 0 10px; background: url(../_images/langBG.gif) left 3px no-repeat; }
#lang #subhead { margin-bottom: 25px; }
#lang li { width: 286px; height: 82px; }
div.redButton, div.whiteButton { clear: both; display: inline-block; }
div.redButton div, div.whiteButton div { background-position: left top; background-repeat: no-repeat; color: #FFFFFF; float: left; height: 32px; overflow: hidden; }
div.redButton div a, div.whiteButton div a { background-position: right top; background-repeat: no-repeat; display: block; float: left; font-size: 12px; font-weight: bold; height: 32px; line-height: 27px; outline: medium none; overflow: hidden; padding-left: 3px; text-decoration: none; }
div.redButton div a:hover { color: #FFFFFF; }
div.redButton div { background-image: url("http://www.bmo.com/images/btn_red_left.png"); padding-left: 11px; }
div.redButton div a { background-image: url("http://www.bmo.com/images/btn_red_right.png"); color: #FFFFFF; padding-right: 25px; }
div.whiteButton div { background-image: url("http://www.bmo.com/images/btn_white_left.png"); padding-left: 11px; }
div.whiteButton div a { background-image: url("http://www.bmo.com/images/btn_white_right.png"); color: #0079c1; padding-right: 25px; }