@import url('/style/stylesShared.css');
@import url('/style/afhoce.css');
@import url('/style/2015newsite.css');
/*
###########################################################################
#
# OLD STYLE SHEET CONTENT (3_cmhc_styles.css)
#
###########################################################################
###########################################################################
*/

/* REQUIRED COMMONSPOT STYLES DEVW1 */

.CS_Document {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
}
.page_width, .page_width table, .page_width td {
width: 795px;
}
table.clsControlBorder div { /*width: 795px;*/
	white-space: normal;
}
/* Used for the Wide No Nav page at the template level*/
.wideNoNav {
	margin: 10px 20px 10px 20px;
	width: 99%
}
/* REQUIRED COMMONSPOT STYLES DEVW1------------END */



/*For Events Calendar ----------------*/
a.event_cal_day {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
td.today {
	border: 2px solid #000000;
}
/*For Events Calendar ----------------End*/

/*For webmaster and Observer email form ex.: /en/corp/cous/cous_021.cfm ----- */

#webmasterFormInput {
	border: 0;
	margin: 0;
	width: 100%;
	margin: 20px 0;
	padding: 0px;
	overflow: auto;
}
#webmasterFormInput label {
	display : block;
	padding: 2px;
	vertical-align: middle;
	padding: 0;
	margin: 10px 0 0 0;
	clear: right;
}
#webmasterFormInput fieldset label img {
	display: block;
	margin: 2px 5px -5px 0;
	padding: 0;
}
#webmasterFormInput input, #webmasterFormInput textarea {
	display: block;
	text-align: left;
	vertical-align: middle;
	clear: right;
	padding: 0;
	margin: 0;
	font-size: 12px;
}
#webmasterFormInput textarea {
	width: 300px;
}
#webmasterFormButtonsEng, #webmasterFormButtonsFre {
	float: left;
	border: 0px;
}
#webmasterFormButtonsEng input, #webmasterFormButtonsFre input {
	margin: 10px 5px 0 0;
	vertical-align: middle;
	display: inline;
	padding: 3px 7px 3px 5px;
}
/*For webmaster email form-----------------------------------END*/

/*-- For index pages ---*/
td.index_intro_text {
	margin: 0px;
	padding: 10px 10px 8px 10px;
*padding:10px;
}
.index_border_around_image {
	border: 1px #CCC solid;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	float: left;
	overflow: auto;
}
.INDEX_BULLET_LIST, .index_bullet_list {
	list-style-image: url(/images/arrow.gif);
}
.index_bullet_list_2 {
	list-style-image: url(/images/arrow_open.gif);
}
.index_bullet_list_3 {
	list-style-image: url(/images/icon_sub_sub_2.gif);
}
.bulletCheckmark {
	list-style-image: url(/images/bulletCheckmark.png);
}
h1.index {
	color: #DC241F;
	background-color : inherit;
}
h2.index {
	color: #DC241F;
	background-color : inherit;
}
/* For index pages end --------*/

/* FOR RIGHT HAND SUBSITE MENUS --------------------*/
.rightnav {
	font-size: 11px;
}
div.subsite_menu {
	margin: 0 0 10px 0;
	padding: 5px;
	text-align: left;
	font-size: 11px;
	background-image: url(http://www.cmhc.ca/images/right_hand_menu_gradient.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
.subsite_menu H4 { /*margin-bottom: .75em;
margin-top: 1em;*/
}
.subsite_menu ul, .subsite_menu ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.subsite_menu ul li, .subsite_menu ol li {
	margin: 8px 0 8px 0;
	padding: 0px;
}
.subsite_menu ul li a, .subsite_menu ol li a {
	font-size: 11px;
}
.subsite_menu ol {
	list-style: decimal;
	list-style-position: inside;
}
/* FOR RIGHT HAND SUBSITE MENUS -----------------END*/


.breadCrumb {
	font-size: 11px;
	margin: -1px 0px 5px 0px;
	color: #0173af;
	padding: 0px 0px 6px 0px;
	background-color : inherit;
/*	border-bottom: 1px solid #ccc; */ /* Removed Apr 04 2017 */
}
.hr_under_breadcrumb { /*remove this element from template! - Carla Aug 2013*/ /*margin-top: 0em;
	margin-bottom: .5em;
*margin-bottom: 0em;
	color: #f3f3f3;
	border-bottom:0;
	border-left:0;
*border-bottom: auto;
*border-left: auto;
	border-right:0;
	color: #e5e5e5;
	background-color: inherit;
	height:1px;*/
	display: none;
}
/*FILE TYPE LABELLED BULLETS. Ex. USED FOR RELATED LINKS ----------------------------*/

.related_links_head_box {
	font-weight: bold;
	background-color: #F6F5EA;
	margin: 8px 0px 8px 0px;
	padding: 5px;
	color : inherit;
}
.text_bullet_external_link, .text_bullet_OD_free, .text_bullet_OD_gratuit, .text_bullet_OD_priced, .text_bullet_pdf, .text_bullet_video, .text_bullet_weblink, .text_bullet_xls, .audioFileLI, .text_bullet_ppt {
	padding: 3px;
	padding-left: 20px;
	margin-left: -20px;
	text-indent: none;
	background-repeat: no-repeat;
	background-position: left top;
	list-style: none;
}
.text_bullet_external_link {
	background-image: url(/images/bullet_external_link.gif);
}
.text_bullet_OD_free {
	background-image: url(/images/bullet_od_free.gif);
}
.text_bullet_OD_gratuit {
	background-image: url(/images/bullet_od_gratuit.gif);
}
.text_bullet_OD_priced {
	background-image: url(/images/bullet_od_priced.gif);
}
.text_bullet_pdf {
	background-image: url(/images/pdficon_small.png); /* Updated mar 21 2013 - Rory, as per Geoff */
	background-position: 0px 2px;
}
.text_bullet_video {
	background-image: url(/images/icon_presentation.png); /* Updated mar 21 2013 - Rory, as per Geoff */
	background-position: 3px 4px;
}
.text_bullet_weblink {
	background-image: url(/images/bullet_html.gif);
}
.text_bullet_xls {
	background-image: url(/images/format-excel.gif);
}
.text_bullet_ppt {
	background-image: url(/images/iconPPT.gif);
}
.audioFileLI {
	background-image: url(/en/corp/nero/nere/2011/images/audioFileLI.gif);
}
/*FILE TYPE LABELLED BULLETS. -------------------------END*/



h1.speech {
	font-size: 14px;
}
/* .subite is for NewsRoom Index element subsite names */
/*SEARCH FOR IN SITE -- Is it still used? - CARLA */
.level3_head, .subsite {
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: .5em;
}
/*.level4_head_small*/
h4, h4 a {
	font-size: 11px;
}
/* Used for bold body text but it is better to use the STRONG tag from now on*/
.body_text_bold, .bodytextbold {
	font-weight: bold;
}
/*.small_text p, .small_text, .small_text a, .small_text span, .small_text sup, .small_text strong, .small_text em {*/
.small_text {
	font-size: 11px;
}
.small_text_bold, .small_text_bold a {
	font-size: 11px;
	font-weight: bold;
}
.noWrap {
	white-space: nowrap;
}
.page_set_nav, .page_set_nav span, .page_set_nav a {
	font-size: 11px;
	text-align: right
}
.PageSetContentsListLinkBar {
	width: 450px;
	position: relative;
	margin: 0px;
	margin-left: -1em;
	padding: 0px;
}
.PageSetContentsListLinkBar ul {
	width: 450px;
	position: absolute;
	padding: 0px;
	margin: 0.5em;
	list-style-type: none;
}
.PageSetContentsListLinkBar li {
	display: inline;
	padding: 0px;
	margin: 0px;
	line-height: 140%;
	white-space: nowrap;
}
.PageSetContentsListLinkBar a {
	font-size: 11px;
	padding: 0em 0.6em 0em 0.5em;
*padding: 0em 0.5em 0em 0.5em;
	margin: 0;
	background-image: url(/images/linkbarseparator.gif);
	background-position: right top;
	background-repeat: repeat-y;
	position: relative;
}
.caption_cmhc {
	font-size: 11px;
	text-align: center;
}
br.clear {
	clear: both;
	visibility: collapse;
}
.toplink {
	line-height: 11pt;
*line-height: auto;
}
.toplink a {
	font-size: 11px;
}
/*SETTLING IN CANADA /EN/CO/BUHO/SECA/ ------------------*/

div.settling {
	width: 200px;
	float: right;
	margin: 2px 0px 5px 5px;
	padding: 10px 13px 10px 10px;
	background-color: #edebd5;
	clear: right;
}
div.settling p {
	margin-bottom: 0px;
}
div.settling img {
	margin: 2px;
}
/*SETTLING IN CANADA --------------------------------END*/

div.rss {
	margin: 10px 5px 15px 5px;
}
p.rss img {
	margin: 0px 5px 0px 5px;
	vertical-align: middle;
}
p.rss {
	margin: 1em 0em 1em 0em;
}
/*Product Selector -------------------------------------*/

table.pselect_answer {
	background-color: #edf5f9;
	border: #4D9DC7 solid 1px;
}
table.pselect_result {
	background-color: #edf5f9;
	border: #FF0000 solid 1px;
}
.pselect_question {
	color: #FFF;
	font-weight: bold;
}
.pselect_tagline {
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
/*Product Selector ----------------------------------END*/

/*AYH -------------------------------------------------*/

.ayh_rpic, .rpic {
	float: right;
	width: 200px;
	margin-left: 12px;
	margin-bottom: 8px;
	text-align: center;
	position: relative;
	clear: right;
	font-size: 11px;
}
.ayh_lpic, .lpic {
	float: left;
	width: 200px;
	margin-right: 12px;
	margin-bottom: 8px;
	text-align: center;
	position: relative;
	clear: left;
	font-size: 11px;
}
.ayhPullout {
	border: 1px solid black;
	width: 90%;
	margin: 15px 0 15px 2.5%;
	padding: 10px;
}
.ayhPullout h2 {
	margin: 0 0 -8px 0;
}
.ayhPulloutSml, .ayhPulloutLg {
	position: relative;
	clear: right;
	border: 1px solid #999999;
	background-color: #fafafa;
}
.ayhPulloutSml {
	float: right;
	width: 178px;
	margin-left: 12px;
	margin-bottom: 16px;
	padding: 0 10px 0 10px;
}
.ayhPulloutLg {
	float: left;
	width: 500px;
	margin: 16px 0 16px 0px;
	padding: 5px 15px 5px 15px;/* Example can be found here: http://192.197.69.104/fr/co/enlo/ampa/ampa_005.cfm */
}
.ayhPulloutSml p, .ayhPulloutLg p {
	font-size: 12px;
	line-height: 18px;
}
.ayhPulloutSml p.fre, .ayhPulloutLg p.fre {
	font-size: 12px;
	line-height: 18px;
	padding: 10px 0 10px 0;
}
.ayhPulloutLg .ayh_rpic, .ayhPulloutLg .rpic, .ayhPulloutLg .ayh_lpic, .ayhPulloutLg .lpic {
	line-height: 14px;
}
/*AYH ----------------------------------------------END*/


/*News Articles (Ready-to-Use Articles)
------------------------------------------------------------------*/
td.newsArticleFeature {
	display: block;
	width: 95%;
	padding: 10px;
	margin: 0px;
	margin-bottom: 1em;
	background-color: #F6F5EA;
}
.newsArticleDate {
	font-size: 11px;
	display: block;
	position: relative;
	clear: left;
	margin-bottom: -1em;
}
.newsArticleCategory {
	font-weight: bold;
	display: block;
	margin-bottom: 1em;
	margin-top: .5em;
}
div#rtuaImageTall, div#rtuaImageWide {
	margin: 5px 0px 10px 10px;
	padding: 0px;
	float: right;
	text-align: center;
	font-size: 11px;
}
div#rtuaImageTall {
	width: 188px;
}
div#rtuaImageWide {
	width: 275px;
}
/*News Articles (Ready-to-Use Articles)
--------------------------------------------------------------END*/

/*Home Buying Step by Step
------------------------------------------------------------------*/
table.stepbystep {
	padding-left: 10px;
*padding-left:0px;
}
/*Home Buying Step by Step
--------------------------------------------------------------END*/

/*Home Maintenance Schedule
------------------------------------------------------------------*/
.pullout {
	float: right;
	width: 200px;
	position: relative;
	clear: right;
}
/*Home Maintenance Schedule
--------------------------------------------------------------END*/

/*Household Renovators /en/hoficlincl/moloin/rehopure/rehopure_001.cfm ------------------*/
div.houseRenoContainer {
	width: 200px;
	float: right;
	margin: 5px 0px 5px 5px;
	padding: 0px;
	padding-bottom: 0px;
	clear: both;
}
div.houseReno {
	padding: 5px 10px 1px 10px;
	margin: 0px 0px 10px 0px;
	background-color: #edebd5;
	clear: right;
}
div.houseReno img, div.houseRenoHor img {
	margin: 2px;
}
div.houseReno p, div.houseRenoHor p {
	font-size: 11px;
	margin: 1em 0em 1em 0em;
}
div.houseRenoHor {
	width: 450px;
	padding: 5px 10px 1px 10px;
	margin: 0px 0px 10px 0px;
	background-color: #edebd5;
	clear: both;
}
.houseRenoImgHeader {
	text-align: center;
}
/*Household Renovators --------------------------------END*/

.tableAlignTop {
	vertical-align: top;
	top: 0px;
	position: relative;
}
.HMI-tagLine {
	color: #004065;
	font-style: italic;
	font-weight: bold;
}
.HMI-tagLine.icon {
	background-image: url(/images/icon_red_square_11x11.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
}
/* ############## END OLD STYLE SHEET CONTENT (3_cmhc_styles.css) ########### */













/*
###########################################################################




###########################################################################

###########################################################################
###########################################################################
#
# NEW STYLES
#
###########################################################################
###########################################################################
###########################################################################
###########################################################################
*/









#audienceToggle {
	position: relative;
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #535351;
	background-repeat: repeat-x;
	width: 100%;
	height: 36px;
	clear: both;
}
#audienceToggle #audienceClose {
	position: relative;
	float: right;
	margin: -15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}
#audienceToggle #audienceClose a {
	text-decoration: none;
}
#audienceToggle #audienceClose a span {
	float: left;
	font-size: 11px;
	text-decoration: none;
	color: white;
	margin: -1px -5px 0px 0px;
}
/*######################################################
#	Audience Homepage - Set as default entry page
#######################################################*/
#audienceToggle #audienceCloseBtn {
	margin: 0px 10px 0px 10px;
	border: none;
}
#audienceToggle form {
	position: relative;
	margin: 7px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 960px;
}
#audienceToggle img {
	margin: 0px 10px -6px 0px;
	padding: 0px 0px 0px 0px;
}
#audienceToggle label {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#audienceToggle input {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
}
#audienceToggle input.submit {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#audienceSelect {
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 1px 0px;
	background-color: #656563;
	width: 100%;
	clear: both;
}
div.toggle_explain {
	color: #FFF;
	text-align: left;
}
#audienceSelect div {
	margin: 0px 0px 0px 180px;
	padding: 0px 0px 0px 0px;
	width: 890px;
}
/*	AUDIENCE SELECT INFO DROPDOWN DIV	*/
#audienceSelectInfo {
	position: relative;
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 10px 0px 0px 0px;
	background-color: #656563;
	width: 900px;
	height: auto;
	clear: both;
	z-index: 999;
}
#audienceSelectInfo div.left, #audienceSelectInfo div.right, #audienceSelectInfo div.center {
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#audienceSelectInfo div.left {
	margin: 0px 0px 0px 35px;
	padding: 0px 35px 0px 0px;
	border-right: 1px solid #e1e1e1;
}
#audienceSelectInfo div.right {
	margin: 0px 0px 0px 35px;
}
#audienceSelectInfo.general div.left {
	border-right: none;
	width: 175px;
	padding: 0px 25px 0px 0px;
}
#audienceSelectInfo.general div.right {
	width: 225px;
	margin: 0px 0px 0px 25px;
}
#audienceSelectInfo.general div.center {
	width: 340px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	padding: 0px 15px 0px 25px;
}
#audienceSelectInfo div.floatBox {
	float: left;
	width: 160px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
#audienceSelectInfo div.left ul li, #audienceSelectInfo div.center ul li, #audienceSelectInfo div.right ul li {
	font-weight: bold;
}
#audienceSelectInfo a {
	text-decoration: none;
	color: white;
}
#audienceSelectInfo h2, #audienceSelectInfo p {
	font-size: 13px;
	font-weight: bold;
	margin: -15px 0px 10px 24px;
}
#audienceSelectInfo h2 a, #audienceSelectInfo p a {
	text-decoration: underline;
}
#audienceSelectInfo h2 img, #audienceSelectInfo p img {
	margin: 0px 10px 0px 0px;
}
#audienceSelectInfo ul {
	margin: 0px 0px 0px -5px;
	padding: 0px 0px 0px 0px;
}
#audienceSelectInfo div.right ul {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
#audienceSelectInfo ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	list-style: none;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 6px -15px;
	background-image: url(/images/2009_arrow_white.gif);
}
#audienceSelectInfo ul li a:hover {
	text-decoration: underline;
}
#audienceSelectInfo a.close {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 6px;
}
#audienceSelectInfo a.close img {
	padding: 0px 0px 0px 0px;
	margin: 0px 8px -2px 0px;
}
#audienceSelectInfo li.close {
	background-image: none;
	padding: 0px 0px 0px 0px;
	margin: 15px 8px 0px 0px;
}
/*	END - AUDIENCE SELECT INFO DROPDOWN DIV	*/

.asDisplay {
	display: none;
}
/*######################################################
#	END - Audience Homepage - Set as default entry page
#######################################################*/



/*###########################################################################
#	HOMEPAGE TABBED CONTENT
###########################################################################*/

#tabbed_features {
	position: relative;
	float: left;
	width: 465px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#tabContainer {
	margin: -8px 0 0 0;
	padding: 6px 0 0 0;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
#qlTabOneData ul, #qlTabTwoData ul, #qlTabThreeData ul {
	margin: 0px 0px 0px 15px;
}
#qlTabOneData ul li, #qlTabTwoData ul li, #qlTabThreeData ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 6px 15px 0px 0px;
	padding: 8px 0px 17px 35px;
	list-style: none;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	border-bottom: 1px solid #e5e5e5;
}
#qlTabOneData ul li.bottom, #qlTabTwoData ul li.bottom, #qlTabThreeData ul li.bottom {
	border-bottom: none;
}
#qlTabTwoData ul.generalConsumers li, #qlTabThreeData ul.generalConsumers li, #qlTabTwoData ul.generalBusiness li, #qlTabThreeData ul.generalBusiness li, #qlTabOneData ul.generalAboriginals li, #qlTabTwoData ul.generalAboriginals li, #qlTabThreeData ul.generalAboriginals li {
	margin: 0px 15px 0px 0px;
	padding: 8px 0px 8px 25px;
}
#qlTabTwoData ul.generalConsumers li, #qlTabThreeData ul.generalConsumers li {
	background-image: url(/imagesCFScripts/consumers/icon_general.gif);
	background-position: 5px 12px;
}
#qlTabTwoData ul.generalBusiness li, #qlTabThreeData ul.generalBusiness li {
	background-image: url(/imagesCFScripts/business/icon_general.gif);
	background-position: 5px 12px;
}
#qlTabOneData ul.generalAboriginals li, #qlTabTwoData ul.generalAboriginals li, #qlTabThreeData ul.generalAboriginals li {
	background-image: url(/imagesCFScripts/aboriginals/icon_general.gif);
	background-position: 5px 12px;
}
/* Consumer Tabs */
#qlTabOneData ul li.iconEnews {
	background-image: url(/imagesCFScripts/consumers/icon_enews_consumers.gif);
}
#qlTabOneData ul li.iconNewcomers {
	background-image: url(/imagesCFScripts/consumers/icon_newcomers.gif);
}
#qlTabOneData ul li.iconEQ {
	background-image: url(/imagesCFScripts/consumers/icon_eq.gif);
}
#qlTabOneData ul li.iconSteps {
	background-image: url(/imagesCFScripts/consumers/icon_steps.gif);
	background-position: 0px 0px;
}
/* Business Tabs */
#qlTabOneData ul li.iconAffordable {
	background-image: url(/imagesCFScripts/business/icon_affhous_profiles.gif);
}
#qlTabOneData ul li.iconResource {
	background-image: url(/imagesCFScripts/business/icon_resource.gif);
}
#qlTabOneData ul li.iconMLI {
	background-image: url(/imagesCFScripts/business/icon_mli.gif);
}
/* Aboriginal Tabs */ 
/* These icons are no longer in use for the Aboriginal home page. Default to the bullet

#qlTabOneData ul li.iconACD {
	background-image: url(/imagesCFScripts/aboriginals/icon_acd.gif);
}
#qlTabOneData ul li.iconOD {
	background-image: url(/imagesCFScripts/aboriginals/icon_od.gif);
}
#qlTabOneData ul li.iconRRAP {
	background-image: url(/imagesCFScripts/aboriginals/icon_rrap.gif);
}
#qlTabOneData ul li.iconInternship {
	background-image: url(/imagesCFScripts/aboriginals/icon_hiifiny.gif);
}
#qlTabOneData ul li.iconFire {
	background-image: url(/imagesCFScripts/aboriginals/icon_fire.gif);
}
#qlTabOneData ul li.iconHFH {
	background-image: url(/imagesCFScripts/aboriginals/icon_hfh.gif);
}*/
/*###########################################################################
# 	END - HOMEPAGE TABBED CONTENT
###########################################################################*/



/* #mainTopContent is actually used for a body content container ... to be changed to #contentContainer NOTE2: Remove ContentContainer on launch. */
#mainTopContent, #contentContainer, #ContentContainer {
	position: relative; /*	Commented out because IE7/IE6 displays dropdowns incorrectly  */
	display: block;
	float: right;
	width: 705px;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
}
#video {
	position: relative;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
/*###########################################################################
#	HOME PAGE NEWS RELEASE AND FEATURE BANNERS
###########################################################################*/


/* #news_releases changed to .news_releases to allow us to apply this to CS element (CS elements will not accept IDs :-( - CK Nov 30-2009 */																																																																																																																									.homePageNewsRelease {
	/*	position:relative;*/ /*	Commented out because IE7/IE6 displays dropdowns incorrectly  */
	float: right;
	padding: 0px;
	width: 215px;
	text-align: left;
	font-size: 11px;
	margin: -9px 0px 10px 0px; /*	-9px top margin is to close the gap found in the contentContainer on homepages only. */
	z-index: 1; /* Similar negative margin on rotatorContainer!!  */
}
.homePageNewsRelease h2.newsHeader {
	margin: 0px;
	background-image: url(/images/2009_hp_news_releases_bkgd.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 215px;
	height: 30px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 30px;
	line-height: 33px;
}
.homePageNewsRelease h2.newsHeader a {
	color: #333333;
	text-decoration: none;
}
.homePageNewsRelease img.newsHeader {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.HomePageNewsIndexList {
	padding: 10px 15px 10px 10px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	z-index: 1;
}
.homePageFeatureBanner {
	position: relative;
	float: right;
	width: 215px;
	margin: 5px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
}
.homePageFeatureBanner img.one, .homePageFeatureBanner img.two {
	margin-bottom: 10px;
}
/*###########################################################################
#	END - HOME PAGE NEWS RELEASE AND FEATURE BANNERS
###########################################################################*/


#options {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 562px;
}
#feature_buttons {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 562px;
}
#button_ah {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
}
#button_hmi {
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
}
#button_mli {
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
}
/*###########################################################################
#	LEFT NAV
###########################################################################*/

#left_nav {
	position: relative;
	width: 174px;
	float: left;
	clear: both;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}
#left_nav ul#business, #left_nav ul#consumers, #left_nav ul#aboriginal, #left_nav ul#general {
	margin: 0px 0px 0px 0px;
}
#left_nav ul#business li, #left_nav ul#consumers li, #left_nav ul#aboriginal li, #left_nav ul#general li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 3px 7px;
	list-style: none;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0px bottom;
	border-bottom: none;
	background-image: url(/images/dotted_line_background.gif);
}
#left_nav ul#business li.image, #left_nav ul#consumers li.image, #left_nav ul#aboriginal li.image, #left_nav ul#general li.image {
	background-image: none;
	margin: 10px 0px 5px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
#left_nav ul#business li a, #left_nav ul#consumers li a, #left_nav ul#aboriginal li a, #left_nav ul#general li a {
	padding: 5px 5px 5px 15px;
	background-repeat: no-repeat;
	background-position: 0px -10px;
}
#left_nav ul#business li.image a, #left_nav ul#consumers li.image a, #left_nav ul#aboriginal li.image a, #left_nav ul#general li.image a {
	background-image: none;
}
#left_nav ul#consumers li a {
	background-image: url(/images/2012_arrow_green.gif);
}
#left_nav ul#business li a {
	background-image: url(/images/2012_arrow_blue.gif);
}
#left_nav ul#aboriginal li a {
	background-image: url(/images/2012_arrow_orange.gif);
}
#left_nav ul#general li a {
	background-image: url(/images/2012_arrow_general.gif);
}
#left_nav .noAudience {
	width: 195px;
	height: 731px;
	background-image: url(/images/no-aud-LH-column-bkgd.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 2px;
}
#left_nav a.left_nav {
	display: block; /* This makes the whole list item area clickable */
}
#left_nav a:link {
	text-decoration: none;
}
#left_nav a:visited {
	text-decoration: none;
}
#left_nav a:hover {
	text-decoration: none;
}
#left_nav a:active {
	text-decoration: none;
}
#left_nav li:hover {
	background-color: #fafafa; /* This puts a background on the roll overs */
}
#left_nav li.image:hover {
	background: none;
}
ul#consumers li a:link {
	color: #367b2e;
}
ul#consumers li a:visited {
	color: #367b2e;
}
ul#consumers li a:hover {
	color: #0e4e01;
}
ul#consumers li a:active {
	color: #367b2e;
}
ul#business li a:link {
	color: #036fa8;
}
ul#business li a:visited {
	color: #036fa8;
}
ul#business li a:hover {
	color: #025079;
}
ul#business li a:active {
	color: #036fa8;
}
ul#aboriginal li a:link {
	color: #ee8c1f;
	color: #e07700;
}
ul#aboriginal li a:visited {
	color: #ee8c1f;
	color: #e07700;
}
ul#aboriginal li a:hover {
	color: #e07700;
	color: #b76712;
}
ul#aboriginal li a:active {
	color: #ee8c1f;
	color: #e07700;
}
ul#general li a:link {
	color: #766757;
}
ul#general li a:visited {
	color: #766757;
}
ul#general li a:hover {
	color: #726455;
}
ul#general li a:active {
	color: #766757;
}
#left_nav ul li.navSelected {
	background-color: #f6f5ea;
}
/*###############################
# 2014 - New Left Nav Buttons
################################*/
div#left_nav ul.leftNavButtons {
	/*	float:left;*/
	margin: 20px 0;
	padding: 0 0px 0 0px;
}
div#left_nav ul.leftNavButtons li {
	color: #444;
	background-image: url(/images/icon_red_square_11x11.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
	padding-left: 20px;
	list-style: none;
	margin: 0;
	line-height: 12px;
	/* text-transform:uppercase; */
	font-weight: normal;
}
div#left_nav ul.leftNavButtons li:hover, div#left_nav ul.leftNavButtons li:hover > a, div#left_nav ul.leftNavButtons li:hover > span a {
	color: #105387;
	background-color: #fafafa;
	cursor: pointer;
}
div#left_nav ul.leftNavButtons li a {
	color: #464646;
	text-decoration: none;
	display: block;
	padding: 7px;/* font-weight:normal; */
}
/*###############################
# 2014 - New Left Nav Buttons
################################*/
/*###########################################################################
#	END - LEFT NAV
###########################################################################*/


A.sectionTitle:link {
	text-decoration: underline;
	color: #FFFFFF;
}
A.sectionTitle:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
A.sectionTitle:active {
	text-decoration: underline;
	color: #FFFFFF;
}
A.sectionTitle:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
div#print_email {
	position: relative;
	float: left;
	width: 705px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background-color: #fff;
	text-align: left;
}
div#print_email .printBtn {
	padding-right: 10px;
}
#full {
	width: 778px;
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}
#block_insert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	float: left;
	width: 551px;
	margin: 10px 0px 10px 0px;
	padding: 15px 10px 15px 15px;
	float: right;
	background-color: #f6f5ea;
	text-align: left;
}
#block_insert_photo {
	position: relative;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#body_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	float: left;
	width: 575px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	float: right;
}
#block_insert h1, #body_text h1 {
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
li.colOne {
	position: relative;
	float: left;
	width: 230px;
	margin: 0px 50px 15px 45px;
	padding: 0px 0px 0px 10px;
	background-image: url(/imagesCFScripts/consumers/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 0px -11px;
}
li.colTwo {
	position: relative;
	float: left;
	width: 230px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 15px 0px;
	background-image: url(/imagesCFScripts/consumers/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 0px -11px;
}
li.colThree {
	position: relative;
	float: left;
	width: 230px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 15px 0px;
	background-image: url(/imagesCFScripts/consumers/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 0px -11px;
}
li.secondTier {
	position: relative;
	float: left;
	width: 190px;
	margin: 5px 0px 0px 20px;
	padding: 0px 0px 0px 8px;
	background-image: url(/imagesCFScripts/consumers/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 0px -11px;
}
li.clr {
	display: inline;
	margin: 0;
	padding: 0;
	width: 1px;
}
br.clr {
	clear: left;
	width: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
img#canada_wordmark {
	position: relative;
	float: left;
}
#body_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	width: 562px;
	padding-top: 0px;
	float: left;
}
#block_insert_photo {
	position: relative;
	float: left;
	width: 112px;
	margin: 0px 15px 0px 0px;
}
.page_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
/*li.sub { POSSIBLE JUNK?
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:10px;
	list-style:none;
	background-image:url(/images/2010/eng/ul_arrow_green.gif);
	background-repeat:no-repeat;
}
li.sub_arrow {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 15px;
	padding-left:15px;
	list-style:none;
	background-image:url(/images/2010/eng/ul_sub_dots.gif);
	background-repeat:no-repeat;
}*/
#search input {
	padding: 2px 0px 2px 2px;
}
.search_button {
	margin: 1px 0px 0px 0px;
}
/*###########################################################################
#	HOME PAGE AUDIENCE IMAGE ROTATOR
###########################################################################*/

#audienceImageRotatorContainer {
	position: relative;
	float: left;
	margin: -9px 0px 5px 0px;
}
#audienceImageRotatorContainer div#nav a { /*	margin:0px 3px 0px 0px;*/
}
#audienceImageRotatorContent a {
	text-decoration: none;
	color: #0067C6;
}
#audienceImageRotatorContent a:hover {
	text-decoration: underline;
}
/*Javascript Main Window*/
#audienceImageRotatorContent div.consumersOne, #audienceImageRotatorContent div.consumersTwo, #audienceImageRotatorContent div.consumersThree, #audienceImageRotatorContent div.consumersFour, #audienceImageRotatorContent div.consumersFive, #audienceImageRotatorContent div.businessOne, #audienceImageRotatorContent div.businessTwo, #audienceImageRotatorContent div.businessThree, #audienceImageRotatorContent div.businessFour, #audienceImageRotatorContent div.businessFive, #audienceImageRotatorContent div.aboriginalOne, #audienceImageRotatorContent div.aboriginalTwo, #audienceImageRotatorContent div.aboriginalThree, #audienceImageRotatorContent div.aboriginalFour, #audienceImageRotatorContent div.aboriginalFive, #audienceImageRotatorContent div.businessSix {
	height: 188px;
	width: 463px;
	color: white;
	font-family: arial;
	background-repeat: no-repeat;
	overflow: hidden;
	text-align: left;
	border: 1px solid #e5e5e5;
}
/*
 CONSUMER ROTATOR IMAGES
*/

#audienceImageRotatorContent div.consumersOne {
	background-image: url(/imagesCFScripts/slides/consumers1.jpg);
}
#audienceImageRotatorContent div.consumersTwo {
	background-image: url(/imagesCFScripts/slides/consumers2.jpg);
}
#audienceImageRotatorContent div.consumersThree {
	background-image: url(/imagesCFScripts/slides/consumers3.jpg);
}
#audienceImageRotatorContent div.consumersThree {
	background-image: url(/imagesCFScripts/slides/consumers3-eng.jpg);
}
#audienceImageRotatorContent div.consumersThree.french {
	background-image: url(/imagesCFScripts/slides/consumers3-fre.jpg);
}
#audienceImageRotatorContent div.consumersFour {
	background-image: url(/imagesCFScripts/slides/consumers4.jpg);
}
#audienceImageRotatorContent div.consumersFive {
	background-image: url(/imagesCFScripts/slides/consumers5.jpg);
}
/*
 BUSINESS ROTATOR IMAGES
*/

#audienceImageRotatorContent div.businessOne {
	background-image: url(/imagesCFScripts/slides/business1.jpg);
}
#audienceImageRotatorContent div.businessTwo {
	background-image: url(/imagesCFScripts/slides/business2.jpg);
}
#audienceImageRotatorContent div.businessTwo {
	background-image: url(/imagesCFScripts/slides/business2-eng.jpg);
}
#audienceImageRotatorContent div.businessTwo.french {
	background-image: url(/imagesCFScripts/slides/business2-fre.jpg);
}
#audienceImageRotatorContent div.businessThree {
	background-image: url(/imagesCFScripts/slides/business3.jpg);
}
#audienceImageRotatorContent div.businessThree.eng {
	background-image: url(/imagesCFScripts/slides/business3-en.jpg);
}
#audienceImageRotatorContent div.businessThree.fre {
	background-image: url(/imagesCFScripts/slides/business3-fr.jpg);
}
#audienceImageRotatorContent div.businessFour {
	background-image: url(/imagesCFScripts/slides/business4.jpg);
}
#audienceImageRotatorContent div.businessFive {
	background-image: url(/imagesCFScripts/slides/business5.jpg);
}
#audienceImageRotatorContent div.businessSix {
	background-image: url(/imagesCFScripts/slides/business6.jpg);
}
/*
 FIRST NATIONS ROTATOR IMAGES
*/

#audienceImageRotatorContent div.aboriginalOne {
	background-image: url(/imagesCFScripts/slides/aboriginal1.jpg);
}
#audienceImageRotatorContent div.aboriginalTwo {
	background-image: url(/imagesCFScripts/slides/aboriginal2.jpg);
}
#audienceImageRotatorContent div.aboriginalThree {
	background-image: url(/imagesCFScripts/slides/aboriginal3.jpg);
}
#audienceImageRotatorContent div.aboriginalFour {
	background-image: url(/imagesCFScripts/slides/aboriginal4.jpg);
}
#audienceImageRotatorContent div.aboriginalFive {
	background-image: url(/imagesCFScripts/slides/aboriginal5.jpg);
}
#audienceImageRotatorContent h3 {
	font-size: 18px;
	margin: 0px 0px 12px 0px;
}
#audienceImageRotatorContent p {
	font-size: 12px;
	margin: 0px 0px 8px 0px;
}
#navBar {
	width: 463px;
	height: 28px;
	background-color: transparent;
	border: none;
	margin: 0px 0px 0px 0px;
}
#audienceImageRotatorContent div a.clicker {
	display: block; /* This makes the whole list item area clickable */
	position: absolute;
	height: 188px;
	width: 463px;
	top: 0;
	left: 0;
}
#audienceImageRotatorContent div a.clicker:hover {
	text-decoration: none;
	cursor: pointer;
}
#pauseButton {
	float: left;
	margin: 6px 6px 0 155px;
	background-image: url(/imagesCFScripts/slides/pausePlayNew.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	border: 1px solid #e5e5e5;
}
/*###########################################################################
#	HOME PAGE AUDIENCE IMAGE ROTATOR
###########################################################################*/


#nav {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	z-index: 1000;
	top: 199px;
	left: 0px;
}
#audienceImageRotatorContainer.business h3 {
	color: #0173af;
}
#audienceImageRotatorContainer.consumer h3 {
	color: #387b2b;
}
#audienceImageRotatorContainer.aboriginal h3 {
	color: #f18b1d;
}
#audienceImageRotatorContainer #nav a {
	text-decoration: none;
	margin: 0px 6px 0px 0px;
	padding: 3px 7px 3px 7px;
	font-family: arial;
	background-color: #fcfbf7;
	border: 1px solid #e5e5e5;
}
#audienceImageRotatorContainer.business #nav a {
	color: #0173af;
}
#audienceImageRotatorContainer.consumer #nav a {
	color: #387b2b;
}
#audienceImageRotatorContainer.aboriginal #nav a {
	color: #f18b1d;
}
#audienceImageRotatorContainer #nav a.activeSlide {
	color: white;
}
#audienceImageRotatorContainer.business #nav a.activeSlide {
	background-color: #0173af;
	border: 1px solid #0173af;
}
#audienceImageRotatorContainer.consumer #nav a.activeSlide {
	background-color: #387b2b;
	border: 1px solid #387b2b;
}
#audienceImageRotatorContainer.aboriginal #nav a.activeSlide {
	background-color: #f18b1d;
	border: 1px solid #f18b1d;
}
div.Rory {
	width: 200px;
	height: 28px;
	background-color: #cbcbcb;
	margin: 0px 0px 0px 0px;
}
div.placeHolder {
	position: relative;
	float: left;
	width: 465px;
	height: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
div.placeHolder.full {
	width: 100%;
}
#wideLayout {
	width: 900px;
	margin-left: -190px;
}
/*
  ------------------------------------
  PVII Menu CSS Express Drop-Down Menu
  by Project Seven Development
  www.projectseven.com
  ------------------------------------

*/
#holder {
	position: relative;
	width: 150px;
	z-index: 1000;
}
#holder.fre { /*This is to position for french*/
	width: 180px;
}
/*###########################################################################
#	RELATED INFO AND RELATED LINKS
###########################################################################*/

#containerRelatedInfo {
	position: relative;
	float: left;
	clear: both;
	width: 100%;/*	border: 1px solid green;*/
}
#containerRelatedLinks {
	position: relative;
	float: left;
	clear: both;
	width: 100%;/*	border: 1px solid green;*/
}
/*###########################################################################
#	END - RELATED INFO AND RELATED LINKS
###########################################################################*/


/*###########################################################################
#	FLASH WIDGETS
###########################################################################*/

#flashModalHMI {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	vertical-align: top;/*	border-bottom:1px solid #e2e2e2;*/
}
/*###########################################################################
#	END - FLASH WIDGETS
###########################################################################*/



/*#########################################################################
#	CAREERS
##########################################################################*/

#mastheadContainerCareers {
	position: relative;
	float: left;
	width: 995px;
	height: 79px;
	clear: both;
	margin: 10px 0px 0px 30px;
	padding: 0px;
}
#mastheadContainerCareers {
	background: url(/en/images/2009_mastheadCareers.gif) no-repeat left top;
}
#mastheadContainerCareers.fre {
	background: url(/fr/images/2009_mastheadCareers.gif) no-repeat left top;
}
/*#########################################################################
#	END - CAREERS
##########################################################################*/

/*##########################################################################
#	MLI Home Page
###########################################################################*/

div.mliNewsContainer h2.newsHeader {
	margin: 0px 0 0 0;
	padding: 10px 0 0 30px;
	background-image: url(http://www.cmhc.ca/images/2009_hp_news_releases_bkgd.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 215px;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
}
div.mliNewsContainer h2.newsHeader a {
	color: #333333;
	text-decoration: none;
}
div.mliNewsContainer img.newsHeader {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
div.indexList {
	padding: 10px 10px 10px 10px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	font-size: 11px;
	width: 193px;
	float: right;
	margin: 0px 0 20px 0;
}
div.mliLeftContainer {
	float: left;
	width: 230px;
	margin: 0 12px 20px 0px;
}
div.mliRightContainer {
	float: left;
	width: 230px;
	margin: 0 5px 0 0px;
}
div.mliNewsContainer {
	float: right;
	width: 215px;
}
div.mliNewsContainer2 h2.newsHeader {
	margin: 0px 0 0 0;
	padding: 9px 0 0 30px;
	background-image: url(http://www.cmhc.ca/en/hoficlincl/moloin/images/mli_rec_ann_bkg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 295px;
	height: 21px;
	font-size: 11px;
	font-weight: bold;
}
div.mliNewsContainer2 h2.newsHeader a {
	color: #333333;
	text-decoration: none;
}
div.mliNewsContainer2 img.newsHeader {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
div.mliIndexList {
	padding: 10px 10px 10px 10px;
	border-left: 1px solid #adadad;
	border-right: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	font-size: 11px;
	width: 315px;
	float: right;
	margin: 0px 0 20px 0;
}
div.mliLeftContainer2 {
	float: left;
	width: 340px;
	margin: 0 20px 20px 0px;
}
div.mliRightContainer2 {
	float: left;
	width: 340px;
	margin: 0 0px 20px 0px;
}
div.mliNewsContainer2 {
	float: right;
	width: 335px;
	background-image: url(http://www.cmhc.ca/en/hoficlincl/moloin/images/mli_rec_ann_div_bkg.gif);
	background-position: left top;
	background-repeat: repeat;
	border: 1px solid #adadad;/*	display:none;*/
}
/*##########################################################################
#	END - MLI Home Page
###########################################################################*/

/*##########################################################################
#	NRCAN
##########################################################################*/
.files_container {
	width: 508px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCC;
	overflow: auto;
}
.row_first {
	width: 478px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	padding: 15px;
}
.row {
	width: 478px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	border-top: 1px solid #CCC;
	padding: 15px;
}
.file_title {
	width: 435px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
}
.file_delete {
	width: 40px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
/*##########################################################################
#	END - NRCAN
##########################################################################*/

/*##########################################################################
#	VIDEOS WITH PULLQUOTE
#	*Ex: Aboriginal Success Stories
###########################################################################*/

div.videoLeft {
	float: left;
	margin: 0 30px 0 0;
}
div.videoLeftText p.mainQuote {
	color: #0072a6;
	font-weight: bold;
	margin: 0 0 0 0;
	line-height: 17px;
}
/*##########################################################################
#	END - VIDEOS WITH PULLQUOTE
###########################################################################*/


/*##########################################################################
#	CMHC RESPONSE TO RECENT REPORTS - NEWSROOM - POSTED FEB 2011
###########################################################################*/

div#newsResponse {
	position: relative;
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 400px;
	font-size: 11px;
}
div#newsResponse img.header {
	margin: 0px;
	padding: 0px;
}
div#newsResponse ul {
	border: 1px solid #e5e5e5;
	border-top: 0px;
	margin: 0px;
	padding: 5px 5px 5px 10px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
/*##########################################################################
#	END - CMHC RESPONSE TO RECENT REPORTS - NEWSROOM - POSTED FEB 2011
###########################################################################*/

/*##########################################################################
#	JUST THE FACTS
##########################################################################*/

div#justTheFactsHeader {
	margin-top: 20px;
	width: 160px;
	font-size: 13px;
	background-color: #FBFBFB;
	border: 1px solid #E9E9E9;
	border-bottom: 1px solid #F00;
	padding: 10px;
	text-align: left;
}
div#justTheFactsContent {
	width: 160px;
	font-size: 11px;
	border: 1px solid #E9E9E9;
	padding: 10px;
}
div#justTheFactsContent ul {
	margin: 0 0 0 0;
	line-height: 20px;
	text-align: left;
}
div#justTheFactsContent ul li {
	padding: 0 0 0 15px;
	background-image: url(/images/dotted_arrow.gif);
	background-repeat: no-repeat;
	list-style: none;
}
/*##########################################################################
#	END - JUST THE FACTS
##########################################################################*/

/*##########################################################################
#	RESEARCH HIGHLIGHTS - for pages created at root of
#	http://192.197.69.104/en/inpr/rehi/  (and french alternate)
##########################################################################*/


/*FOR RH DATA TABLES*/
table.RHDataTable {
	border-collapse: collapse;
	margin: 5px 0;
	clear: both;
}
table.RHDataTable caption {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 5px;
}
table.RHDataTable td, .RHDataTable th {
	font-size: 12px;
	padding: 2px;
	border: 1px solid #999;
	vertical-align: top;
}
.RHDataTable thead th {
	text-align: center;
}
.RHDataTable tbody th {
	text-align: left;
}
table.RHDataTable tbody td {
	text-align: left;
}
table.RHDataTable tbody.RHnumericalData td {
	text-align: right;
	white-space: nowrap;
}
table.RHDataTable tfoot tr td {
	border: none;
}
table.RHDataTable tfoot tr td, table.RHDataTable tfoot tr td p {
	text-align: left;
	font-size: 11px;
}
/*For Descriptions under Graphs or Diagrams*/
div.RHGraphicDescription {
}
/*For Descriptions under Graphs or Diagrams*/
div.RHPullout {
	float: right;
	width: 300px;
	margin-left: 12px;
	margin-bottom: 16px;
	padding: 7px;
	padding-top: 0px;
	padding-bottom: 10px;
	position: relative;
	clear: right;
	border: 1px solid #999999;
	background-color: #fafafa;
}
div.RHPullout table {
	margin: auto;
}
div.RHPullout table td, div.RHPullout table th {
	border: none;
	text-align: left;
}
/*##########################################################################
#	END - RESEARCH HIGHLIGHTS
##########################################################################*/


/*##########################################################################
#	DATA TABLES - for News Releases (NRDataTable - last used 2012) 
#	and miscellaneous data tables through site (DataTable)
##########################################################################*/

table.NRDataTable {
	border-collapse: collapse;
	margin: 5px 0;
	clear: both;
	width: 100%;
}
table.NRDataTable caption {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 5px;
}
table.NRDataTable td, .NRDataTable th {
	font-size: 12px;
	padding: 2px;
	border: 1px solid #999;
	vertical-align: top;
}
.NRDataTable thead th {
	text-align: center;
}
.NRDataTable tbody th {
	text-align: left;
}
table.NRDataTable tbody td {
	text-align: left;
}
table.NRDataTable tbody td.NRnumericalData {
	text-align: right;
}
table.NRDataTable tbody td.centeredData {
	text-align: center;
}
table.NRDataTable tfoot tr td, table.DataTable tfoot tr td {
	border: none;
}
table.NRDataTable tfoot tr td, table.NRDataTable tfoot tr td p {
	text-align: left;
	font-size: 11px;
}
table.DataTable {
	border-collapse: collapse;
	margin: 5px 0;
	clear: both;
	width: 100%;
}
table.DataTable caption {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 5px;
}
table.DataTable td, table.DataTable th {
	font-size: 12px;
	padding: 2px;
	border: 1px solid #ccc;
	vertical-align: top;
}
.DataTable thead th {
	text-align: center;
}
.DataTable tbody th {
	text-align: left;
	font-weight: normal;
}
table.DataTable tbody td {
	text-align: left;
}
table.DataTable tbody .numericalData, table.DataTable tfoot .numericalData, td.numericalData {
	text-align: right;
}
table.DataTable tbody td.centeredData, table.DataTable thead td.centeredData {
	text-align: center;
}
/* tfoot styling below was used improperly for table FOOTNOTES and should no longer be used. Use p.footnote for footnotes instead - June 2012 */

table.NRDataTable tfoot tr td, table.DataTable tfoot tr td {
	border: none;
}
table.NRDataTable tfoot tr td, table.NRDataTable tfoot tr td p, table.DataTable tfoot tr td, table.DataTable tfoot tr td p {
	text-align: left;
	font-size: 11px;
}
/* tfoot.tableFooter -- This tag is used to group the tables footer area (which may be a summary, an addition of column values, or some call to action based on the preceding content).(not for footnotes) */
table.DataTable tfoot.tableFooter tr td {
	font-weight: bold;
	font-size: 12px;
}
table.DataTable tfoot.tableFooter th {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}
table.NRDataTable tfoot.tableFooter tr td, table.DataTable tfoot.tableFooter tr td {
	border: 1px solid #999;
}
/*##########################################################################
#	END - DATA TABLES - for News Releases (NRDataTable - last used 2012) 
##########################################################################*/

/*###########################################################################
#	END - News Release DATA TABLES
###########################################################################*/



/*##########################################################################
#	2011 Annual Report  (/en/corp/about/anrecopl/anre/)
##########################################################################*/

ul.anre2011 {
	background-image: url(/en/corp/about/anrecopl/anre/images/separator.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
ul.anre2011 li {
	padding: 15px 0px 15px 0px;
	border: none;
	font-size: 1.2em;
	list-style: none;
	background-repeat: repeat-x;
	background-position: top left;
	background-image: url(/en/corp/about/anrecopl/anre/images/separator.gif);
}
ul.anre2011 li a:hover {
	text-decoration: none;
}
ul.anre2011 li.download span {
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url(/en/corp/about/anrecopl/anre/images/icon_download.gif);
	padding: 2px 0px 5px 28px;
}
ul.anre2011 li.highlights a {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/en/corp/about/anrecopl/anre/images/icon_highlights.gif);
	padding: 1px 0px 5px 28px;
}
ul.anre2011 li.pdf a {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/en/corp/about/anrecopl/anre/images/icon_pdf.gif);
	padding: 2px 0px 5px 28px;
}
h2 span.anre {
	font-size: 16px;
}
h3.anre {
	font-size: 14px;
}
#subPageHead.anre {
	height: 128px;
	background: url(/en/corp/about/anrecopl/anre/images/headerAnre2012.png) top left no-repeat;
}
#subPageHead.anre.fr {
	height: 128px;
	background: url(/en/corp/about/anrecopl/anre/images/headerAnre2012-fr.png) top left no-repeat;
}
#subPageHead.anre h1, #subPageHead.anre p {
	display: none;
}
/*##########################################################################
#	END - 2011 Annual Report  (/en/corp/about/anrecopl/anre/)
##########################################################################*/


/*##########################################################################
#	Updated Home Pages
###########################################################################*/

div.hpCorporate.first, div.hpBusiness.first, div.hpConsumers.first, div.hpFirstNations.first {
	margin: 15px 0 0 0; /*This pushes down the feature boxes to line them up with the h2 in the opposite column*/
}
div.featureBox {
	float: right;
	/*	width: 218px;*/
	width: 240px;
	padding: 13px 13px 13px 13px;
	background-color: #fcfcf7;
	background-repeat: repeat-x;
	background-position: bottom left;
	margin: 0px 0 15px 0px;
	background-image: url(/images/featureBoxBorder.gif); /*Generic bottom dotted border*/
}
div.featureBox.noIcon { /*	width: 240px;*/
	padding: 13px 0px 13px 0px;
}
div.featureBox.skinny { /*Currently used in HMI - Forecasts and Statistics*/
	width: 186px;
}
div.hpCorporate div.featureBox {
	border-left: 3px solid #95836f;
}
div.hpCorporate div.featureBox.horizontal {
	background-color: #f8f8f8;
	background-image: none;
	border: 1px solid #e1e1e1;
	border-top: 3px solid #95836f;
	width: 195px;
}
div.hpBusiness div.featureBox {
	border-left: 3px solid #036fa8;
}
div.hpConsumers div.featureBox {
	border-left: 3px solid #367b2e;
}
div.hpFirstNations div.featureBox {
	border-left: 3px solid #e07700;
}
div.featureBox p {
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	background-image: url(/images/red_arrow_right.gif);
}
div.featureBox.noIcon p {
	margin: 0 0 0 0;
	padding: 0 5px 0 10px;
	background-image: none;
}
/* Obsolete?
div.featureBox img {
	margin:0 5px 0 -22px;
	padding:0 0px 0 0;
}
div.featureBox.noIcon img {
	margin:0 0px 5px 0px;
	padding:0 0px 0 0;
}*/

/*##########################################################################
#	END - Updated Home Pages
###########################################################################*/


/*##########################################################################
#	Affordable Housing Center
###########################################################################*/

#NHDHeaderBox {
	float: left;
	background-image: url(http://www.cmhc.ca/en/inpr/afhoce/images/nhd_eng_4.jpg);
	background-repeat: no-repeat;
	width: 703px;
	height: 167px;/*	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
*/
}
#NHDHeaderBox.fr {
	background-image: url(http://www.cmhc.ca/fr/prin/celoab/images/nhd_fre_5.jpg);
	width: 705px;
	height: 167px;
}
#NHDHeaderBox p {
	margin: 55px 0px 0px 23px;
	font-size: 12px;
	width: 300px;
}
#NHDHeaderBox.fr p {
	width: 265px;
}
/* YouTube Btn *****THIS CODE IS NOT WORKING! ff IS FINE, BUT IE IS BUGGY */
div.youTubeBtn {
	position: relative; /* necessary to absolute position a.btnLink */
	background: url(/en/images/YouTubeBlank_3.gif);
	background-repeat: no-repeat;
	width: 340px;
	height: 99px;
	padding: 8px 0 0 0;
}
a.btnLink {
	border: 0;
	text-decoration: none;
}
a.btnLink span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
div.youTubeBtn p, div.youTubeBtn h3 {
	position: relative;
	width: 160px;
	padding: 0 0 0 0;
	margin: 0 0 5px 170px;
}
/* End - YouTube Btn */


/*##########################################################################
#	END - Affordable Housing Center
###########################################################################*/

/*##########################################################################
#	Mobile App Landing Page
##########################################################################*/

div#mlp_content_container {
	width: 550px;
}
div#mlp_download_title {
	width: 525px;
	padding-left: 25px;
	padding-bottom: 5px;
	background-image: url(/fr/clfihaclin/images/arrow_download.gif);
	background-repeat: no-repeat;
}
div#mlp_download_options_container {
	width: 870px;
	background-color: #f7f7f7;
	position: relative;
	overflow: auto;
}
div.mlp_option_box_one {
	width: 170px;
	border-right: 1px solid #E0E0E0;
	position: relative;
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
}
div.mlp_option_box_two {
	width: 130px;
	border-right: 1px solid #E0E0E0;
	position: relative;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
}
div.mlp_option_box_three {
	width: 140px;
	position: relative;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
}
div#mlp_phone_image_eng {
	position: absolute;
	left: 400px;
	top: 185px;
	float: right;
	z-index: 100;
}
div#mlp_phone_image_fre {
	position: absolute;
	left: 400px;
	top: 245px;
	float: right;
	z-index: 100;
}
div#mlp_cmhc_tagline {
	width: 550px;
}
div#mlp_disclaimer {
	width: 550px;
}
/*##########################################################################
#	END - Mobile App Landing Page
##########################################################################*/




/*#########################################################################
#	Quick Links (lower left hand nav)
#########################################################################*/

div#QL_container {
	width: 170px;
}
div#QL_masthead {
	width: 170px;
	background-image: url(/images/QL_bg_masthead.gif);
	background-repeat: no-repeat;
	padding: 10px 0px 6px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #367b2e;
	font-size: 14px;
	font-weight: bold;
}
div#QL_list {
	width: 163px;
	padding: 10px 0px 6px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	background-color: #FFF;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
ul.QL {
	margin-top: 0px;
}
li.QL_bullet_arrow {
	background-image: url(/images/QL_icon_dotted_arrow.gif);
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 10px;
	margin-left: -40px;
	margin-bottom: 10px;
}
/*#########################################################################
#	END - Quick Links (lower left hand nav)
#########################################################################*/


/*
###########################################################################
#
# 2 Column Index Pages: 1 + 1 ex: EQ Gallery
#
# ################# In Use, but DEPRECATED. Do Not Use! ###################
#
# Use New 2 column 1 + 1 from below!
#
###########################################################################
*/

div.twoColumn.index {
	float: left;
	clear: both;
	width: 705px;
}
div.twoColumn.index div.columnOne {
	float: left;
	max-width: 100%;
	width: 345px;
	margin: 0px 15px 0px 0;
}
div.twoColumn.index div.columnTwo {
	float: left;
	max-width: 100%;
	width: 345px;
}
/*
###########################################################################
# END - 2 Column Index Pages
###########################################################################
*/

/*
###########################################################################
#
# 2 Column HMI (Housing Market Information): (1+1) + 1
# Ex: Forecasts and Analysis - /en/hoficlincl/homain/foan/index.cfm
#
# ##########DEPRECATED! Use the 3 Column twoPlusOne layout found below!! ##
#
###########################################################################
*/


div.twoColumn.sectionHMI {
	float: left;
	clear: both;
	width: 705px;
}
div.twoColumn.sectionHMI div.columnOne {
	float: left;
	max-width: 100%;
	width: 457px;
	margin: 0px 20px 0px 0;
}
div.twoColumn.sectionHMI div.columnTwo {
	float: left;
	max-width: 100%;
	width: 228px;
	margin: 35px 0 0 0;
}
div.twoColumn.sectionHMI div.columnOne div.columnOneInnerContainer {
	border-bottom: 1px solid #e5e5e5;
	overflow: auto;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
div.twoColumn.sectionHMI div.columnOne div.columnOne {
	float: left;
	max-width: 100%;
	width: 349px;
	margin: 0px 10px 0px 0;
}
div.twoColumn.sectionHMI div.columnOne div.columnTwo {
	float: left;
	max-width: 100%;
	width: 90px;
	margin: 0px 0 0px 0;
}
/*
###########################################################################
# END - 2 Column HMI (Housing Market Information)
###########################################################################
*/


/*
###########################################################################
#
# Equilibrium - Photo and Video Gallery
#
###########################################################################
*/

div.twoColumn.eqGallery {
	float: left;
	clear: both;
	width: 500px;
}
div.twoColumn.eqGallery div.columnOne {
	float: left;
	max-width: 240px;
}
div.twoColumn.eqGallery div.columnTwo {
	float: right;
	max-width: 240px;
}
div.twoColumn.eqGallery div.columnOneImage, div.twoColumn.eqGallery div.columnTwoImage {
	position: relative;
	text-align: center;
}
div.twoColumn.eqGallery div.columnOneText, div.twoColumn.eqGallery div.columnTwoText {
	position: relative;
	text-align: center;
	font-size: 11px;
}
div.twoColumn.eqGallery div.columnOneImage img, div.twoColumn.eqGallery div.columnTwoImage img {
	border: 1px solid black;
}
div.twoColumn.eqGallery div.flickrLink {
	float: left;
	clear: left;
	margin: 0px 0px 0px 0;
	padding: 0 0 20px 0;
	width: 500px;
}
div.twoColumn.eqGallery div.flickrLink img {
	margin: 0 5px -3px 0;
}
/*
###########################################################################
# END - Equilibrium - Photo and Video Gallery
###########################################################################
*/


/*
###########################################################################
#
# ****NEW**** 2 Column Index Pages: 1 + 1
# ex: CMHC International

#
###########################################################################
*/

div.twoColumn.indexPage {
	float: left;
	clear: both;
	width: 100%;
}
div.twoColumn.indexPage div.columnOne {
	float: left;
	width: 407px;
	margin: 0px 15px 0px 0;
}
div.twoColumn.indexPage div.columnTwo { /*This is column that contains the featureBox*/
	float: left;
	width: 282px;
}
/*
###########################################################################
# END - NEW 2 Column Index Pages
###########################################################################
*/


/*
###########################################################################
#
# 3 Column Sub Pages: 1 + 1 + 1
#
###########################################################################
*/

div.threeColumn {
	float: left;
	clear: both;
	width: 100%;
}
div.threeColumn div.columnOne {
	float: left;
	/*	max-width:100%;*/
	width: 30%;
	margin: 0px 15px 0px 0;
}
div.threeColumn div.columnTwo {
	float: left;
	/*	max-width:100%;*/
	width: 30%;
	margin: 0px 15px 0px 0;
}
div.threeColumn div.columnThree {
	float: left;
	/*	max-width:100%;*/
	width: 30%;
}
/*
###########################################################################
# END - 3 Column Sub Pages
###########################################################################
*/



/*
###########################################################################
#
# 3 Column  (1+1) + 1 (twoPlusOne)
#
#
###########################################################################
*/


div.threeColumn.twoPlusOne {
	float: left;
	clear: both;
	width: 705px;
}
div.threeColumn.twoPlusOne div.columnOne {
	float: left;
	max-width: 100%;
	width: 457px;
	margin: 0px 20px 0px 0;
}
div.threeColumn.twoPlusOne div.columnTwo {
	float: left;
	max-width: 100%;
	width: 228px;
	margin: 35px 0 0 0;
}
div.threeColumn.twoPlusOne div.columnOne div.oneContainer {
	/*	border-bottom:1px solid #e5e5e5;*/
	overflow: auto;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
div.threeColumn.twoPlusOne div.columnOne div.columnOne {
	float: left;
	max-width: 100%;
	width: 224px;
	margin: 0px 10px 0px 0;
}
div.threeColumn.twoPlusOne div.columnOne div.columnTwo {
	float: left;
	max-width: 100%;
	width: 223px;
	margin: 0px 0 0px 0;
}
/* ###########################################################################
	Use these styles if the second column is in a separate CommonSpot Text Block
	i.e: A custom cf navigatioon module (as seen in EQ section)
	NOTE: You need to add the 'separate' class to the threeColumn container div
 ###########################################################################*/

div.threeColumn.twoPlusOne.separate {
	width: 470px;/*border:1px solid green;*/
}
.columnTwoSeparate {
	float: right;
	width: 228px;
	margin: 0px 0px 0 0;
}
/*
###########################################################################
# END - 3 Column  (1+1) + 1 (twoPlusOne)
###########################################################################
*/


/*
###########################################################################
#
# 3 Column  1 + (1+1) (onePlusTwo)

#
###########################################################################
*/


div.threeColumn.onePlusTwo {
	float: left;
	clear: both;
	width: 100%;
}
div.threeColumn.onePlusTwo div.columnOne {
	float: left;
	width: 31%;
	margin: 0px 12px 0px 0;
}
div.threeColumn.onePlusTwo div.columnTwo {
	float: left;
	width: 66%;
	margin: 0px 0px 0px 0;
}
div.threeColumn.onePlusTwo div.columnTwo div.columnOne {
	float: left;
	width: 47%;
	margin: 0px 12px 0px 0;
}
div.threeColumn.onePlusTwo div.columnTwo div.columnTwo {
	float: left;
	width: 47%;
	margin: 0px 0 0px 0;
}
/*
###########################################################################
# END - 3 Column  1 + (1+1) (onePlusTwo)
###########################################################################
*/




/*
###########################################################################
#
# 2 Column - Separate blocks (see EQ Pages for example)
#
###########################################################################
*/
div.twoColumn.oneOfTwo { /* This will be deprecated in favour of oneColumnDiv and twoColumnDiv */
	float: left;
	clear: both;
	width: 457px;
}
div.twoColumn.twoOfTwo { /* This will be deprecated in favour of oneColumnDiv and twoColumnDiv */
	float: right;
	clear: right;
	width: 228px;
	margin: 0px 0px 15px 0;
	text-align: left;
}
div.twoColumn.oneOfTwo.wide {
	width: 405px;
}
div.twoColumn.twoOfTwo.wide {
	width: 280px;
}
div.twoColumn.oneOfTwo.equal {
	width: 343px;
}
div.twoColumn.twoOfTwo.equal {
	width: 342px;
}
div.twoColumnContainer {
	float: left;
	width: 100%;
	clear: both;
}
/* Updated twoColumn Layout - Final? May 2013 */
div.tcdInnerContainer {
	float: left;
	width: 100%;
	clear: both;
	margin: 10px 0 0 0;
}
div.twoColumnDiv.oneOfTwo {
	float: left;
	clear: both;
	width: auto;
}
div.twoColumnDiv.twoOfTwo {
	float: right;
	clear: right;
	width: auto;
	margin: 0 0 0 2%;
	text-align: left;
}
div.twoColumnDiv.oneOfTwo.equal {
	width: 48%;
}
div.twoColumnDiv.twoOfTwo.equal {
	width: 48%;
}
div.twoColumnDiv.oneOfTwo.wideLeft {
	width: 59%;
}
div.twoColumnDiv.twoOfTwo.wideLeft {
	width: 38%;
}
div.twoColumnDiv.oneOfTwo.wideRight {
	width: 57%;
}
div.twoColumnDiv.twoOfTwo.wideRight {
	width: 40%;
	float: right;
}
div.twoColumnDiv.oneOfTwo.skinny {
	width: 67%;
}
div.twoColumnDiv.twoOfTwo.skinny {
	width: 30%;
	float: right;
}
div.twoColumnDiv.oneOfTwo.widerLeft {
	width: 73%;
}
div.twoColumnDiv.twoOfTwo.widerLeft {
	width: 24%;
	float: right;
}
div.twoColumn.twoOfTwo.index { /* Use this for a twoOfTwo column on the index */
	margin: 25px 0px 0 0;
}
div.twoColumn.twoOfTwo div.newFeatureBox {
	float: right;
	width: 208px;
	padding: 9px;
	border: 1px solid #e5e5e5;
	margin: 0 0 20px 0;
}
/* Skinny twoColumn - See MCS2012 */
div.twoColumn.oneOfTwo.skinny {
	float: left;
	clear: both;
	width: 510px;
}
div.twoColumn.twoOfTwo.skinny {
	float: right;
	clear: right;
	width: 175px;
	margin: 0px 0px 15px 0;
}
/* END - Skinny twoColumn - See MCS2012 */

div.twoColumnDiv ul.index_bullet_list {
	margin: 0 0 0 14px;
}
div.twoColumnDiv ul.index_bullet_list.spaced li {
	margin: 0 0 10px 0px;
}
div.tcdInnerContainer h2 {
	margin-top: 0;
}
/*
############################################################################
# END - 2 Column - Separate blocks
############################################################################
*/


/*
############################################################################
# 3 Column
############################################################################
*/

div.threeColumnDiv.oneOfThree {
	float: left;
	width: 32%;
}
div.threeColumnDiv.twoOfThree {
	float: left;
	width: 32%;
	margin: 0 0 0 1%;
	text-align: left;
}
div.threeColumnDiv.threeOfThree {
	float: right;
	clear: right;
	width: 32%;
	margin: 0 0 0 1%;
	text-align: left;
}
div.threeColumnDiv.oneOfThree.wideRight {
	width: 28%;
}
div.threeColumnDiv.twoOfThree.wideRight {
	width: 28%;
}
div.threeColumnDiv.threeOfThree.wideRight {
	width: 40%;
}
/*
############################################################################
# END - 3 Column
############################################################################
*/





/*##########################################################################
#	New Index Page
##########################################################################*/

hr {
	display: block; /* This allows margins to be manipulated in IE */
	border: none;
	border-top: 1px dotted #777777;
	color: #fff;
	background-color: #fff;
	height: 2px;
	width: 100%;
	margin: 20px 0px 20px 0px;
}
#indexHead, #subPageHead {
	width: 100%;
	height: 210px;
	margin: -18px 0px 0px 0px;
}
#subPageHead {
	height: 115px;
}
#subPageHead.noBkg {
	margin: 0px 0px 0px 0px;
	min-height: 120px;
	height: auto; /* This resets height to adjust to content */
	background-image: url(/images/dots_bg.gif);
	background-position: bottom;
}
#subPageHead.eq { /* This is the default background image for eq.  */
	background: url(/en/inpr/su/eqho/images/secondaryDefaultHeader.gif) top left no-repeat;
}
#subPageHead.eq.abondance {
	background: url(/en/inpr/su/eqho/images/headers/headerAbondance.png) top left no-repeat;
}
#subPageHead.eq.alstonvale {
	background: url(/en/inpr/su/eqho/images/headers/headerAlstonvale.png) top left no-repeat;
}
#subPageHead.eq.avalon {
	background: url(/en/inpr/su/eqho/images/headers/headerAvalon.png) top left no-repeat;
}
#subPageHead.eq.chess {
	background: url(/en/inpr/su/eqho/images/headers/headerChess.png) top left no-repeat;
}
#subPageHead.eq.echoHaven {
	background: url(/en/inpr/su/eqho/images/headers/headerEchoHaven.png) top left no-repeat;
}
#subPageHead.eq.ecoTerra {
	background: url(/en/inpr/su/eqho/images/headers/headerEcoTerra.png) top left no-repeat;
}
#subPageHead.eq.greenDream {
	background: url(/en/inpr/su/eqho/images/headers/headerGreenDream.png) top left no-repeat;
}
#subPageHead.eq.harmonyHouse {
	background: url(/en/inpr/su/eqho/images/headers/headerHarmonyHouse.png) top left no-repeat;
}
#subPageHead.eq.mintoEcohome {
	background: url(/en/inpr/su/eqho/images/headers/headerMintoEcohome.png) top left no-repeat;
}
#subPageHead.eq.nowHouse {
	background: url(/en/inpr/su/eqho/images/headers/headerNowHouse.png) top left no-repeat;
}
#subPageHead.eq.riverdale {
	background: url(/en/inpr/su/eqho/images/headers/headerRiverdale.png) top left no-repeat;
}
#subPageHead.eq.urbanEcology {
	background: url(/en/inpr/su/eqho/images/headers/headerUrbanEcology.png) top left no-repeat;
}
#subPageHead.eq.eqForum {
	background: url(/en/inpr/su/eqho/images/headers/headerEQForum.png) top left no-repeat;
}
#indexHead.cmhcin {
	background: url(/en/hoficlincl/cmhcin/images/headerGraphicInternational.png) top left no-repeat;
}
#indexHead.ccb {
	background: url(/en/hoficlincl/cacobo/images/headerGraphicCCB.png) top left no-repeat;
}
#indexHead.nhd2012 {
	background: url(/en/inpr/afhoce/images/headerGraphicNHD2012.png) top left no-repeat;
}
#indexHead.mliHome {
	background: url(/en/hoficlincl/moloin/images/headerGraphicMLIHome.png) top left no-repeat;
}
#indexHead.eq { /*	background: url(/en/inpr/su/eqho/images/headerGraphicEQ.png) top left no-repeat;*/
}
/*	Housing for Older Cdns */
#indexHead.hoolcaOne {
	background: url(/imagesCFScripts/indexPageHeaders/hoolca/headerGraphicHoolcaOne.png) top left no-repeat;
}
#indexHead.hoolcaTwo {
	background: url(/imagesCFScripts/indexPageHeaders/hoolca/headerGraphicHoolcaTwo.png) top left no-repeat;
}
#indexHead.hoolcaThree {
	background: url(/imagesCFScripts/indexPageHeaders/hoolca/headerGraphicHoolcaThree.png) top left no-repeat;
}
#indexHead.hoolcaFour {
	background: url(/imagesCFScripts/indexPageHeaders/hoolca/headerGraphicHoolcaFour.png) top left no-repeat;
}
#indexHead.hoolcaFive {
	background: url(/imagesCFScripts/indexPageHeaders/hoolca/headerGraphicHoolcaFive.png) top left no-repeat;
}
/*	END - Housing for Older Cdns */
#indexHead.mcs2013 {
	background: url(/en/hoficlincl/moloin/cosu/images/headerGraphicMCS2013.png) top left no-repeat;
}
#indexHead.newsRoom {
	background: url(/en/corp/nero/images/headerGraphicNewsRoom.png) top left no-repeat;
}
#indexHead.library {
	background: url(/en/corp/li/images/headerGraphicLibrary.png) top left no-repeat;
}
#indexHead.accessibleHousing {
	background: url(/en/co/acho/images/headerGraphicAccessibleHousing.png) top left no-repeat;
}
#indexHead.greenHousing {
	background: url(/en/co/grho/images/headerGraphicGreenHousing.png) top left no-repeat;
}
#indexHead.firstTime {
	background: url(/en/hoficlincl/moloin/sure/fihosu/images/headerGraphicfirstTime.png) top left no-repeat;
}
#indexHead.careers {
	background: url(/en/corp/ca/images/headerGraphicCareers.png) top left no-repeat;
}
#indexHeadSlideshow { /*z-index: 1;
position:absolute;
top:0;
left:0;*/
}
#indexHeadSlideshow a.clickImage { /*This makes the empty anchor tag on the bkg image clickable*/
	display: block;
	position: absolute;
	right: 0;
	width: 240px;
	height: 210px;
}
#indexHead.eq div#eqOne, #indexHead.eq div#eqTwo, #indexHead.eq div#eqThree, #indexHead.eq div#eqFour, #indexHead.eq div#eqFive, #indexHead.eq div#eqSix, #indexHead.eq div#eqSeven, #indexHead.eq div#eqEight, #indexHead.eq div#eqNine, #indexHead.eq div#eqTen, #indexHead.eq div#eqEleven, #indexHead.eq div#eqTwelve {
	width: 100%;
	height: 210px;
}
#indexHead.eq div#eqOne {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ1.png) top left no-repeat;
}
#indexHead.eq div#eqTwo {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ2.png) top left no-repeat;
}
#indexHead.eq div#eqThree {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ3.png) top left no-repeat;
}
#indexHead.eq div#eqFour {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ4.png) top left no-repeat;
}
#indexHead.eq div#eqFive {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ5.png) top left no-repeat;
}
#indexHead.eq div#eqSix {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ6.png) top left no-repeat;
}
#indexHead.eq div#eqSeven {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ7.png) top left no-repeat;
}
#indexHead.eq div#eqEight {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ8.png) top left no-repeat;
}
#indexHead.eq div#eqNine {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ9.png) top left no-repeat;
}
#indexHead.eq div#eqTen {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ10.png) top left no-repeat;
}
#indexHead.eq div#eqEleven {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ11.png) top left no-repeat;
}
#indexHead.eq div#eqTwelve {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ12.png) top left no-repeat;
}
/* FRENCH HEADERS */
#indexHeadSlideshow.fr div#eqOne {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ1_fre.png) top left no-repeat;
}
#indexHeadSlideshow.fr div#eqTwo {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ2_fre.png) top left no-repeat;
}
#indexHeadSlideshow.fr div#eqThree {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ3_fre.png) top left no-repeat;
}
#indexHeadSlideshow.fr div#eqFour {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ4_fre.png) top left no-repeat;
}
#indexHeadSlideshow.fr div#eqFive {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ5_fre.png) top left no-repeat;
}
#indexHeadSlideshow.fr div#eqSix {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ6_fre.png) top left no-repeat;
}
#indexHeadSlideshow.fr div#eqSeven {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ7_fre.png) top left no-repeat;
}
#indexHeadSlideshow.fr div#eqEight {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ8_fre.png) top left no-repeat;
}
#indexHeadSlideshow.fr div#eqNine {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ9_fre.png) top left no-repeat;
}
#indexHeadSlideshow.fr div#eqTen {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ10_fre.png) top left no-repeat;
}
#indexHeadSlideshow.fr div#eqEleven {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ11_fre.png) top left no-repeat;
}
#indexHeadSlideshow.fr div#eqTwelve {
	background: url(/en/inpr/su/eqho/images/headerGraphicEQ12_fre.png) top left no-repeat;
}
#indexHead div.indexHeadContent, #subPageHead div.indexHeadContent {
	width: 405px;
	padding: 10px 0px 0px 15px;
}
#subPageHead.noBkg div.indexHeadContent {
	width: 100%;
	padding: 10px 0px 10px 0px;
}
#indexHead.slideshow div.indexHeadContent {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 1000;
}
#indexHead.wideImage div.indexHeadContent {
	width: 330px;
	padding: 10px 0px 0px 15px;
}
div#indexHead.slideshow div.slideShowContent {
	width: 100%;
	height: 210px;
	background-image: url(/en/inpr/su/eqho/images/secondaryDefaultHeader.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
/*##### Slideshow - MLI #####*/
div#indexHead.slideshow.mli div#slideOne.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/mli/slideIntro.png);
}
/*div#indexHead.slideshow.mli div#slideTwo.slideShowContent {
	background-image:url(/imagesCFScripts/slideShow/mli/slideMortgageCycle.png);
}
div#indexHead.slideshow.mli div#slideTwo.slideShowContent.fr {
	background-image:url(/imagesCFScripts/slideShow/mli/slideMortgageCycle-fr.png);
}
div#indexHead.slideshow.mli div#slideTwo.slideShowContent {
	background-image:url(/imagesCFScripts/slideShow/mli/slideSurvey.png);
}*/



div#indexHead.slideshow.mli div#slideTwo.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/mli/slideFirstTime2014.png);
}
/*div#indexHead.slideshow.mli div#slideThree.slideShowContent { background-image:url(/imagesCFScripts/slideShow/mli/slideMCS2014.jpg); }*/

div#indexHead.slideshow.mli div#slideFour.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/mli/slideResource.png);
}
/*div#indexHead.slideshow.mli div#slideThree.slideShowContent.fr {
	background-image:url(/imagesCFScripts/slideShow/mli/slideCalculator-fr.png);
}*/
/*div#indexHead.slideshow.mli div#slideFour.slideShowContent {
	background-image:url(/imagesCFScripts/slideShow/mli/slideApp.png);
}*/
div#indexHead.slideshow.mli div#slideFive.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/mli/slideKit.png);
}
/*div#indexHead.slideshow.mli div#slideFive.slideShowContent {
	background-image:url(/imagesCFScripts/slideShow/mli/slideMCS2013.png);
}
*/
/*div#indexHead.slideshow.mli div#slideFive.slideShowContent {
	background-image:url(/imagesCFScripts/slideShow/mli/slideFirstTime2013.png);
}*/
div#indexHead.slideshow.mli div#slideThree.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/mli/slideMCS2015.png);
}
/*##### END - Slideshow - MLI #####*/

/*##### Slideshow - Affordable Housing #####*/
div#indexHead.slideshow.afhoce div#slideOne.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/afhoce/slideOne.png);
}
div#indexHead.slideshow.afhoce div#slideTwo.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/afhoce/slideTwo.png);
}
div#indexHead.slideshow.afhoce div#slideThree.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/afhoce/slideThree.png);
}
div#indexHead.slideshow.afhoce div#slideFour.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/afhoce/slideFour.png);
}
div#indexHead.slideshow.afhoce div#slideFive.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/afhoce/slideFive.png);
}
div#indexHead.slideshow.afhoce div#slideSix.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/afhoce/slideSix.png);
}
/*##### END - Slideshow - Affordable Housing #####*/

/*##### Slideshow - Careers #####*/
div#indexHead.slideshow.hr div#slideOne.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/careers/slideEleanor.png);
}
div#indexHead.slideshow.hr div#slideTwo.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/careers/slideMukhbir.png);
}
div#indexHead.slideshow.hr div#slideThree.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/careers/slideNathan.png);
}
div#indexHead.slideshow.hr div#slideFour.slideShowContent {
	background-image: url(/imagesCFScripts/slideShow/careers/slideDaniela.png);
}
div#indexHead.slideshow.hr div#slideOne.slideShowContent.fr {
	background-image: url(/imagesCFScripts/slideShow/careers/slideSimon.png);
}
div#indexHead.slideshow.hr div#slideTwo.slideShowContent.fr {
	background-image: url(/imagesCFScripts/slideShow/careers/slideMathieu.png);
}
div#indexHead.slideshow.hr div#slideThree.slideShowContent.fr {
	background-image: url(/imagesCFScripts/slideShow/careers/slideCaroline.png);
}
div#indexHead.slideshow.hr div#slideFour.slideShowContent.fr {
	background-image: url(/imagesCFScripts/slideShow/careers/slideNadine.png);
}
/*##### END - Slideshow - Careers #####*/


div.slideShowContent h1.index, div.slideShowContent p {
	width: 405px;
	position: relative;
	float: left;
}
div.slideShowContent h1.quote {
	font-size: 14px;
}
div.slideShowContent h1.index {
	margin: 10px 0 10px 10px;
}
div.slideShowContent p {
	margin: 0px 0 10px 10px;
}
#slideShowNav {
	font-size: 14px;
	font-weight: bold;
	position: relative;
	float: left;
	margin: -30px 3px 0px 10px;
	z-index: 1000;
}
#slideShowNav a {
	color: #7a7a7a;
	text-decoration: none;
	margin: 0px 3px 0px 0px;
	padding: 2px 8px 2px 8px;
	font-family: arial;
	background-color: #cccccc;
}
#slideShowNav a.activeSlide {
	background-color: #7a7a7a;
	color: white;
}
#slideShowPause {
	position: relative;
	float: left;
	margin: -32px 0px 0 130px;
	z-index: 1000;
	background-image: url(/imagesCFScripts/slides/pausePlay.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 24px;
	height: 20px;
	cursor: pointer;
}
/*##########################################################################
#	END - New Index Page
##########################################################################*/


/*##########################################################################
#	New PullOuts - As seen in Afordable Housing - eg: /en/inpr/afhoce/exsoho/
###########################################################################*/

div.twoColumnPullOut {
	width: 100%;
	background-image: url(/imagesCFScripts/newLayout/bkgPullOut.gif);
	background-position: bottom;
	background-repeat: none;
	margin: 10px 0px 20px 0px;
	color: #535351;
	float: left;
	position: relative;
	height: 260px;


	border: 1px solid #e5e5e5;
}
div.twoColumnPullOut p {
	margin: 12px 0px 12px 0px;
}
div.twoColumnPullOut div.head {
	float: left;
	background-color: #f6f5ea;
	height: 40px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div.twoColumnPullOut div.head h2 {
	margin: 10px 0px 0px 15px;
}
div.twoColumnPullOut div.content {
	float: left;
	margin: 10px 0px 0px 15px;
	padding: 0px 10px 0px 0px;
	overflow: hidden;
	height: 160px;
}
div.twoColumnPullOut div.content h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div.twoColumnPullOut div.content img.heroShot {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 100% 0px;
	border: 1px solid #e5e5e5;
}
div.twoColumnPullOut div.content p.attribution {
	font-weight: bold;
	font-size: .9em;
	margin: 0px 0px 0px 0px;
	color: #535351;
}
div.twoColumnPullOut div.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	padding: 0px 0px 0px 0px;
}
div.twoColumnPullOut div.footer ul {
	margin: 12px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
}
div.twoColumnPullOut div.footer ul li {
	float: left;
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	background-image: url(/imagesCFScripts/newLayout/bulletArrow.gif);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	display: inline;
	color: #036da5;
}
div.twoColumnPullOut div.footer ul li.right {
	float: right;/*	background-image:url(/imagesCFScripts/newLayout/bulletArrowSquare.gif);	*/
}
div.twoColumnPullOut div.footer ul li a {
	text-decoration: none;
	color: #036da5;
}
div.twoColumnPullOut div.footer ul li a:hover {
	text-decoration: underline;
	color: #036da5;
}
/*##########################################################################
#	END - New PullOuts
###########################################################################*/




/*##########################################################################
#	New Sidebar (As seen in EQ Top Level Index Page)
#	eg: http://192.197.69.104/en/inpr/su/eqho/index.cfm
###########################################################################*/

.sideBar {
	padding: 5px 15px 15px 15px;
	background-image: url(/images/2012-bkgSideBar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0 0 15px 0;
	border: 1px solid #e5e5e5;
	border-bottom: none;
}
.sideBar ul {
	margin: 0 0 0px 25px;
}
.sideBar li {
	margin: 0 0 8px 0px;
}
/*		Right Side Navigation	*/
div#navRight {
	float: left;
	width: 100%;
}
div#navRight h3 {
	font-weight: normal;
	color: #535351;
	font-weight: bold;
	padding: 0px 0px 0px 17px;
	background-image: url(/imagesCFScripts/eq/navRight/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	margin: 0px 0px 10px 0px;
	text-decoration: none;
}
div#navRight h3 a {
	color: #535351;
	font-weight: bold;
	text-decoration: none;
}
div#navRight h3 a:hover {
	text-decoration: underline;
}
div#navRight ul {
	background-image: url(/images/2012-bkgSideBar.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	text-align: left;
}
div#navRight ul li {
	background-image: url(/images/2012-bkgSideBar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#navRight ul li:hover {
	background-color: #fafafa;
}
div#navRight ul li.selected:hover {
	background-color: white;
}
div#navRight ul li a {
	text-decoration: none;
	width: auto;
	height: auto;
	display: block;
	padding: 7px 8px 7px 8px;
}
div#navRight ul li a:hover {
	text-decoration: underline;
}
div#navRight ul li.selected {
	border-left: 2px solid #fe000b;
	margin: 0px 0px 0px -1px;
	font-weight: bold;
	padding: 7px 8px 7px 8px;
}
div#navRight ul li.selected a {
	font-weight: normal;
	padding: 0 0 0 0;
}
div#navRight ul ul {
	background-image: none;
	border: none;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	text-align: left;
}
div#navRight ul ul li {
	padding: 0px 0 0 15px;
	margin: 2px 0px 0px 0px;
	background-image: url(/images/dotted_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px -3px;
	font-weight: normal;
	font-size: 11px;
}
div#navRight ul ul li.selected {
	border-left: none;
	padding: 0px 0 0 15px;
	margin: 2px 0px 0px 0px;
}
div#navRight ul ul li:hover {
	background-color: white;
}
div#navRight ul ul li a {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	width: auto;
	height: auto;
	display: block;
	padding: 0px;
}
div#navRight ul ul ul.subSubNavRight li {
	padding: 0px 0 0 7px;
	margin: 2px 0px 0px 0px;
	background-image: url(/images/rightNavSubSub.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
}
div#navRight ul ul ul.subSubNavRight li a {
	font-size: 10px;
}
div#navRight p {
	padding: 0px;
	font-size: 11px;
}
div#navRight p.back2List {
	float: left;
	clear: both;
	margin: 12px 0px 8px 0px;
	padding: 0px 0px 0px 22px;
	background-image: url(/imagesCFScripts/eq/navRight/iconBackToList.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
div#navRight p.back2List a {
	text-decoration: none;
}
div#navRight p.back2List a:hover {
	text-decoration: underline;
}
div#navRight ul.subNavRight { /*	display:none;*/
}
/*		END - Right Side Navigation	*/

/*div.twoColumn.twoOfTwo div.highlightFeatureBox {
	float:right;
	width:228px;
	margin:0 0 20px 0;
	background-color:#036fa8;
	text-align:center;
}

div.twoColumn.twoOfTwo div.highlightFeatureBox:hover {
	background-color:#025079;
}
div.twoColumn.twoOfTwo div.highlightFeatureBox a {
	color:white;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:13px;
}*/

div.twoColumn.twoOfTwo div.highlightFeatureBox {
	float: right;
	width: 228px;
	height: 37px;
	margin: 20px 0 0px 0;
	background-image: url(/en/inpr/su/eqho/eqhofo/images/button_red.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-align: center;
}
div.twoColumn.twoOfTwo div.highlightFeatureBox:hover {
	background-position: 0px -45px;
}
div.twoColumn.twoOfTwo div.highlightFeatureBox a {
	color: white;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 9px;
	margin: 0 0 0px 0;
}
/*##########################################################################
#	END - New Sidebar (As seen in EQ Top Level Index Page)
###########################################################################*/


/*#########################################################################
#	Fancy Tables (Like stepCalculators in Byuing a Home)
#########################################################################*/

div.fancyTable, div.fancyTable table {
	width: 450px;
}
div.fancyTable table, div.fancyTable tr, div.fancyTable td {
	border: 1px solid #e5e5e5;
	border-collapse: collapse;
}
div.fancyTable tr {
	height: 30px;/*	background-color:white;*/
}
div.fancyTable tr:hover, div.fancyTable tr:hover input.field {
	background-color: #f2f7fc;
}
div.fancyTable td {
	padding: 0 10px 0 10px;
}
div.fancyTable tr.header {
	background-color: #f7f7f7;
	color: #0067c6;
	font-weight: bold;
}
div.fancyTable tr.headerDark {
	background-color: #e1e1e1;
	color: #0067c6;
	font-weight: bold;
	height: 40px;
}
div.fancyTable tr.header th, div.fancyTable tr.headerDark th {
	padding: 0 10px 0 10px;
	text-align: left;
}
div.fancyTable tr.header th.right, div.fancyTable tr.headerDark th.right {
	text-align: center;
	width: 150px;
}
div.fancyTable td.right {
	padding: 0px;
	text-align: center;
	width: 150px;
}
div.fancyTable tr.footer {
	background-color: #f7f7f7;
	height: 40px;
}
div.fancyTable tr.footer, div.fancyTable tr.footer input.field {
	background-color: #f7f7f7;
}
div.fancyTable input.field {

	text-align: right;
	padding: 7px 5px 0 0;
	border: none;
	width: 150px;
	height: 23px;
	position: relative;
	float: right;
}
div.fancyTable input#totalSum, div.fancyTable input#totalSum2, div.fancyTable input#totalSum2b, div.fancyTable input#totalSum3, div.fancyTable input#totalSum3b, div.fancyTable input#totalSum4, div.fancyTable input#totalSum4b {
	font-weight: bold;
	color: black;
}
.highlight {
	background-color: #f2f7fc;
	/*	font-style:italic;*/
	color: #0067c6;
}
/* style the one-time tooltip on calculators */
div.fancyTable #inputOne.tTip {
	border: 0;
	cursor: pointer;
	text-decoration: none;
	cursor: text;/*margin:0 8px;*/
}
div.fancyTable #inputOne.tTip:hover {
	cursor: text;
}
div.fancyTable input#calculate, div.fancyTable input#calculate2, div.fancyTable input#calculate3, div.fancyTable input#calculate4 {
	padding: 0px 3px 0px 3px;
	overflow: visible;
}
/*#########################################################################
#	END - Fancy Tables (Like stepCalculators in Byuing a Home)
#########################################################################*/


/*#########################################################################
#	RSS Feeds
##########################################################################*/

ul#injectRssFeed li, ul#staticNewsFeed li, div.rssFeed ul li {
	font-size: 11px;
	list-style: none;
	background-image: url(/images/dotted_line_background.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0 0 5px -20px;
	padding: 0 0 10px 0;
}
/*#########################################################################
#	END - RSS Feeds
##########################################################################*/


/*#########################################################################

#	Twitter Feed Box
##########################################################################*/

div.twitterFeedContainer {
	float: left;
	font-family: arial;
	font-size: 11px;
	width: 213px;
	margin: 0px 0 0 0;
}
div.twitterFeedContainer.wide, div.twitterFeedContainer.wide div {
	width: 400px;
	margin: -10px 0 0 0;
}
/*
div.twitterFeedContainer .tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
div.twitterFeedContainer.wide ul {
	padding: 0 0px 0px 2px;
	margin: 0 0px 0px 0;
}
div.twitterFeedContainer .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 2px 0px 11px 0px;
	list-style-type: none;
	background-image:url(/images/dots_bg.gif);
	background-position:bottom;
}
div.twitterFeedContainer .tweet_list li a {
	color: #4163aa;
	text-decoration:none;
}
div.twitterFeedContainer .tweet_list .tweet_even {
}
div.twitterFeedContainer .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}
div.twitterFeedContainer li .tweet_time a {
	text-decoration:none;
	color:#969696;
}
*/
div.twitterFeedContainer .tweet_list .tweet_avatar img {
	vertical-align: middle;
}
div.twitterFeedContainer h1, div.twitterFeedContainer h2 {
	font-family: arial;
	font-size: 14px;
	border-bottom: 3px red solid;
	width: 100%;
	padding: 0 0 5px 0;
	margin: 0 0 0px 0;
}
div.twitterFeedContainer div.twitterLink {
	margin: 10px 0 0px 0;
}
div.twitterFeedContainer div.twitterLink img {
	margin: 0px 0px -5px 0;
}
div.twitterFeedContainer div.twitterLink span {
	font-size: 12px;
	font-weight: bold;
}
div.twitterFeedContainer div.twitterLink a {
	font-size: 12px;
	text-decoration: none;
}
div.twitterFeedContainer div.tweetContent {
	padding: 0px 0 5px 0;
	margin: 5px 0 0px 0;
	background-image: url(/images/dots_bg.gif);
	background-position: bottom;
}
div.twitterFeedContainer span.tweetDate {
	color: grey;
}
/*#########################################################################
#	END - Twitter Feed Box
##########################################################################*/



/*##################################################################
#	DECISION TREE
####################################################################*/



div.decision_tree_container {
	width: 100%;
	padding: 0px;
	border: 9px solid #f5f5e9;
	background-color: #fff;
}
div.decision_tree_answer_container {
	width: 100%;
	background-color: #f5f5e9;
	border-top: 3px solid #6e9a67;
	padding: 10px 9px 10px 9px;
}
div.decision_tree_answer_container_2 {
	width: 100%;
	background-color: #f5f5e9;
	border-top: 3px solid #6e9a67;
	border-bottom: 3px solid #6e9a67;
	padding: 10px 9px 10px 9px;
}
div.decision_tree_answer_container_dots {
	width: 100%;
	background-color: #f5f5e9;
	border-top: 3px solid #6e9a67;
	padding: 10px 9px 10px 9px;
	background-image: url(/images/dots_bg_gradient_update.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
div.decision_tree_answer_container_dots_2 {
	width: 100%;
	background-color: #f5f5e9;
	padding: 10px 9px 10px 9px;
	background-image: url(/images/dots_bg_gradient_update.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
div.decision_tree_answer_intro_container {
	width: 100%;
	background-color: #f5f5e9;
	border-top: 3px solid #6e9a67;
	padding: 10px 9px 10px 9px;
}
div.decision_tree_main_product_container {
	width: 100%;
	background-color: #f5f5e9;
	border: 3px solid #6e9a67;
	padding: 10px 9px 10px 9px;
}
div.decision_tree_product_list_container {
	width: 100%;
	padding: 10px 9px 10px 9px;
	background-image: url(/images/dots_bg_gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
div.decision_tree_question_container {
	padding: 10px 10px 10px 10px;
	background-color: #6e9a67;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
}
div.decision_tree_answer_option_container {
	padding: 10px 0 10px 10px;
	margin: 0;
	background-image: url(/images/dots_bg_gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
div.decision_tree_answer_option_container_last {
	padding: 10px 0px 10px 10px;
	margin: 0;
}
div.decision_tree_button {
	width: 70px;
	background-color: #F00;
	margin-top: 10px;
	padding: 10px;
	color: #fff;
	float: left;
	position: relative;
}
div.decision_tree_button_container {
	float: left;
	position: relative;
	margin: 7px 10px 0px 0px;
}
a.decision_tree_button {
	background: transparent url(/images/button_right_grey.png) no-repeat scroll top right;
	display: block;
	float: left;
	padding: 10px 10px 0px 0px;
	margin: 4px 0 0 0;
	text-decoration: none;
}
a.decision_tree_button_summary {
	background: transparent url(/images/button_right.png) no-repeat scroll top right;
	display: block;
	float: left;
	padding: 10px 10px 0px 0px;
	margin: 4px 0 0 0;
	text-decoration: none;
}
a span.decision_tree_button {
	background: transparent url(/images/button_left_grey.png) no-repeat;
	display: block;
	padding: 10px 0px 3px 10px;
	margin: -10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 17px;
	font-weight: bold;
	line-height: 9px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
a span.decision_tree_button_summary {
	background: transparent url(/images/button_left.png) no-repeat;
	display: block;
	padding: 10px 0px 3px 10px;
	margin: -10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 17px;
	font-weight: bold;
	line-height: 9px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
div.decision_tree_error {
	color: #fff;
	background-color: #f00;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
}
div.decision_tree_start_over {
	float: right;
	margin-top: 10px;
	margin-right: -16px;
}
a.decision_tree_start_over {
	text-decoration: none;
}
img.decision_tree_start_over {
	width: auto;
	height: auto;
	vertical-align: middle;
}
a.decision_tree_choice, a.decision_tree_choice_last {
	text-decoration: none;
	color: #000;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
div.decision_tree_answer_option_container:hover {
	background-image: url(/images/dots_bg_gradient_over.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
div.decision_tree_answer_option_container_last:hover {
	background-image: url(/images/bg_gradient_over.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
div.decision_tree_your_answers_title {
	width: 100%;
	background-color: #fff;
	padding: 10px 9px 10px 0px;
	font-size: 14px;
	font-weight: bold;
}
div.decision_tree_your_answers_title_dots {
	width: 100%;
	background-color: #fff;
	padding: 10px 9px 10px 0px;
	background-image: url(/images/dots_bg_gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 14px;
	font-weight: bold;
}
div.decision_tree_your_answers_container {
	width: 100%;
	background-color: #fff;
	border-top: 3px solid #fff;
	padding: 10px 9px 10px 9px;
	margin: 10px 0px 10px 0px;
}
div.decision_tree_your_answers_container_dots {
	width: 100%;
	background-color: #fff;
	border-top: 3px solid #fff;
	padding: 20px 9px 10px 9px;
	background-image: url(/images/dots_bg_gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
div.decision_tree_your_answers_intro_container {
	width: 100%;
	background-color: #f5f5e9;
	border-top: 3px solid #6e9a67;
	border-bottom: 3px solid #6e9a67;
	padding: 10px 9px 10px 9px;
}
div.decision_tree_your_answers_intro2_container {
	width: 100%;
	background-color: #f5f5e9;
	border-bottom: 3px solid #6e9a67;
	padding: 10px 9px 10px 9px;
}
div.decision_tree_your_answers_intro3_container {
	width: 100%;
	background-color: #f5f5e9;
	padding: 10px 9px 10px 9px;
}
div.decision_tree_question_list_container {
	width: 100%;
	background-color: #fff;
	padding: 10px 9px 10px 9px;
	margin: 10px 0px 10px 0px;
}
div.decision_tree_question_list_container_dots {
	width: 100%;
	background-color: #fff;
	padding: 10px 9px 10px 9px;
	background-image: url(/images/dots_bg_gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 10px 0px 10px 0px;
}
div.decision_tree_question_list_question {
	font-weight: bold;
	color: #000;
	background-color: #fff;
}
div.decision_tree_question_list_answer {
	font-weight: normal;
	background-color: #fff;
	padding-top: 10px;
}
div.decision_tree_question_list_answer a {
	text-decoration: none;
}
ul.decision_tree {
	margin-bottom: 0px;
}
/*##################################################################
#	END - DECISION TREE
####################################################################*/

/*##################################################################
#	MLI PRODUCT SELECTOR
####################################################################*/

div.mli_product_selector_question_container {
	padding: 10px 10px 10px 10px;
	background-color: #02689d;
	overflow: hidden;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
}
div.mli_product_selector_product_container {
	width: 100%;
	overflow: hidden;
	background-color: #f5f9fb;
	border: 3px solid #02689d;
	padding: 10px 9px 10px 9px;
}
div.mli_product_selector_step {
	width: 103%;
	text-align: right;
}
div.mli_product_selector_step_final {
	width: 105%;
	text-align: right;
}
/*##################################################################
#	END - MLI PRODUCT SELECTOR
####################################################################*/

/*###################################################################
#	Div Tables - EG: Transcripts (APM 2013)
#####################################################################*/

div.divTableContainer {
	position: relative;
	float: left;
	width: 97%;
	clear: right;
	margin: 0 0 0px 0;
	border-top: 1px solid #e1e1e1;
}
div.divTableRow {
	position: relative;
	float: left;
	width: 100%;
	clear: both;
	margin: 0 0 10px 0;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #e1e1e1;
}
div.divTableRow div.tblColOne {
	float: left;
	width: 23%;
	padding: 0 10px 0px 0px;
}
div.divTableRow div.tblColTwo {
	float: left;
	width: 75%;
	clear: right;
	margin: 0 0 0px 0;
}
div.divTableRow p {
	margin: 0 0 12px 0;
}
/*###################################################################
#	END - Div Tables - EG: Transcripts (APM 2013)
#####################################################################*/



/*##################################################################
# Accordion Nav
#####################################################################*/
div.accordionContainerV2 {
	margin-top: 20px;
	overflow: hidden;
}
div.accordionRowContainer {
	padding: 0;
}
div.accordionContainerV2.wide div.accordionRowContainer {
	width: 705px;
}
div.accordionContainerV2.fullWidth div.accordionRowContainer {
	width: 904px;
	overflow: hidden;
}
div.accordionRowContainer h4 {
	font-size: 12px;
}

div.accordionContainerV2 div.accordionSectionHead, div.accordionContainerV2 div.accordionSectionHeadFirst, div.accordionContainerV2 h3.accordionSectionHead, div.accordionContainerV2 h2.accordionSectionHead {
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 14px 20px;
	width: 480px;
	clear: both;
	float: left;
	position: relative;
	margin: 0px;
	padding: 15px 15px 15px 25px;
	font-size: 12px;
	color: #036fa8;
	border-bottom: 1px solid #EBEBEB;
	cursor: pointer;
}
div.accordionContainerV2.wide div.accordionSectionHead, div.accordionContainerV2.wide div.accordionSectionHeadFirst, div.accordionContainerV2.wide h3.accordionSectionHead, div.accordionContainerV2.wide h2.accordionSectionHead {
	width: 665px;
}
div.accordionContainerV2.fullWidth div.accordionSectionHead, div.accordionContainerV2.fullWidth div.accordionSectionHeadFirst, div.accordionContainerV2.fullWidth h3.accordionSectionHead, div.accordionContainerV2.fullWidth h2.accordionSectionHead {
	width: 856px;
}
div.accordionSectionHeadFirst, h3.accordionSectionHead.first, h2.accordionSectionHead.first {
	border-top: 1px solid #EBEBEB;
}
div.accordionSectionHeadSelected, h3.accordionSectionHeadSelected, h2.accordionSectionHeadSelected {
	background-image: url(/images/down_arrow.gif);
	background-repeat: no-repeat;
	background-position: 14px 20px;
	width: 480px;
	clear: both;
	float: left;
	position: relative;
	margin: 0px;
	padding: 15px 15px 15px 30px;
	font-size: 12px;
	color: #036fa8;
	background-color: #F2F2F2;
	cursor: pointer;
}
div.accordionContainerV2.wide div.accordionSectionHeadSelected, div.accordionContainerV2.wide h3.accordionSectionHeadSelected, div.accordionContainerV2.wide h2.accordionSectionHeadSelected {
	width: 660px;
}
div.accordionContainerV2.fullWidth div.accordionSectionHeadSelected, div.accordionContainerV2.fullWidth h3.accordionSectionHeadSelected, div.accordionContainerV2.fullWidth h2.accordionSectionHeadSelected {
	width: 856px;
}
div.accordionSubSection {
	/*	background-color:#F7F7F7;*/
	background-color: #fbfbfb;
	border-bottom: 1px solid #E4E4E4;
	width: 480px;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 5px 30px;
	position: relative;
	clear: both;
	display: none;
	color: #333;
	min-height: 100%;
	overflow-y: hidden;
}
div.accordionSubSection ul {
	float: left;
}
div.accordionContainerV2.wide div.accordionSubSection {
	/*	width: 705px;*/
	width: 660px;
	padding-bottom: 20px; 
}
div.accordionContainerV2.fullWidth div.accordionSubSection {
	/*	width: 904px;*/
	width: 851px;
	padding-bottom: 20px;
}
/*##################################################################
# END - Accordion Nav
#####################################################################*/

/*##################################################################
# VERTICAL BANNERS
####################################################################*/


div.vertical_banner_container {
	width: 145px;
	position: relative;
	float: left;
}
div.vertical_banner_container.maxWidth {
	width: 100%;
}
div.vertical_banner_container.maxWidth img {
	max-width: 100%;
	margin: 0;
}
div.vertical_banner_container_with_margin {
	width: 145px;
	float: left;
	position: relative;
	margin: 0 0 0 25px;
}
div.vertical_banner_image_chic {
	background-image: url(/images/banner_photo_chic.jpg);
	width: 145px;
	height: 86px;
	max-width: 100%;
}
div.vertical_banner_image {
	width: 145px;
	max-width: 100%;
	margin: 0 0 0 0;
}
div.vertical_banner_image.hoc {
	background-image: url(/images/banner_hoc_videos.jpg);
	height: 110px;
	margin: 10px 0 0 0;
}
div.vertical_banner_image a {
	display: block;
	width: 100%;
	height: 100%;
}
div.vertical_banner_content {
	background-color: rgb(248, 248, 239);
	padding: 10px;
	width: 125px;
	border-bottom: 1px solid rgb(225, 224, 210);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}
div.vertical_banner_container.maxWidth div.vertical_banner_content {
	width: 100%;
	padding: 10px 0 10px 0px;
	margin: 0;
}
div.vertical_banner_container.maxWidth div.vertical_banner_content span {
	padding: 0px 10px 0 10px;
	margin: 0px 0 0px 0px;
	display: block;
}
/*##################################################################
# END - VERTICAL BANNER
####################################################################*/


/*##################################################################
# Pullout Box 
# (eg: Condo Guide, Renovators Green Guide, 
#  First Time Home Buyer Survey, New Calculators)
####################################################################*/
div.highlight_box {
	border: #ccc 1px solid;
	border-bottom: #387b2b 3px solid;
	padding: 10px;
	background-color: #f5f5f5;
}
/* Business higlight box (ex: Renovators Green Guide) */
div.highlight_box_business {
	border: 1px solid #f1f2f2;
	border-top: 4px solid #0173af;
	padding: 15px;
	position: relative;
}
div.highlight_box_generic {
	border: #ccc 1px solid;
	border-top: #4b4b4b 4px solid;
	padding: 10px;
	background-color: #f5f5f5;
}
/*##################################################################
# END - Pullout Box (eg: Condo Guide)
####################################################################*/

p.iconArrow {
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	background-image: url(/images/red_arrow_right.gif);
}
/*##################################################################
# Right Side Survey/Questionnaire Box
####################################################################*/

div.survey {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
}
div.survey div.surveyHead {
	float: left;
	width: 100%;
	border-top: 4px solid #51786B;
	background-color: #f6f5ea;
	color: #51786B;
	padding: 5px 0 10px 0;
}
div.survey div.surveyHead p, div.survey div.surveyHead div.surveyButtons {
	color: #51786B;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 15px 0px 15px;
}
div.survey div.surveyBody {
	float: left;
	width: 100%;
	background-color: #f6f5ea;
	border: 1px solid #f6f5ea;
	padding-bottom: 10px;
}
div.survey div.surveyBody p {
	color: #535351;
	font-size: 13px;
	font-weight: normal;
	margin: 5px 15px 10px 15px;
}
div.survey div.surveyBody p label {
	color: #535351;
	font-size: 13px;
	font-weight: bold;
}
div.survey div.surveyBody p label span {
	color: #51786B;
	font-size: 11px;
	font-weight: normal;
}
div.survey div.surveyBody p input {
	margin-top: 5px;
}
div.survey div.surveyBody p.surveyPrivacy {
	float: left;
	clear: both;
	margin: 10px 15px 0px 15px;
	font-size: 10px;
	color: #535351;
}
div.survey div.surveyFooter {
	float: left;
	width: 100%;
	border: 1px solid #f6f5ea;
}
div.survey div.surveyFooter p {
	font-size: 10px;
	line-height: 16px;
	color: #535351;
	margin: 5px 15px 5px 15px;
}
div.survey .respBtn {
	background-color: #51786B;
	clear: none;
	margin: 5px 10px 0 0px;
	padding: 5px 10px 5px 10px;
	border-radius: 0px;
	font-size: 15px;
	font-weight: bold;
	border-radius: 2px;
}
/*##################################################################
# END - Right Side Survey/Questionnaire Box
####################################################################*/

/*##################################################################
# Milestones - ex: /en/corp/about/hi/hi_001.cfm
####################################################################*/
  
div#milestones {
	background-image: url(/imagesCFScripts/milestones/milestone_timeline.gif);
	background-repeat: repeat-y;
	background-position: center;
}
div.milestone_row_container {
	width: 100%;
	clear: both;
	overflow: auto;
	margin: 10px 0 0 0;
	text-align: center;
}
div.milestone_row_container div.milestone_year {
	margin: 0 0 0 0;
	display: inline-block;
	background-color: #8a7967;
	border-top: 3px solid #f6f5ea;
	border-left: 3px solid #f6f5ea;
	border-right: 3px solid #f6f5ea;
	padding: 5px 5px 5px 5px;
	border-radius: 0px;
}
div.milestone_year h3 {
	margin: 0 0 0px 0;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
}
div.milestone_row_container div {
	background-color: #f6f5ea;
	border-radius: 5px;
	border: 3px solid #f6f5ea;
	margin: 0px 0 20px 0;
	padding: 15px 15px 3px 15px;
}
div.milestone_row_container div p {
	margin: 0 0 12px 0;
	padding: 0px;
	color: #333;
	font-size: 16px;
}
/*##################################################################
# END - Milestones
####################################################################*/


/*##################################################################

# Careers Rebuild
####################################################################*/

div.careerHPLogos {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	margin: 20px 0 0 0;
}
div.careerHPLogos img {
	margin: 0 30px 0 30px;
}
.careers_rpic {
	float: right;
	width: 300px;
	margin-left: 12px;
	margin-bottom: 8px;
	text-align: center;
	position: relative;
	clear: right;
	font-size: 11px;
}
.careers_lpic {
	float: left;
	width: 300px;
	margin-right: 12px;
	margin-bottom: 8px;
	text-align: center;
	position: relative;
	clear: left;
	font-size: 11px;
}
div.careersPullout {
	border: 1px solid #eaeaea;
	border-left: 4px solid #8a7967;
	background-color: #fdfcfa;
	padding: 0px 15px 0px 20px;
	margin: 15px 0px 15px 0px;
	float: left;
	clear: both;
	width: 90%;
	min-height: 160px;
}
div.careersPullout img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 15px 25px 5px 0px;
}
div.careersPullout.short img {
	margin: 15px 25px 35px 0px;
}
div.careersPullout h3 {
	color: #685a4b;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 15px 0 10px 0;/*	text-transform:uppercase;*/
}
div.careersPullout p.cPulloutQuote {
	font-weight: normal;
	font-size: 13px;
	line-height: 21px;
	font-style: italic;
	margin: 0 0 0 0;
	color: #303030;
	width: 100%;
}
div.careersPullout p.cPulloutSpeaker {
	font-weight: bold;
	font-size: 12px;
	margin: 5px 0 15px 0;
	float: right;
}
div.careersImage {
	text-align: center;
	margin: 20px auto 20px auto;
	width: 420px;
}
div.careersImage p {
	margin: 5px auto;
	font-size: 11px;
}
div.careersImage img { /*	border:10px solid #f6f5ea;*/
	border: 10px solid #f6f4de;
}
div.careersImage.right {
	float: right;
	margin: 0px 0px 10px 15px;
	width: 270px;
}
div.careersImage.left {
	float: left;
	margin: 0px 15px 10px 0px;
	width: 270px;
}
div.careersImage.right.closeCrop {
	width: inherit;
	margin: 0px 0px 10px 25px;
}
div.careersImage.closeCrop img {
	border: none;
}
/*##################################################################
# END - Careers Rebuild
####################################################################*/


div.highlightBox {
	padding: 10px 0 0px 0;
	width: 100%;
	margin: 20px 0 5px 0;
	min-height: 60px;
	border: solid 1px #e5e5e5;
	border-bottom: solid 2px #fe000b;
}
div.highlightBox p {
	margin: 10px 10px 7px 24px;
	padding: 0 0 0px 0px;
	background-image: url(/images/highlightBoxArrowLarge.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
div.highlightBox p a {
	margin: 0 0 0 22px;
	padding: 0 0 0px 0px;
	display: block;
	text-decoration: none;
	font-size: 14px;
}
div.highlightBox p a:hover {
	text-decoration: underline;
}
div.highlightBox.multiLine p {
	background-image: url(/images/red_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
div.highlightBox.multiLine p.small {
	margin: -25px 10px 10px 47px;
	padding: 0 0 0px 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #252525;
}
div.highlightBox.multiLine p.small a {
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	text-decoration: underline;
	color: black;
	display: inline;
	color: #252525;
}
div.alertBoxPullout {
	width: 100%;
	vertical-align: text-top;
	padding: 15px;
	overflow: auto;
	margin-bottom: 15px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 4px solid #fe000b;
}
div.alertBoxPullout p, div.alertBoxPullout h2 {
	margin: 0pt;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
div.alertBoxPullout h2 {
	font-size: 16px;
	color: #0173af;
}
/*##################################################################
# CAWD Promo Container
####################################################################*/


div.cawd_promo_container {
	max-width: 600px;
	margin: 20px auto;
	background-color: #887354;
	color: #fff;
	padding: 20px;
	font-size: 15px;
	border: 1px solid #f5f4f0;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/imagesCFScripts/cawdPromo/cawd_graph.png);
	background-repeat: no-repeat;
	background-position: right;
}
h3.cawd_promo_title {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 0 0;
	width: 65%;
}
p.cawd_promo_content {
	color: #fff;
	font-size: 15px;
	margin: 0 0 0 0;
	width: 65%;
}
span.cawd_promo_button {
	background-color: #0173af;
	font-weight: bold;
	color: #FFF;
	padding: 5px 10px 5px 10px;
	display: inline-block;
	margin: 15px 0 0 0;
	border-radius: 3px;
	border: 1px solid #015480;
}
div.cawd_promo_container a {
	text-decoration: none;
	color: white;
}
/*##################################################################
# END - CAWD Promo Container
####################################################################*/

/*
.fb-like.fb_edge_widget_with_comment.fb_iframe_widget span iframe {
border:5px solid red;

bottom:0!important;
}

.fb-comments, .fb-comments span, .fb-comments iframe { width: 10% !important; }*/


/*##################################################################
# New Index Page Tagline - 2014
####################################################################*/


.tagLine2014 {
	color: #004065;
	font-style: italic;
	font-weight: bold;
}
.tagLine2014.icon {
	background-image: url(/images/icon_red_square_11x11.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
}
/*##################################################################
# END - New Index Page Tagline - 2014
####################################################################*/

/*##################################################################
# First Nations Rebuild 2014
####################################################################*/


div.firstNationsIndexSwoosh {
	position: relative;
	float: left;
	background-image: url(/imagesCFScripts/aboriginals/2014/firstNationsArc.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0 0 20px;
}
div.firstNationsPullOut {
	position: relative;
	float: right;
	margin: -15px 10px 20px 50px;
	padding: 0 0 0 0;
}
/*##################################################################
# END - First Nations Rebuild 2014
####################################################################*/

h1.indexAboriginal {
	color: #f18b1d;
}
/*##################################################################
# MAC Statistics and Data Tables (in HMI section of website)
####################################################################*/

div.accordionSubSection h4.MACDataTablesHeader {
	color: #036fa8;
	float: left;
	clear: both;
	width: 100%;
	margin: 5px 0 5px 0;
}
h3 span.accordianSectionHeadH3subline {
	font-weight: normal;
	display: block;
	font-size: .95em;
	color: black;
}
/*##################################################################
# END - MAC Statistics and Data Tables (in HMI section of website)
####################################################################*/





/*##################################################################
# START - Sustainable Features Profiles
####################################################################*/


div.content_feature_box_industry {
	border: 1px solid #f1f2f2;
	border-top: 4px solid #0173af;
	padding: 15px;
	position: relative;
	background-color: #F8F8F8;
}
div.content_image, div.content_table {
	background-color: #fff;
	border: 1px solid #EAEAEA;
	padding: 15px;
	position: relative;
	text-align: center;
	margin: 15px 0 15px 0;
}
table.sufepr {
	border-collapse: collapse;
}
table.sufepr td {
	border: 1px solid #EAEAEA;
	padding: 5px;
}
table.sufepr th {
	border: 1px solid #EAEAEA;
	padding: 5px;
}
table.sufepr tbody th {
	text-align: left;
}
caption.sufepr {
	font-size: 14px;
	background-color: #0173af;
	color: #fff;
	padding: 5px;
	text-align: center;
}
/*##################################################################
# END - Sustainable Features Profiles
####################################################################*/




/*##################################################################
# BANNER FEATURE BOX
####################################################################*/

.banner_feature_title_container {
	width: 140px;
	background-color: #333333;
	padding: 10px 15px 10px 15px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.banner_feature_content_container {
	width: 140px;
	background-color: #f8f8f8;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #535351;
	overflow: auto;
	border-bottom: 3px solid #ededed;
	font-weight: normal;
	margin: 0 0 15px 0
}
/*##################################################################
# END - BANNER FEATURE BOX
####################################################################*/




/*##################################################################
# START - PHOTO INLAY FEATURE BOX
####################################################################*/


div.inlay_feature_title_container {
	width: 95%;
	background-color: #f6f4de;
	padding: 10px 15px 10px 15px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #535351;
}
div.inlay_feature_content_container {
	width: 95%;
	background-color: #fcfcf7;
	padding: 15px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #535351;
	overflow: auto;
	margin: 0 0 20px 0;
	vertical-align: middle;
}
img.photo_inlay_left {
	float: left;
	width: 85px;
	height: 85px;
	position: relative;
	border: 1px solid #f6f4de;
	margin: 0 10px 5px 0;
	border-radius: 50%;
}
/*##################################################################
# END - PHOTO INLAY FEATURE BOX
####################################################################*/

























/*##################################################################
# FIRST TIME HOME BUYERS GUIDE 2014
####################################################################*/

div.fthb2014_banner_container {
	background-image: url(/en/hoficlincl/moloin/sure/fihosu/images/silouhette_orange.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	min-height: 140px;
	border-bottom: 3px solid #0173af;
	background-color: #f8f8f8;
	margin: 20px 0 0 0;
}
div.fthb2014_banner_container.fr {
	min-height: 160px;
	margin: 20px 0 0 0;
}
div.fthb2014_banner_container h2 {
	width: 150px;
	float: left;
	margin: 25px 0 0 20px;
	font-size: 14px;
}
div.fthb2014_banner_container.fr h2 {
	margin: 15px 0 0 20px;
}
div.fthb2014_banner_container p {
	width: 135px;
	float: left;
	margin: 10px 0 0 20px;
	font-size: 14px;
}
div.fthb2014_banner_container.fr p {
	width: 125px;
	margin: 10px 0 0 20px;
	font-size: 14px;
}
div.fthb2014_banner_container a {
	text-decoration: none;
}
/*##################################################################
# END - FIRST TIME HOME BUYERS GUIDE 2014
####################################################################*/



/* START - ALERT BOX */
/*
div.alert_box {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
}
div.alert_box h3 {
	background-color: #fe000b;
	padding: 10px 15px 10px 15px;
	color: #FFF;
	font-weight: bold;
	margin: 0 0 0 0;
}
div.alert_box p {
	background-color: #f6f4de;
	padding: 15px;
	margin: 0 0 0 0;
}

*/

div.alert_box {
	float: left;
	padding: 0 0 0 0;
	margin: 0;
	border-radius: 5px;
	clear: both;
	width: 100%;
}
div.alert_box h3 {
	background-color: #fe000b;
	padding: 10px 15px 10px 15px;
	color: #FFF;
	font-weight: bold;
	margin: 0 0 0 0;
	font-size: 16px;
	border-radius: 5px 5px 0 0;
}
div.alert_box p {
	padding: 15px;
	margin: 0 0 0 0;
	border-radius: 0 0 5px 5px;
	background-color: #f4f4f4;
	border: 1px solid #e1e1e1;
	border-top: none;
	font-size: 14px;
}
div.alert_box ul {
	border: 1px solid #eaeaea;
	padding: 15px 15px 15px 35px;
	margin: 0 0 0 0;
	border-radius: 0 0 5px 5px;
	background-color: #f6f4de;
}
/* END - ALERT BOX */



/* start SPOTLIGHT OCT 2014 */


div.spotlight.corporate {
	border-left: 4px solid #8a7967;
}
div.spotlight.business {
	border-left: 4px solid #0173af;
}
div.spotlight.consumers {
	border-left: 4px solid #387b2b;
}
div.spotlight.firstNations {
	border-left: 4px solid #f18b1d;
}
div.spotlight.corporate.narrow {
	border-top: 4px solid #8a7967;
}
div.spotlight.business.narrow {
	border-top: 4px solid #0173af;
}
div.spotlight.consumers.narrow {
	border-top: 4px solid #387b2b;
}
div.spotlight.firstNations.narrow {
	border-top: 4px solid #f18b1d;
}
div.spotlight {
	border: 1px solid #eaeaea;
	background-color: #fdfcfa;
	padding: 0px 15px 15px 20px;
	margin: 25px auto 25px auto;
	width: 80%;
	border-radius: 4px;
	position: relative;
}
div.spotlight.narrow {
	width: 100%;
	border-left: 1px solid #eaeaea;
	border-top: 4px solid #8a7967;
	text-align: center;
}
div.spotlight.narrow a.expand {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
div.spotlight img.slHeadline {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 15px 25px 5px 0px;
	border-radius: 50%;
	border: 2px solid #ededed;
}
div.spotlight.narrow img.slHeadline {
	float: none;
	margin: 25px auto 5px auto;
	clear: both;
}
div.spotlight.short img.slHeadline {
	margin: 15px 25px 35px 0px;
}
div.spotlight h3 {
	color: #333333;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 15px 0 10px 0;/*text-transform:uppercase;*/
}
div.spotlight.narrow h3 {
	clear: both;
	display: block;
}
div.spotlight h3 a, div.spotlight a {
	color: #0173af;
	text-decoration: underline;
}
div.spotlight p {
	font-weight: normal;
	font-size: 13px;
	margin: 0 0 0 0;
	color: #333333;
}
div.spotlight p.slLink {
	margin: 10px 0 0 0;
}
div.careersPullout p.slQuote {
	line-height: 21px;
	font-style: italic;
}
div.careersPullout p.slSpeaker {
	font-weight: bold;
	font-size: 12px;
	margin: 5px 0 15px 0;
	float: right;
}
/* end SPOTLIGHT OCT 2014  */









/*###########################################################################
#	START - DEFINITION LIST
###########################################################################*/

dt {
	font-weight: bold;
	font-size: 13px;
	padding: 0 0 5px 0;
	margin: 20px 0 0 0;
	border-bottom: 1px solid #ededed;
}
dd {
	margin: 10px 0 20px 0;
	padding: 0 0 0 0;
}
/*###########################################################################
#	END - DEFINITION LIST
###########################################################################*/

/*###########################################################################
#	START - WOODFRAME
###########################################################################*/
#woodFrameApp {
	margin: 30px 0 0 0;
}
#woodFrameApp div.woodFrameTop {
	padding: 22px 25px 15px 25px;
	margin: 0 0px 0px 6px;
	background-color: #f3f1e3;/*	min-height:200px;*/
}
#woodFrameApp h2 {
	padding: 0;
	margin: 0 0px 0px 0;
	background-color: #f3f1e3;
}
#woodFrameApp h3 {
	padding: 15px 10px 10px 10px;
	margin: 0 0px 0px 5px;
	background-color: #fcfcf7;
}
#woodFrameApp ul {
	padding: 0px 0px 0px 0px;
	margin: 0 0px 0px 5px;
	background-color: #fcfcf7;
	list-style-type: none;
	border-bottom: 3px solid #0173af;
	border-radius: 3px;
}
#woodFrameApp ul li {
	background-image: url(/images/dotsBkg.gif);
	background-position: 0 top;
	background-repeat: repeat-x;
	padding: 10px 0px 13px 20px;
	margin: 0 0px 0px 0px;
}
#woodFrameApp ul li:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	margin: 0px 9px 0px 0;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	content: '\e800';
	font-size: 10px;
}
#woodFrameApp ul li a:hover {
	text-decoration: underline;
}
#woodFrameApp img {
	float: left;
	margin: 3px 10px 18px 0;
}
/*###########################################################################
#	END - WOODFRAME
###########################################################################*/


/*#################################  START - callOutBox  ##########################################*/

div.callOutBox {
	padding: 5px 15px 5px 15px;
	background-color: #f6f4de;
	margin: 20px auto 20px auto;
	/*	width: 80%; */
/*	width: 100%;*/	/* Commented out because causing overlap on pages with right-hand nav. eg: https://www.cmhc-schl.gc.ca/fr/co/lolo/vogulolo/fire/index.cfm */
	box-shadow: 3px 3px 5px #F2F2F2;
	border-radius: 5px;
	border: 1px solid #eaeaea;
	border-bottom: 3px solid #cbb675;
}
div.callOutBox h2, div.callOutBox h3, div.callOutBox h4 {
	color: #333;
}
div.callOutBox h3.attention {
	display: inline-block;
	margin: 3px 0 0px 0;
	border-radius: 0px 3px 3px 0px;
	color: #333333;
	padding: 5px 15px 5px 0px;
	font-weight: bold;
}
div.callOutBox h3.attention span {
	display: inline-block;
	font-size: 10px;
	border-radius: 3px 3px 3px 3px;
	background-color: #619080;
	color: white;
	padding: 3px 6px 2px 7px;
	margin: 0px 3px 1px 0px;
	text-transform: uppercase;
}
div.callOutBox h3.attention.caution span {
	background-color: #fe000b;
}
div.callOutBox p {
	font-size: 12px;
	margin-top: 10px;
}
div.callOutBox img {
	bbackground-color: #fff;
	float: left;
	padding: 0px;
	margin: 0 15px 10px 0;
}
div.callOutBox ul {
	font-size: 12px;
	margin: 0px 0px 0px 15px;
}
div.callOutBox ul li {
	margin: 0px 0px 3px 0px;
}
/*#################################  END - callOutBox  ##########################################*/

/*#################################  FEATURE BANNER  ##########################################*/
div.featureBanner {
	/*	width: 155px;*/
	margin: 0 0 20px 0;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #e4e4e4;
	background-color: #FcFcFc;
	box-shadow: 3px 3px 5px #F2F2F2;
}
div.featureBanner h2, div.featureBanner h3 {
	/*	width:125px;*/
	font-size: 14px;
	color: #ffffff;
	background-color: #333333;
	padding: 10px 15px 10px 15px;
	border-radius: 5px 5px 0px 0px;
	margin: 0px 0 15px 0;
}
div.featureBanner p {
	margin: 0px 0px 10px 0px;
	color: #535351;
	/*font-size: 14px;*/ /* Temporarily dropped to 12px to match current site - May 2015 */ 
	font-size: 12px;
	padding: 0px 15px 0px 15px;
}
div.featureBanner ul {
	padding: 0px 20px 0px 0px;
}
div.featureBanner li {
	line-height: 18px;
	margin: 0px 0px 15px 0px;
}
/*#################################  END - FEATURE BANNER  ##########################################*/



/*#################################  Research Highlights PRODUCT SELECTOR   #########################*/

div.RHselector {
	width: 100%;
	min-width: 400px;
}
div.RHselectorIntro {
	min-height: 35px;
	padding: 0 0 0 40px;
}
div.RHselectorForm {
	border-top: 4px solid #333;
	border-bottom: 4px solid #333;
	border-radius: 5px;
	padding: 15px 0 0 0;
	background-color: #f8f8f8;
	overflow: auto;
}
div#RHselectorColumnOne {
	float: left;
	min-width: 250px;
}
div#RHselectorColumnTwo {
	float: left;
	min-width: 250px;

}
div.RHselector label {
	padding: 0;
	margin: 5px 15px 5px 15px;
	font-size: 14px;
	font-weight: bold;
	overflow: auto;
	display: block;
}
div.RHselector fieldset.dateRange label {
	float: left;
	margin: 0px 20px 0px 0px;
}
div.RHselector fieldset {
	padding: 0;
	margin: 5px 15px 10px 15px;
	overflow: auto;
	display: block;
}
div.RHselector fieldset label {
	margin: 0;
	display: inline;
}
div.RHselector input, div.RHselector select {
	border: 1px solid #ccc;
	border-radius: 3px;
	display: block;
	padding: 7px;
	margin: 5px 0 5px 0;
}
div.RHselector input:hover, div.RHselector select:hover {
	border: 1px solid #ededed;
}
div.RHselector fieldset label select:nth-child(2) {
	margin-top: 10px;
}
#RHselectorColumnTwo fieldset label:nth-child(1) {
	float: left;
}
#RHselectorColumnTwo fieldset label:nth-child(2) {
	display: inline-block;
	height: 50px;
	padding-top: 10px
}
#RHselectorColumnTwo fieldset label select:nth-child(2) {
	display: inline;
}
.RHselector_last_row {
	margin: 0;
	font-size: 14px;
	-background-color: #ededed;
	clear: both;
}
/*.RHselectorButton {
	border-radius:5px;
	text-align:center;
	padding:10px 15px 10px 15px;
	background-color:#0173af;
	margin:15px;
	display:inline-block;
}
.RHselector_button:hover {
	background-color:#015480;
}
.RHselectorButton a {
	color:#FFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}*/
div.RHselectorResults {
	padding: 0px;
}
h2.RHselector_results_intro {
	padding: 10px 0 15px 0;
	font-weight: bold;
	color: #387b2b;
	background-image: url(../images/bg_dots.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0;
}
div.RHselector_results_row ul {
	padding: 0;
	margin: 0;
	width: 100%;
}
div.RHselector_results_row li {
	margin: 0;
	padding: 15px 15px 15px 15px;
	list-style-image: url(/images/pdficon_small.png);
	list-style-position: inside;
	background-image: url(http://cmhc.ca/images/dotted_line_background.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
div.RHselector_results_row li:hover {
	background-color: #FBFBFB;
}
div.RHselector a.btn {
	display: inline-block;
	background: #333333;
	color: white;
	line-height: 1;
	font-weight: bold;
	font-size: 14px;
	padding: 11px;
	border: 0;
	text-align: center;
	border-radius: 4px;
	margin: 0 0 0 15px;
	text-decoration: none;
}
p.rsIntro {
	margin: 0;
	clear: both;
	padding: 0 0 15px 0;
}
p input.btn {
	margin: 0 0 0 15px;
	border: 1px solid #333;
	background-color: #333;
	color: #fff;
	font-weight: bold;
}
p input.btn:hover {
	background-color: #000;
	border: 1px solid #000;
}
p.noResults {
	color: #fe000b;
	font-size: 14px;
	font-weight: bold;
}
p.rhResultsInfo {
	float: left;
	margin: 0;
	clear: both;
	padding: 10px 0 0 0;
}
/*****************************************************/


div.RH_error_message {
	padding: 0;
	background-color: #fe000b;
	float: left;
	width: 100%;
}
.RH_error_message_text {
	padding: 0 15px 0 15px;
	color: #fff;
}
/*#################################  END - PRODUCT SELECTOR ############################*/


/* --------------------- button start --------------------- */

a.hero_btn:active, a.hero_btn:hover, a.hero_btn:link, a.hero_btn:visited {
	margin: 5px 0px 15px 0px;
	padding: 15px 25px 15px 25px;
	background-color: #0173af;
	display: inline-block;
	border-radius: 4px;
	font-weight: bold;
	font-size: 14px;
	clear: both;
	box-shadow: 3px 3px 5px #F2F2F2;
	border-bottom: 2px solid #015480;
	border-left: 2px solid #015480;
	text-decoration: none;
	color: #fff;
}
a.hero_btn:hover {
	background-color: #015480;
}
/* --------------------- button end --------------------- */


div.content_photo, div.content_chart {
	border: 1px solid #cccccc;
	margin: 20px 0;
	padding: 20px 20px 20px 20px;
	text-align: center;
	border-radius: 4px;
}
div.content_photo img, div.content_chart img {
	max-width: 100%;
	text-align: center;
	margin: 0px 0 0 0;
}
/*#################################  START - PROMO MESSAGE  ##########################################*/

div.promo_message {
	float: left;
	padding: 0 0 0 0;
	margin: 15px 0 30px 0;
	border-radius: 5px;
	border: 1px solid #f6f4de;
	background-color: #fcfcf7;
	clear: both;
	width: 100%;
	text-align: center;
	color: #333;
}
div.promo_message h3 {
	background-color: #fe000b;
	padding: 10px 15px 10px 15px;
	color: #FFF;
	font-weight: bold;
	margin: 0 0 0 0;
	font-size: 16px;
	border-radius: 5px 5px 0 0;
}
div.promo_message p {
	border: 1px solid #eaeaea;
	padding: 15px;
	margin: 0 0 0 0;
	border-radius: 0 0 5px 5px;
}
/*#################################  END - PROMO MESSAGE  ##########################################*/

/*#################################  Annual Public Meeting Form  ##########################################
					http://192.197.69.104/en/corp/about/cogo/cogo_025.cfm */
div.apmForm {
	width: 440px;
	float: left;
}
div.apmForm label {
	display : block;
	padding: 2px;
	padding: 0;
	margin: 10px 0px 0 0;
}
div.apmForm input {
	margin: 0 0px 0 0;
}
div.apmForm input.inputRadio {
	margin: 0px 5px 0px 0;
}
div.apmForm textarea {
	font-size: 12px;
	padding: 5px;
	margin: 0 0 10px 0;
}
/*#################################  END - Annual Public Meeting Form  ##########################################*/	

	/*#################################  Feature Container  ##########################################*/	

div.featureContainer {
	float: left;
	clear: both;
	width: 100%;
	/*max-width:400px;*/
	margin: 15px 0px 15px 0px;
	border-radius: 5px 5px 5px 5px;
	background-color: #FcFcFc;
	/*	box-shadow: 3px 3px 5px #e1e1e1;*/
	padding: 10px 0 10px 0;
	overflow: auto;
	vertical-align: middle;
	display: inline-block;
	border: 1px solid #e4e4e4;
}
div.featureContainer.icon {
	min-height: 50px;
	/*	padding: 0px 0 0px 0px;*/
	display: table-cell;
	background-repeat: no-repeat;
	background-position: 20px 50%;
}
div.featureContainer:hover {
	background-color: #f8f8f8;
}
div.featureContainer a {
	display: block;
	padding: 25px 0px 25px 0px;
	text-decoration: none;
	color: #0173af;
}
div.featureContainer p {
	margin: 0px 0 0px 15px;
	color: #535351;
	font-size: 14px;
	padding: 0px 15px 0px 0px;
}
div.featureContainer h1 {
	margin: 0px 0 0px 15px;
	color: #000;
	font-size: 24px;
	padding: 15px;
}
div.featureContainer h2 {
	margin: 0px 0 0px 15px;
	color: #000;
	font-size: 20px;
	padding: 15px;
}
div.featureContainer h3 {
	margin: 0px 0 0px 15px;
	/*	color: #535351;*/
	color: #0173af;
	font-size: 14px;
	padding: 0px;
}
div.featureContainer.icon p, div.featureContainer.icon h2, div.featureContainer.icon h3 {
	margin: 0px 0 0px 85px;
}
div.featureContainer.icon.short p, div.featureContainer.icon.short h2, div.featureContainer.icon.short h3 {
	margin: 17px 0 0px 85px; /* Use this when content is one line */
}
/*div.featureContainer.icon > p:first-child {
	margin-top:15px;
}*/
div.featureContainer.hero {
	background-color: #0173af;
	color: #fff;
	border: 1px solid #0173af;
	border-right: none;
}
div.featureContainer.hero.intro {
	border-radius: 0px 0px 5px 5px;
}
div.featureContainer.hero:hover {
	background-color: #015480;
}
div.featureContainer.hero p {
	color: white;
	font-size: 14px;
}
/* Icon Styles */
div.featureContainer.icon.arrowRight {
	background-image: url(/images/icons/icon_arrow_standard.png);
}
div.featureContainer.icon.attention {
	background-image: url(/images/icons/icon_attention.png);
}
div.featureContainer.icon.briefcase {
	background-image: url(/images/icons/icon_briefcase.png);
}
div.featureContainer.icon.calculator {
	background-image: url(/images/icons/icon_calculator.png);
}
div.featureContainer.icon.calendar {
	background-image: url(/images/icons/icon_calendar_circle.png);
}
div.featureContainer.icon.checkmark {
	background-image: url(/images/icons/icon_checkmark.png);
}
div.featureContainer.icon.contact {
	background-image: url(/images/icons/icon_contact_us.png);
}
div.featureContainer.icon.document {
	background-image: url(/images/icons/icon_document.png);
}
div.featureContainer.icon.download {
	background-image: url(/images/icons/icon_download.png);
}
div.featureContainer.icon.enews {
	background-image: url(/images/icons/icon_enews.png);
}
div.featureContainer.icon.glossary {
	background-image: url(/images/icons/icon_glossary.png);
}
div.featureContainer.icon.map {
	background-image: url(/images/icons/icon_map.gif);
}
div.featureContainer.icon.observer {
	background-image: url(/images/icons/icon_housing_observer.png);
}
div.featureContainer.icon.pdf {
	background-image: url(/images/icons/icon_pdf_circle.png);
}
div.featureContainer.icon.pdfHero {
	background-image: url(/images/icons/icon_pdf_circle_white.png);
}
div.featureContainer.icon.photo {
	background-image: url(/images/icons/icon_photo_camera.png);
}
div.featureContainer.icon.print {
	background-image: url(/images/icons/icon_print.png);
}
div.featureContainer.icon.search {
	background-image: url(/images/icons/icon_search.png);
}
div.featureContainer.icon.success {
	background-image: url(/images/icons/icon_success.png);
}
div.featureContainer.icon.video {
	background-image: url(/images/icons/icon_video_camera.png);
}
div.featureContainer.icon.webcast {
	background-image: url(/images/icons/icon_webcast.png);
}
div.featureContainer.icon.workbook {
	background-image: url(/images/icons/icon_workbook.png);
}
div.featureContainer.icon.worksheet {
	background-image: url(/images/icons/icon_worksheet.png);
}
/* END - Icon Styles */

div.featureContainer.intro.MCS2015 {
	background-image: url(/en/hoficlincl/moloin/sure/mocosu/images/mcs2015_intro_photo.png);
	background-repeat: no-repeat;
	border-radius: 5px 5px 0 0;
	border: 1px solid #e4e4e4;
	border-bottom: none;
	background-position: bottom right;
	margin: 15px 0px 0px 0px;
}
div.featureContainer.intro.MCS2015 p {
	margin: 10px 0 0px 0px;
}
div.featureContainer div.fcContent {
	width: 45%;
	margin: 0 0 0 20px;
}
/*#################################  END - Feature Container  ##########################################*/


span.tag, span.badge, a span.badge {
	background-color: #333;
	color: #FFF;
	text-transform: uppercase;
	font-size: 10px;
	border-radius: 3px;
	padding: 1px 3px 1px 3px;
	margin: 0 0 0 5px;
	text-decoration: none;
	display: inline-block; /* This removes underline from span in anchor */
	line-height: normal; /* Line-height is inherited from parent element because of inline-block. This removes it */
}
span.badge.video {
	background-color: #619080;
}
span.badge.pdf {
	background-color: #D8000A;
}
span.badge.xls {
	background-color: #387b2b;
}
/* Show Hide Button */
div.showHideContainer {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	width: 450px;
}
div.showHideContainer p, div.showHideContainer img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.showHideContainer .showHideButton {
	display: block;
	padding: 7px 0px 7px 7px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	color: white;
	background-color: #333333;
	cursor: pointer;
}
div.showHideContainer .showHideButton span {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
/* END - Show Hide Button */

/* END - Show Hide Button */
.skimContent {
	font-size: 22px;
	padding: 7px 0px;
	line-height: 30px;
	background-color: #f1f1f1;
	display: inline;
}
/* END - Skimable */	

/* ################## OLD FEATURE TILE ############

div.featureTileContainer {
	overflow: auto;
	margin: 0 auto;
	text-align: center;
	width:100%;
	padding-bottom:10px;

}
div.featureTileContainer div.featureColumn {
	margin: 0 30px 0px 0px;
	display: inline-block;
	vertical-align: top;
}
div.featureTileContainer div.featureColumn:last-child {
	margin: 0 0px 0px 0px;
}
div.featureTileContainer.twoWide div.featureColumn {
	width: 47.50%;
}
div.featureTileContainer.threeWide div.featureColumn {
	width: 29.5%;

}
div.featureTileContainer div.featureTile {
	color: #387C3B;
	float: left;
	padding: 0 0px 0 0;
	margin: 0 0px 30px 0px;
	width: 100%;
}
div.featureTile:hover {
	background-color: #F8F8F8;
}
div.featureTile h2 {
	font-size: 20px;
}
div.featureTile p {
	font-size: 14px;
}
div.featureTile a.featureTileLink {
	color: #387C3B;
	text-decoration: none;
}
div.featureTileContent {
	border: 1px solid #ededed;
	padding: 15px;
	margin: 0 0 0px 0;
	text-align: center;
}
############### END - OLD FEATURE TILE */

div.featureTileContainer {
	overflow: auto;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
}
div.featureTileContainer div.featureColumn {
	margin: 0 30px 0px 0px;
	display: inline-block;
	vertical-align: top;
}
div.featureTileContainer div.featureColumn:last-child {
	margin: 0 0px 0px 0px;
}
div.featureTileContainer.twoWide div.featureColumn {
	width: 45.75%;
}
div.featureTileContainer.threeWide div.featureColumn {
	width: 29.5%;
}
div.featureTileContainer div.featureTile {
	color: #333;
	float: left;
	padding: 0 0px 0 0;
	margin: 0 0px 30px 0px;
	width: 100%;
	border: 1px solid #ededed;
	border-radius: 4px;
}
div.featureTileContainer div.featureTileTray {
	color: #333;
	background-color: #F8F8F8;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
div.featureTileContainer div.featureTileTray p, div.featureTileContainer div.featureTileTray h4 {
	padding: 0px 20px 0px 20px;
	margin: 0px auto;
}
div.featureTile:hover {
	background-color: #F8F8F8;
	border: 1px solid #a9a9a9 !important;
}
div.featureTile.profileTile:hover {
	background-color: transparent;
	border: 1px solid #a9a9a9 !important;
	opacity: 0.9;
	filter: alpha(opacity=90);
	background-image: url(/images/icons/BG_stripes.png);
	background-repeat: repeat;
	background-position: 0px 0px;
}
div.featureTile h2 {
	font-size: 20px;
	color: #2179B0;
	text-align:center;
}
div.featureTile h4 {
	font-size: 16px;
	text-align:center;
}
div.featureTile.profileTile h2 {
	color: #333;

}
div.featureTile p {
	font-size: 14px;
	text-align:center;
}
div.featureTile a.featureTileLink {
	color: #333;
	text-decoration: none;
}
div.featureTileContent {
	padding: 15px;
	margin: 0 0 0px 0;
	text-align: center;
}
div.featureTile__linkedInIcon {
	float: left;
	width: 30px;
	margin: 10px -30px 0 10px;
}
div.featureTile__linkedInIcon a {
	display: inline; /* Corrects cascade from featureContainer of display:block */
}
div.featureTile__profile {
	border-top: 1px solid #ededed;
	background-color: white;
	border-radius: 4px;
	padding: 15px 0px 15px 0px;
}
div.featureTile__profile p {
	padding: 0px 0px 0px 0px;
}
img.featureTile__icon {
	height: 90px;
	width: 90px;
}
.modalOpen {
	cursor: pointer;
}
.modalSource {
	padding: 3% 4% 1% 4%;
	text-align: center;
}