/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

body {
	background-color: #9AB;
}

div.colLayout {
	background-color: #FFF;	/* #369 Colour under mountain image */
	height: 100%;
}

.leftsideimage,
.leftsideimage_e,
.leftsideimage_f {
	width: 150px; 
	height: 73px;
	margin-bottom: 15px;
}

.leftsideimage,
.leftsideimage_e {
	background: url(http://oee.nrcan.gc.ca/images2/clf2/ecoenergy-logo-eng.jpg) no-repeat center center;
}

.leftsideimage_f {
	background: url(http://oee.nrcan.gc.ca/images2/clf2/ecoenergy-logo-fra.jpg) no-repeat center center;
}

p.breadcrumb a:hover { 
	text-decoration: none;
}


.nounderline {
	text-decoration:none;
}

.underline {
	text-decoration:underline;
}

.normalweight {
	font-weight: normal;
}

.rederrmsgs {
	color: #C00;
	font-weight: bold;
}

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */

div.fip, 
div.cwm {
	height: 20px;
}

div.cwm img {
	padding-top: 0px;
}

/* FIP HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE PCIM */

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */

div.banner {
	background: #369 url(http://oee.nrcan.gc.ca/images2/clf2/bbg.jpg) no-repeat center center;
	color: #FFF;
	background-color: #369;
}

div.banner-eng, 
div.banner-lfcoa-eng {
	background: url() #FFF no-repeat center center;
}

div.banner-fra, 
div.banner-lfcoa-fra {
	background: url() #FFF no-repeat center center;
}

/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */

div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}

* html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}

*:first-child+html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}

div.page div.core div.navaid a:hover,
div.page div.core div.navaid a:active,
div.page div.core div.navaid a:focus {
	color: #000;
	background-color: #CC9;
	border-color: #000;
}

/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */

div.left h2.nav, 			div.left h2.nav a:link, 			div.left h2.nav a:visited, 
div.left div.h2nav, 	div.left div.h2nav a:link, 		div.left div.h2nav a:visited, 
div.left p.h2nav, 		div.left p.h2nav a:link, 			div.left p.h2nav a:visited, 
div.right h2.nav, 		div.right h2.nav a:link, 			div.right h2.nav a:visited, 
div.right div.h2nav,	div.right div.h2nav a:link, 	div.right div.h2nav a:visited, 
div.right p.h2nav,		div.right p.h2nav a:link, 		div.right p.h2nav a:visited {
	background-color: #036;
	color: #FFF;
	text-decoration: none;
}

div.left h2.nav a:hover, 			div.left h2.nav a:active,				div.left h2.nav a:focus, 
div.left div.h2nav a:hover, 	div.left div.h2nav a:active,		div.left div.h2nav a:focus, 
div.left p.h2nav a:hover, 		div.left p.h2nav a:active,			div.left p.h2nav a:focus, 
div.right h2.nav a:hover, 		div.right h2.nav a:active,			div.right h2.nav a:focus, 
div.right div.h2nav a:hover, 	div.right div.h2nav a:active, 	div.right div.h2nav a:focus, 
div.right p.h2nav a:hover,		div.right p.h2nav a:active, 		div.right p.h2nav a:focus {
	text-decoration: underline;
}

div.right li ul.nav, 
div.right li p.nav, 
div.right li div.nav {
	border: 1px solid #000;
}

.left_menu_header {
	background-color: #369;
	font-size:1.05em;
	font-weight: bold;
	padding: 7px;
	margin-bottom: 1px;
}

.left_menu_header a {
	color: white;
	text-decoration: none;
}

/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */

div.left ul.nav {
	margin-top: 0;
	padding-top: 0;
	list-style: none;
}

div.left li.menucontent,
div.left li.bottomspace {
	margin-bottom: 1px;
}

div.left li.menucontent {
	border-left: 3px solid #036;
}

div.left li.menucontent, 
div.left div.menucontent, 
div.left a.menulink {
	color: #036;
}

div.right li.menucontent, 
div.right div.menucontent {
	color: #000;
	background-color: #FFF;
}

/* Static menu items */
div.left .static {
	background-color: #EEE;
}

div.left li.static {
	padding-left: 5px;
}


/* Section headline in left side menu */
div.left li#submenu {
	border-top: 1px solid white;
	margin: -1px 0 1px 0;
	padding: 0;
}

div.left li#submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Section Banners */

#sectionbanner div {	/* Inner div to hold the text */
	font: bold 13pt Verdana, Arial, Helvetica, sans-serif;
	color: #036;

	padding: 6px 0 0 6px;
	width: 330px;
}

#col3part2 {
	border: 1px solid #9AC;
	border-bottom: 0;
}

/* Things that applies to both personal and business */

div.left li div.per_section,
div.left li div.bus_section	{
	background: url(http://oee.nrcan.gc.ca/images2/leftnav-arrow-down.gif) no-repeat;
	margin: 0 0 0 -9px;
	padding-left: 9px;
}

div.left a.per_section,
div.left a.bus_section {	/* Section texts */
	color: #FFF;
	font-weight: bold;
}

/* Menu item side arrow */

div.left li {
	border: 0;
}

div.left li.bottomline {
	border-bottom: 1px solid #036;
}

div.left li div.per_menuitem,
div.left li div.bus_menuitem	{
	background: url(http://oee.nrcan.gc.ca/images2/leftnav-arrow-side.gif) no-repeat;
	margin-left: -8px;
	padding-left: 5px;
	padding-bottom: 2px;
}

/* Business specific menu items */

div.left .per_section {	/* Business section menu item */
	background-color: #5A0;
}

div.left li.per_menuitem,
div.left div.per_menuitem,
div.left a.per_menuitem {	
	background-color: #DED;
	margin-left: 0;
}

/* Business specific menu items */

div.left .bus_section {	/* Residential section menu item */
	background-color: #C61;
}

div.left li.bus_menuitem,
div.left div.bus_menuitem,
div.left a.bus_menuitem {	
	background-color: #FED;
}

/* Proactive Disclosure */
li.prodis {
	border-top: 5px solid #036;
	border-left: 3px solid #036;
	border-bottom: 1px solid #036;
	padding-bottom: 5px;
	overflow: hidden;
}

div.right a.menulink {
	color: #000;
	background-color: #FFF;
}

/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT MENU CSS BEGINS */

#contentmenu {
	float: right;

	width: 193px;

	padding: 0;
	border: 1px solid #9AC;

	list-style: none;
}

#contentmenu li {
	list-style: none;

	border-top: 1px solid #9AC;
	margin: 0;
	padding: 0;
}

#contentmenu li.firstmenuitem {
	border: 0;
}

#contentmenu li a {
	display: block;
	text-decoration: none;
	padding: 2px 7px;
	color: #039;
}

#contentmenu li a:hover {
	color: #06C;
	text-decoration: underline;
}

#contentmenu li a.selected {
	font-weight: bold;
}

/* CONTENT MENU CSS ENDS */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	color: #000;
}

div.center a:link {
	color: #039;
}

div.center a:visited {
	color: #663;
}

div.blackborder {
	border: solid #000 1px;
}

div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}

#contentareaframe {
	overflow:visible;
	padding-bottom: 83px;
}

#banner2 {
	border-bottom: 1px solid #9AC;
}

/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/*PORTAL PAGES THIRD COLUMN BORDER AND LAYOUT | TROISIEME COLONNE PAGES PORTAILS BORDURE ET FORMAT*/

div.portalthirdcolumn {
	border: 1px solid #9AC;
	padding: 0 0 0 0;
}

div.portalthirdcolumn h1 {
	border-bottom: 1px solid #9AC;
	padding: 0 5px 0 5px;
	margin-bottom: 4px;
	font-size: 11pt;
	color: #336699;
}

div.portalthirdcolumn .toolsindent {
	padding: 0 5px 0 5px;
}

div.portalthirdcolumn .toolsindent a {
	display: block;
	padding-bottom: 10px;
}

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */

div.footer div.footerline {
	background-color: #369;
}

div.footer a:link, 
div.footer a:visited, 
div.center div.footer a:link, 
div.center div.footer a:visited, 
div.center div.topPage a:link, 
div.center div.topPage a:visited, 
div.center p.topPage a:link, 
div.center p.topPage a:visited {
	color: #039;
	background-color: #FFF;
}

/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */