@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/opensans/OpenSans_Light.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/opensans/OpenSans_Regular.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/opensans/OpenSans_SemiBold.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/opensans/OpenSans_Bold.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('../fonts/opensans/OpenSans_ExtraBold.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans_Light-Italic'), url('../fonts/opensans/OpenSans_Light_Italic.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('fonts/OpenSans-Italic'), url('../fonts/opensans/OpenSans_Italic.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('../fonts/opensans/OpenSans_SemiBold_Italic.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/opensans/OpenSans_Bold_Italic.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('../fonts/opensans/OpenSans_ExtraBold_Italic.woff') format('woff');
}

body
	{margin: 0px;}
#Body
{
	width: 100%;
	color: #ffffff;
	font-size: 14px;
	font-family: "Open Sans", "Arial", "Helvetica", "sans-serif";
}
#Body a, #Body a:visited
	{text-decoration: none;}

#Body div.cheoPopUp
{
	display: none;
	z-index: 300;
	position: absolute;
	top: 0px;	
	border-width: 16px;
	border-color: #eb7909;
	border-style: solid;
	padding-left: 27px;
	padding-right: 27px;
	padding-top: 21px;
	padding-bottom: 24px;
	background-color: #ffffff;
	color: #000000;
}
#Body div.cheoPopUp > div.closeButton
{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 3000;
	width: 37px;
	height: 37px;
	background-image: url('../images/cheoPopUp_orangeCloseButton.png');
	cursor: pointer;
}
#Body div.cheoPopUp_green
	{border-color: #9be23f;}
#Body div.cheoPopUp_green > div.closeButton
	{background-image: url('../images/cheoPopUp_greenCloseButton.png');}
#Body div.cheoPopUp_plainOrange
{
	background-color: #F9B631;
	border-style: none;
	padding-top: 37px;
	padding-left: 6px;
	padding-right: 12px;
}
#Body img
	{border-style: none;}
#Body table
{
	border-collapse: collapse;
	border-style: none;
	border-spacing: 0px;	
}
#Body table.screen
{
	width: 100%;
	table-layout: fixed;	
}
#Body td
{
	padding: 0px;
	margin: 0px;
}
#OrangeTopPadding
{	
	height: 17px;
	background-color: #fdb913;
}
#Top > table.screen > tbody > tr > td.left, #Footer > table.screen > tbody > tr > td.left
	{width: 531px;}
#Top > table.screen > tbody > tr > td.left, #Top table.screen > tbody > tr > td.right,
		#Content > table.screen > tbody > tr > td.left, #Footer > table.screen > tbody > tr > td.left
	{background-color: #808080;}
#Top > table.screen > tbody > tr > td.left
{
	text-align: center;
	cursor: pointer;
}
#Top > table.screen > tbody > tr > td.left > div
{
	display: inline-block;
	vertical-align: top;
	line-height: 40px;
	font-weight: 200;
	text-align: left;
}
#Top > table.screen > tbody > tr > td.left > div > span.line01
	{font-size: 55px;}
#Top > table.screen > tbody > tr > td.left > div > span.line02
	{font-size: 48px; font-weight: 600;}
#Top > table.screen > tbody > tr > td.left > div > span.line03
	{font-size: 56px;}
#Top table.screen > tbody > tr > td.right
{
	height: 271px;
	background-image: url('../images/topRightBackground.jpg');
	background-position: right top;
	background-repeat: no-repeat;	
}
#Content > table.screen > tbody > tr > td.left
{
	width: 170px;
	padding-top: 86px;
	vertical-align: top;
}
#Content > table.screen > tbody > tr > td.right
{
	vertical-align: top;
	padding-top: 26px;
	padding-bottom: 40px;
	background-color: #4d4d4d;	
	background-image: url('../images/CHEO-background-transparent.png');
	background-repeat: no-repeat;
	background-position: top right;
}
#MenuFloat
{
	position: relative;
}
#Menu
{
	width: 100%;
	border-collapse:separate;
}
#Menu > tbody > tr > td.menuItem
{
	box-sizing: border-box;
	height: 66px;
	padding-left: 39px;
	padding-bottom: 5px;
	border-width: 2px;
	border-color: #818181;
	border-bottom-style: solid;	
	background-color: #4d4d4d;
	vertical-align: bottom;
	cursor: pointer;
}
#Menu > tbody > tr > td.menuItem:hover, #Menu > tbody > tr > td.menuItem_current
{	
	border-color: #ffc129;
	border-width: 5px;	
	border-bottom-style: solid;
}
#Menu > tbody > tr > td.menuItem:hover > a, #Menu > tbody > tr > td.menuItem_current > a,
		#Menu > tbody > tr > td.menuItem_current > a:visited
	{color: #ffc129;}
#Menu > tbody > tr > td.menuItem > a, #Menu > tbody > tr > td.menuItem > a:visited
{
	color: #ffffff;	
	font-size: 21px;
	font-weight: 100;
}

#Logo
{
	padding-left: 15px;
	margin-top: 109px;	
}
#SurveyLayoutTop
{
	font-weight: 100; 
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px;
}
#SurveyLayoutTop > span.figure
{
	color: #fbbb31;
}
#SurveyLayoutTop_infoLink > img
{
	vertical-align: middle;
}
#SurveyMenu, #SurveyMenu > div.menuItem
{
	height: 46px;
	background-repeat: x-repeat;
}
#SurveyMenu
{
	background-image: url('../images/surveyMenu_background.png');
	white-space: nowrap;
	padding-left: 79px;
}
#SurveyMenu > div.menuItem
{
	display: inline-block;
	vertical-align: top;	
	white-space: nowrap;	
	line-height: 23px;
	padding-top: 8px;
	padding-left: 11px;
	padding-right: 11px;
	margin-right: 15px;	
	cursor: pointer;
}
#SurveyMenu > div.menuItem > a
{
	font-size: 20px;	
	color: #010101;
	text-transform: uppercase;
}
#SurveyMenu > div.menuItem:first-child
	{margin-right: 15px;}
#SurveyMenu > div.item01, #SurveyMenu > div.item07
	{background-image: url('../images/surveyMenu_item01_background.png');}
#SurveyMenu > div.item01:hover > a, #SurveyMenu > div.item01_current > a,
		#SurveyMenu > div.item07:hover > a, #SurveyMenu > div.item07_current > a
	{color: #4095cc;}
#SurveyMenu > div.item02, #SurveyMenu > div.item08
	{background-image: url('../images/surveyMenu_item02_background.png');}
#SurveyMenu > div.item02:hover > a, #SurveyMenu > div.item02_current > a,
		#SurveyMenu > div.item08:hover > a, #SurveyMenu > div.item08_current > a
	{color: #7463cb;}
#SurveyMenu > div.item03, #SurveyMenu > div.item09
	{background-image: url('../images/surveyMenu_item03_background.png');}
#SurveyMenu > div.item03:hover > a, #SurveyMenu > div.item03_current > a,
		#SurveyMenu > div.item09:hover > a, #SurveyMenu > div.item09_current > a
	{color: #227f48;}
#SurveyMenu > div.item04, #SurveyMenu > div.item10
	{background-image: url('../images/surveyMenu_item04_background.png');}
#SurveyMenu > div.item04:hover > a, #SurveyMenu > div.item04_current > a,
		#SurveyMenu > div.item10:hover > a, #SurveyMenu > div.item10_current > a
	{color: #4378c3;}
#SurveyMenu > div.item05, #SurveyMenu > div.item11
	{background-image: url('../images/surveyMenu_item05_background.png');}
#SurveyMenu > div.item05:hover > a, #SurveyMenu > div.item05_current > a,
		#SurveyMenu > div.item11:hover > a, #SurveyMenu > div.item11_current > a
	{color: #898016;}
#SurveyMenu > div.item06, #SurveyMenu > div.item12
	{background-image: url('../images/surveyMenu_item06_background.png');}
#SurveyMenu > div.item06:hover > a, #SurveyMenu > div.item06_current > a,
		#SurveyMenu > div.item12:hover > a, #SurveyMenu > div.item12_current > a
	{color: #bf625d;}
#ContentArea, #NoJS_Content
	{min-height: 600px;}
#ContentArea.module
{
	margin-left: 77px;
	margin-top: 30px;
}
#NoJS_Content
	{display: none;}
#Footer > table.screen > tbody > tr > td.left, #Footer > table.screen > tbody > tr > td.right
{
	box-sizing: border-box;
	width:100%;
}
#Footer > table.screen > tbody > tr > td.left
{	
	padding-left: 19px;
	padding-top: 23px;
	font-size: 12px;
	color: #f0efef;
}
#Footer > table.screen > tbody > tr > td.right
{
	vertical-align: middle;
	padding-right: 42px;
	text-align: right;
	height: 82px;
}
#Footer > table.screen > tbody > tr > td.right > div
{
	display: inline-block;
	vertical-align: middle;
}
#Footer > table.screen > tbody > tr > td.right > div
{
	display: inline-block;
	vertical-align: middle;
}
#logo_bcChildrensHospital
{
	padding-left: 0px;
	padding-right: 0px;
}
#logo_funding_by
	{padding-right: 10px;}
#logo_CHEO
	{padding-right: 0px;}
#logo_in_partnership
{
	padding-right: 10px;
	padding-left: 10px;
}
#logo_bell img
	{width:110px;}
#logo_bcMentalHealthAndAddictionServices
{
	padding-right: 0px;
	padding-left: 0px;
}
#logo-mach .funding
	{color:#0606060;}
#logo_mach img
	{width: 260px;}
#footer_bottom td
{
	background-color:#4D4D4D;
	height: 5em;
}
#footer_bottom div
{
	float:right;
	margin-right:3em;
}
#footer_bottom a
	{color: #ffc129;}
#Body.noJS #MenuFloat, #Body.noJS #LayoutArea
	{display: none;}
#Body.noJS #NoJS_Content
	{display: block;}