* {
	margin: 0;
	padding: 0;
}

body {
	background-color:  #666666;
	background: url(../images/background_page.gif) repeat-y;
	BACKGROUND-POSITION: center top;
	MARGIN-TOP: 20PX;
}

#wrapper {
	width: 818px;
	position: relative;
	left: 50%;
	margin:10px 0px 0px -409px;
	margin-bottom: 10px;
	border-right: 3px solid #000000;
	border-bottom: 3px solid #000000;
	/*padding: 10px;*/	
	background-color:#FFFFFF;
}

#banner {
	/*background: #fff url(../images/logo_workforce.gif) no-repeat; */
	width: 796px;
	height: 125px;
	margin-left: 10px;
	margin-bottom: 10px;
	/*border: solid gray 1px;*/
}

#bannerFR {
	width: 796px;
	height: 120px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: url(../images/logo_banner.gif) no-repeat 0px 10px;
}

#pageImage {
	margin-left:10px;

}

#flashMovie {
	width: 798px;
	height: 200px;
	margin-left:10px;
	background: #fff;
}

#ContentMain {
	width: 533px;
	float: left;
	margin:15px 0px 10px 10px;
	/*border: solid gray 1px;*/
}


#ContentSub {
	width: 250px;
	float: right;
	background: url(../images/ContentSub_bkrnd.jpg) repeat-x;
	margin:55px 10px 0px 10px;
	/*border: solid gray 1px;*/
}


#footer {	
	clear: both;	
	width: 797px;
	margin:10px 0px 10px 10px;
	border: solid gray 1px;

}
/*Classes-----------------------------------*/


.picLeft {
	float: left;
	margin-right:10px;
}

.picRight {
	float: right;
	margin-left: 10px;
}

.highlightBox {
	padding:10px;
	margin:10px 10px 10px 10px;
	background: url(../images/highlightBox_bkrnd.jpg) repeat-x;
	border: 1px solid #D7C8A6;
	width: 253px;
	margin-left: 120px;
}

.boardProfile {
	width: 750px;
	height: 300px;
	padding:10px;
	background: #F3F3F3 url(../images/boardprofile_bkrnd.jpg) repeat-x;	
	margin:20px 20px 20px 10px;
	border: 1px solid #DBCDB0;
	
}

.boardProfile img {
	float: left;
	margin:10px 10px 10px 0px;
	border: 2px solid #DBCDB0;
}

.boardProfile div {
	float: left;	
	width: 43%;
}

#ContentMain .boardProfile h2 {
	width: 750px;
	font-size: 22px;
	background: #E6DCC8;
	border-bottom: 2px solid #DBCDB0;
	margin-bottom: 10px;
	margin-left:-10px;
	margin-top:-10px;
	padding: 10px;
}


#ContentMain .boardProfile ul {margin:0px 0px 0px 0px;}
#ContentMain .boardProfile ul li {color: #000;}
#ContentMain .staffMember a {border: none;}

#ContentMain .staffMember {
	float: left;
	margin:10px 10px 10px 10px;
	width: 150px;
	height: 240px;
	border: 2px solid #DBCDB0;
	background: #F9F6F1;
}

#ContentMain .staffMember p {font-size:11px;}

#ContentMain .publicationThumbnail {
	float: left;	
	margin:0px 10px 10px 10px;
	width: 170px;
	height: 240px;
	background: #fff;
}


#ContentMain .publicationThumbnail img {margin:10px 0px 0px 25px;border:1px solid #666;}
#ContentMain .publicationThumbnail p {text-align: center;text-weight:bold;}
#ContentMain .publicationThumbnail a {border: none;font-size:11px;font-weight: bold;}


/* Typography */

body {
font-family:Arial,Helvetica,sans-serif;
font-size:62.5%;
}

a:link, a:visited {
	text-decoration: none;
	color: #2F459D;
	border-bottom: 1px dotted #666666;
}

a:hover, a:active {
	color: #000000;
	border-bottom: 1px solid #333;

}



#banner a:link, #banner a:visited {text-decoration:none;border: none;}
#bannerFR a:link, #bannerFR a:visited {text-decoration:none;border: none;}

h1, h2, h3, h4 {
	margin:10px 10px 0px;
	font-weight: normal;
	color: #6B6B6B; 
}

ul {
	margin:0px 10px 20px 15px;
	list-style-type: none;
}

ul li {
	font-size: 11px;
	line-height: 1.5em;
	padding-left: 15px;
	padding-right: 5px;
	background: url(../images/bullet.png) no-repeat 0px 5px;
	margin-top: 10px;
}

#ContentMain table {
	padding:5px;
	margin-left:10px;	
}
#ContentMain table td {
	font-size:12px;
}

#ContentMain p {
	font-size: 13px;
	line-height: 1.6em;
	padding:10px;
}

#ContentMain ul {padding-right:20px;margin-left:35px;}
#ContentMain ul li {font-weight:bold;color: #666;}


#ContentMain h1 {font-size: 38px;letter-spacing: -.08em;line-height: .88em;margin-bottom: -4px;}
#ContentMain h2 {font-size: 26px;letter-spacing: -.06em;margin-bottom: -4px;}
#ContentMain h3 {font-size: 16px;letter-spacing: -.03em;font-weight: bold;margin-bottom: -4px;}
#ContentSub h1 {font-size: 22px;letter-spacing: -.02em;margin-bottom: -8px;}	
#ContentSub h2 {font-size: 18px;color: #333;line-height: 1.3em;color: #666;}
#ContentSub h2.greenTriangle{margin:0px 0px 0px 0px;padding:10px 0px 10px 40px;width: 210px;background:#F0EADD url(../images/icon_relatedtopics.png) no-repeat 10px 10px; border-bottom: 3px solid #D7C8A6; }
#ContentSub h2.hammerWrench{margin:0px 0px 0px 0px;padding:10px 0px 10px 40px;width: 210px;background:#F0EADD url(../images/icon_labour.png) no-repeat 10px 10px; border-bottom: 3px solid #D7C8A6; }
#ContentSub h2.microphone{margin:0px 0px 0px 0px;padding:10px 0px 10px 40px;width: 210px;background:#F0EADD url(../images/icon_microphone.png) no-repeat 10px 10px; border-bottom: 3px solid #D7C8A6; }
#ContentSub h2.news{margin:0px 0px 0px 0px;padding:10px 0px 10px 40px;width: 210px;background:#F0EADD url(../images/icon_news.png) no-repeat 10px 10px; border-bottom: 3px solid #D7C8A6; }
#ContentSub h2.emailUpdates{margin:0px 0px 0px 0px;padding:10px 0px 10px 40px;width: 210px;background:#F0EADD url(../images/icon_emailupdates.png) no-repeat 10px 10px; border-bottom: 3px solid #D7C8A6; }


#ContentSub p {
	font-size: 11px;
	color: #666;
	padding:10px 5px 5px 20px;
	line-height: 1.6em;
}
#ContentSub ul li {	font-size:12px;
	
}

#ContentSub a:link, #ContentSub a:visited {
	text-decoration: none;
	border: none;
	font-weight: bold;
}

#ContentMain .textColumn {
	float: left;
	width:49%;
	margin:10px 10px 20px 0px;
}

/*-------------------Forms--------------------------------------*/

#ContentSubForm {
	margin-top: 0px;
	margin-left: 52px;
	margin-bottom: 20px;
	padding-left: 2px;
}

.formLabel {
	margin-bottom: 0px;
	font-size: 10px;
	font-weight: bold;
}

.formButton {
	font-size: 12px;
	margin-top: 10px;
}

input.inputButton {
	font-size: 11px;
	font-weight: bold;
	padding:3px;
	margin-top: 10px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #333333;
	background: #E7E3C2;
}

.input-box {
	margin-bottom: 5px;
	border: 1px solid #999999;
	background: #F7F7ED;
	color: #333333;
}

/*For DHTML Menu - adds a border to submenu items
----------------------------------------------- */
.mmbord{
	text-align: left;
	border-bottom:1px solid #fff;
	text-decoration:none;
	font-size:14px;
	padding-left:0px;
	padding-top:0;
	padding-bottom:0;

}

#banner .tableNav {
	width: 565px;
	height:28px;	
	float: right;
	margin:90px -2px 0px 0px;

}

/* banner dimension different for French pages only */
#bannerFR .tableNav {
	width: 427px;
	height:28px;	
	float: right;
	margin:90px -2px 0px 0px;

}