/* ============ General ============ */
body{
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	background: #0079c1;
	line-height: 1.3em;
}

p{margin-bottom: 15px;}

.clear {clear:both;}

a:link, a:visited, a:active { 
	color: #0079be; 
	text-decoration: none;
}

.footerLink a:active, .footerLink a:link, .footerLink a:visited {
	color: #ffffff;
}

sup {
	vertical-align: super;
	font-size: 8px;
	line-height: normal;
}

hr {
	border: none;
	height: 6px;
	_height: 1px;
	width: 457px;
	background: url(../_images/hr.gif);
	margin: 3px 0 3px;
}

img.alignright {
	float: right;
	padding: 22px 4px 10px 10px;
}

.button {
	display: block;
	text-indent: -30000px;
}

blockquote {
	color: #999;
	font-style: italic;
	width: 480px;
	display: block;
	padding: 20px;
}
	.attrib {font-size: 10px; text-align:right;}
	
/* ============ Structure ============ */

/* this was causing problems in IE8 :S */
/*#agentpositions, #toolsandresources, #faq, #careeropportunities {
	overflow-y: scroll;
}*/

#wrapper{
	margin: 0 auto;
	width: 990px;
	height: 500px;
}

#content{
	width: 960px;
	min-height: 400px;
	padding: 0 15px 30px;
	_padding: 0 0 30px 15px;
	background: #fff url(../_images/contentBG.gif) top left repeat-y;
}

#header {
	width: 990px;
	height: 73px;
	margin-top: 25px;
	background: #0079c1 url(../_images/headerBG.gif) bottom left no-repeat;
}
	#header a {color: #fff;}

#header h1{
	display: block;
	width: 214px;
	height: 49px;
	text-indent: -300000px;
	margin-left: 13px;
	float: left;
	background: url(../_images/bmologo.gif);
}

#maincontent {
	float: left;
	width: 505px;
	padding: 17px 10px 0 0;
}

#home #maincontent {
	width: 690px;
	padding: 17px 0 0 17px;
}

ul#topLinks {
	list-style: inside url(../_images/altarrow.gif);
	float: right;
	margin: 10px 14px 0 0;
}
	ul#topLinks li {float: left; margin-left: 10px;}

ul.redbullets {
	list-style: inside url(../_images/redarrow.gif);
	margin:0 0 0 15px;
}
	
/* ============ Navigation ============ */
	
#nav {
	height: 40px;
	width: 960px;
	background: #0079c1 url(../_images/navBG.gif) top left repeat-x;
}
	#nav li {float: left;}
	#nav li a {display: block; height: 40px; background: url(../_images/navSprites.gif) no-repeat; text-indent: -300000px;}
	
		#nav li a#isright {width: 170px; background-position: -199px 0px;}
			#nav li a#isright:hover {background-position: -199px -40px;}
			#isbmorightforyou #nav li a#isright {background-position: -199px -81px;}
			
		#nav li a#ops {width: 201px; background-position: 0px 0px;}
			#nav li a#ops:hover {background-position: 0px -40px;}
			#mississauga #nav li a#ops, 
			#montreal #nav li a#ops, 
			#careeropportunities #nav li a#ops, 
			#agentpositions #nav li a#ops  
				{background-position: 0px -81px;}
			
		#nav li a#stories {width: 139px; background-position: -369px 0px;}
			#nav li a#stories:hover {background-position: -369px -40px;}
			#employeestories #nav li a#stories {background-position: -369px -81px;}
			
		#nav li a#fairs {width: 102px; background-position: -508px 0px;}
			#nav li a#fairs:hover {background-position: -508px -40px;}
			#careerfairs #nav li a#fairs {background-position: -508px -81px;}
			
		#nav li a#resources {width: 150px; background-position: -610px 0px;}
			#nav li a#resources:hover {background-position: -610px -40px;}
			#toolsandresources #nav li a#resources,
			#faq #nav li a#resources
				{background-position: -610px -81px;}
			
		#nav li a#front {width: 64px; background-position: -757px 0px;}
			#nav li a#front:hover {background-position: -757px -40px;}
			#home #nav li a#front
				{background-position: -757px -81px;}
		
#footer{
	color: #ffffff;
	height: 30px;
	padding: 15px 0 0 20px;
	background: #0079c1 url(../_images/footerBG.gif) top left no-repeat;
}

#legal{
	font-size: 10px;
	color: #666;
	margin-left: 20px;
}

	#legal p{
		margin-bottom: 5px;
	}

/* ============ CONTENT ============ */

#transcript {
	float: left;
	width: 430px;
}

#homeBubble {
	display: block;
	width: 210px;
	height: 183px;
	background: url(../_images/homeBubble.gif) top left no-repeat;
	float: right;
	margin: 3px 22px 0 0;
	_margin: 3px 12px 0 0;
	text-indent: -30000px;
}
	#home #maincontent img {_float: left;}
	#home object{float:left;}

#homeBubble span{
	display: block;
	width: 154px;
	height: 90px;
	background: url(../_images/bubbletext.gif) top left no-repeat;
	text-indent: -30000px;
	margin: 23px 0 14px 33px;
}

#homeBubble a{
	display: block;
	width: 173px;
	height: 48px;
	background: url(../_images/currentButton.gif) top left no-repeat;
	text-indent: -30000px;
	margin-left: 25px;
}

#maincontent ul, #maincontent ol {
	margin-bottom: 15px;
}
	#maincontent ul li, #maincontent ol li {padding: 3px 0;}
	/*li.odd {background: #f3f8ff;}*/

#maincontent ol {
	list-style: decimal inside;
}
	
.showhide h3 {
	cursor: pointer;
}
	.showhide h3:hover {cursor: pointer;}

table {
	border: 1px solid #000;
}
	table th {
		background: #f3f8ff;
		padding: 3px;
		border: 1px solid #000;
	}
	table td {
		padding: 10px;
		border: 1px solid #000;
	}
	
div.redButton { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; clear:both; display: block; height:30px;}

div.redButton div { float:left; background:url(../_images/btn_red_left.gif) no-repeat left; height:30px; overflow:hidden; padding-left:8px; color:#FFFFFF;  }

div.redButton div a { display:block; float:left; height:30px; overflow:hidden; line-height:25px; color:#FFF; text-decoration:none; font-weight:bold; padding-left:3px; padding-right:20px; background:url(../_images/btn_red_right.gif) no-repeat right; font-size:12px; outline:none; !important }

div.redButton div a:hover { color:#FFF; text-decoration:none; !important }

p.citylisting{
	font-size: 30px;
	text-align: center;
}

p.citylisting a{
	margin: 10px 30px;
}
/* ============ Titles ============ */

h2 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0 5px;
}

h3 {
	color: #0079c1;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0;
}

h4 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

#homeTitle {
	display: block;
	width: 544px;
	height: 76px;
	background: url(../_images/homeTitle.gif) top left no-repeat;
	text-indent: -30000px;
	margin: 0 0 9px -10px;
}

.titleSprite {
	display: block;
	background: url(../_images/titleSprites.gif);
	text-indent: -300000px;
}
	a.sidecurrent {width: 205px; height: 17px;}
	.sidehiring {width: 72px; height: 16px; background-position: 0 -17px;}
	.sideneedhelp {width: 107px; height: 16px; background-position: 0 -33px;}
	.sideawards {width: 47px; height: 16px; background-position: 0 -50px;}
	
h3.jobtitle {
	font-size:16px;
	margin: 15px 0 3px 0;
}
	
h3.tooltitle {
	font-size:16px;
	margin-top: 15px;
}

.toolsubtitle {
	margin-top: 15px;
}

.pagetitle {
	display: block;
	height: 59px;
	font-size: 22px;
	color: #0079c1;
	background: url(../_images/titleBG.gif) top left no-repeat;
	margin-left: -45px;
	padding: 18px 0 0 47px;
}

/* ============ Subnav ============ */

#subnav {
	width: 180px;
	min-height: 200px;
	float: left;
	margin: 17px 0 0 17px;
	_margin: 17px 0 0 0px;
	padding-top: 148px;
}
	#isbmorightforyou #subnav {background: url(../_images/subnavBG_1.jpg) top left no-repeat;}
	#careeropportunities #subnav {background: url(../_images/subnavBG_2.jpg) top left no-repeat;}
	#employeestories #subnav {background: url(../_images/subnavBG_3.jpg) top left no-repeat;}
	#careerfairs #subnav {background: url(../_images/subnavBG_4.jpg) top left no-repeat;}
	#toolsandresources #subnav {background: url(../_images/subnavBG_5.jpg) top left no-repeat;}
	#mississauga #subnav {background: url(../_images/subnavBG_6.jpg) top left no-repeat;}
	#montreal #subnav {background: url(../_images/subnavBG_7.jpg) top left no-repeat;}
	#faq #subnav {background: url(../_images/subnavBG_8.jpg) top left no-repeat;}

/* ============ Sidebar ============ */

#sidebar {
	width: 220px;
	float: right;
	padding: 17px 10px 0 15px;
	_padding: 17px 5px 0 5px;
	background: #fff url(../_images/sidebarBG.gif) top left no-repeat;
}

#sidebar hr {
	border: none;
	background: url(../_images/sidebarHR.gif);
	width: 219px;
	height: 1px;
	margin: 15px 0;
}

#siteSearchInput {
	color:#8C8C8C;
	width:155px;
	_width:145px;
	float: left;
}

#siteSearchButton {
	display: block;
	width: 45px;
	height: 29px;
	background: url(../_images/btn_GoSearch.gif);
	float: right;
	text-indent: -30000px;
	margin: -2px 5px 0 0;
}

.sidesection {
	margin-left: 7px;
}

.sidesection h3{
	margin-bottom: 6px;
}

#maincontent ul, .sidesection ul {
}
	#maincontent ul li { width: 100%; padding-left: 12px; background: url(../_images/redarrow.gif) top left no-repeat;}
	.sidesection ul li { width: 100%; padding-left: 12px; background: url(../_images/redarrow.gif) top left no-repeat; font-weight: bold;}
	
#awardLogos {
	display: block;
	width: 203px;
	height: 224px;
	background: url(../_images/awards.gif);
}

#awardLogos1 {
	display: block;
	width: 79px;
	height: 83px;
	background: url(../_images/careers_awards_top100.gif);
	float: left;
}
#awardLogos2 {
	display: block;
	width: 168px;
	height: 68px;
	background: url(../_images/careers_awards_great_top_employers.gif);
}

#awardLogos3 {
	display: block;
	width: 163px;
	height: 60px;
	background: url(../_images/diversity2012_english.gif);
}

#awardLogos4 {
	display: block;
	width: 172px;
	height: 50px;
	background: url(../_images/new_canadians2012_english.gif);
}

#awardLogos5 {
	display: block;
	width: 104px;
	height: 60px;
	background: url(../_images/fp10EN.gif);
	float: left;
}

/* ============ Showhide ============ */

.slidetitle{
	overflow:hidden;
	cursor:pointer;
}
.slidedescription{
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.slidedescription_content{
}
	
/* ============ Stories page ============ */

ul#videolist {
	width: 457px;
	margin: 10px auto;
}

ul#videolist li {
	list-style-image: none;
	float: left;
	text-align: center;
	margin: 10px 7px 0;
	padding:0;
}

ul#videolist li a, ul#videolist li.activeperson{
	display: block;
	width: 100px;
	padding: 76px 0 0 0;
}
	ul#videolist li.what {background: url(../_images/whattn.gif) top left no-repeat; width: 100px;}
	ul#videolist li.how {background: url(../_images/howtn.gif) top left no-repeat; width: 100px;}
	ul#videolist li.why {background: url(../_images/whytn.gif) top left no-repeat; width: 100px;}
	ul#videolist li.work {background: url(../_images/workpublic.gif) top left no-repeat; width: 100px;}
	ul#videolist li.magali {background: url(../_images/Magiletn.gif) top left no-repeat; width: 100px;}
	ul#videolist li.sebastien {background: url(../_images/Sebastientn.gif) top left no-repeat; width: 100px;}
	ul#videolist li.sean {background: url(../_images/seantn.gif) top left no-repeat; width: 100px;}

#videobox {
	margin: 15px auto;
	width: 450px;
	height: 300px;
}