/* CLF 2.0 TEMPLATE VERSION 1.05 | VERSION 1.05 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
/* added for v5* START*/
body {
	background-color: #FFF;
}
/* added for v5* END*/
div.colLayout {
	background-color: #FFF;
	height: 100%;
}

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

/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */
div.fip, div.cwm {
	height: 26px;
}
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 {
	color: #FFF;
	background-color: #fff;
}
div.banner-eng, div.banner-lfcoa-eng {
	background: url("../jpg/masthead.jpg") #FFF no-repeat center center;
}
div.banner-fra, div.banner-lfcoa-fra {
	background: url("../jpg/masthead.jpg") #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 */

/* colours START*/

.lightGreen { /* as in P&S pages titles*/
            color:#690;
            }
.orange  {/* as in RSS*/
color:#f60;
}			
			
/* colours END */

/*Top Left Search box part*/
div.navSearch {
padding:0;
margin:0;
}
div.navSearch h6 {
padding:5px 0 5px 10px;
margin:0;
vertical-align:middle;
background-color:#000;
color:#fff;
}
div#text_btn {float: none; margin: 5px 0 5px 0; padding: 0 0 2px 0; width: 98.5%;overflow:hidden;}
div.help_advanced {float: left; width: 49%; margin: 0 1px 0 0; padding: 0;}

div.help_advancedFR 
{float: left; width: 15%; margin: 0 1px 0 0; padding: 0;}
/*div.help_advancedFR {float: left; width: 25%; margin: 0 1px 0 0; padding: 0;}*/

div.help_advanced_sitemap
{
	background: black; 
	padding:5px 0px 1px 10px; /*used to be padding:0px*/
	margin-bottom:10px;
}

div.help_advanced_sitemap label
{
padding:0 0 5px 0;
margin:0;
vertical-align:top;
background-color:#000;
color:#fff;
font-weight:normal;
font-size:110%;
}

.stbuttontext
{
	color:black;
}

div#enterBTNbox {float: none; margin: 0 0 15px 0; padding: 0; width: 98.5%;}

/* green button GO*/
div#text_btn div.btn {
	border-top: #9c6 1px solid;
	border-left: #9c6 1px solid;
	border-bottom: #360 1px solid;
	border-right: #360 1px solid;
	height: 1.15em;
	width: 2.0em;
	text-align: center;
	padding: 0.15em;
	margin: 0 7px 0 0;
	font-weight: bold;
	color: #FFF;
	background-color: #690;
	float:right;
}
/*
div#text_btn div.btnFR {
	border-top: #9c6 1px solid;
	border-left: #9c6 1px solid;
	border-bottom: #360 1px solid;
	border-right: #360 1px solid;
	height: 1.15em;
	width: 4.5em; *use to be 6.5em for Chercher*
	text-align: center;
	padding: 0.15em;
	margin: 0 7px 0 0;
	font-weight: bold;
	color: #FFF;
	background-color: #690;
	float:right;
}*/
/*was added on Dec 12,11 to accomodate Accessibility 
div#text_btn button.Fr {
	border-top: #9c6 1px solid;
	border-left: #9c6 1px solid;
	border-bottom: #360 1px solid;
	border-right: #360 1px solid;
	height: 1.60em!important;
	width: 4.5em; *use to be 6.5em for Chercher*
	text-align: center;
	padding: 0.15em;
	margin: 0 7px 0 0;
	font-weight: bold;
	color: #FFF;
	background-color: #690!important;
	float:right;
}
*/
/**/
/*was added on Dec 13,11 to accomodate Accessibility 
div#text_btn button.Eng {
	border-top: #9c6 1px solid;
	border-left: #9c6 1px solid;
	border-bottom: #360 1px solid;
	border-right: #360 1px solid;
	height: 1.60em!important;
	width: 2.5em;
	text-align: center;
	padding: 0.15em;
	margin: 0 7px 0 30px;
	font-weight: bold;
	color: #FFF;
	background-color: #690!important;
	float:right;
}*/
/* added due to new accessibility requirements*/
div#text_btn button.Eng {
    width: 3em;
	height:1.60em;
	text-align: center;
	padding:0 0 22px 0;
	margin: 2px 9px 0 0;
	font-weight: bold;
    color: #fff;
	background-color: #690!important;
	float:right;
}
div#text_btn button.Fr {
 	width: 5.7em; /*use to be 6.5em for Chercher*/
	height:1.60em;
	text-align: center;
    padding:0 0 22px 0;
	margin: 2px 7px 0 0;
	font-weight: bold;
	color: #fff;
	background-color: #690!important;
	float:right;
}

/*button.Fr and button.Eng were added on Dec 13,11 to accomodate Accessibility */
div#text_btn div.btn span,div#text_btn div.btnFR span {
	padding: 0;
	margin:0;
	color: #FFF;
	background-color: #690;
    vertical-align:middle;
	display:block;
}

div#text_btn button.Eng span {
	padding: 0;
	margin:0;
	color: #fff;
	background-color: #690;
	font-size:130%;
	vertical-align:middle;
  }
div#text_btn button.Fr span {
	padding: 0;
	margin:0;
	color: #fff;
	background-color: #690;
	font-size:130%;
	vertical-align:middle;
  }
/**/
div#text_btn div.btn span a,div#text_btn div.btnFR span a,div#text_btn button.Fr span a,div#text_btn button.Eng span a,li.menucontentSearch div.btn span a:hover,li.menucontentSearch div.btnFR span a:hover,li.menucontentSearch button.Fr span a:hover,li.menucontentSearch button.Eng span a:hover
{
	color: #FFF;
	background-color: #690;
	text-decoration:none;
}

/* green button GO ENDS*/

/* secondary nav bar styles*/
#navcontainer ul
{
padding: .5em 0;
margin: 0;
list-style-type: none;
background-color: #fff!important;
color: #009;
width: 98.5%;
font: normal 90% verdana,arial, helvetica, sans-serif;
text-align: left;
}
ul#navlist {
list-style-type: none;
padding: 0;
margin: 0;
float: left;
width: 98.5%;
color: #fff;
background-color: #009; 
font-weight:500;
 }
ul#navlist li { display: inline; }
ul#navlist li a
{
float: left;
width: 113px;
color: #fff;
background-color: #009;
padding: 0.5em 0;
margin:0;
text-decoration: none;
border-right: 1px solid #fff;
text-align:center;
}
ul#navlist li a:hover
{
background-color: #009;
color: #fff;
text-decoration:underline;
} 	
/* secondary  nav bar styles* END/

/* 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: #690;
	color: #FFF;
	text-decoration: none;
} v1.4 */


h2.nav, h2.nav a:link, h2.nav a:visited, div.h2nav, div.h2nav a:link, div.h2nav a:visited, p.h2nav, p.h2nav a:link, p.h2nav a:visited
 {
	background-color: #363;
	color: #FFF;
}
/* added for v1.5*/
h2.nav a:link, h2.nav a:visited, div.h2nav a:link, div.h2nav a:visited, p.h2nav a:link, p.h2nav a:visited {
	text-decoration: none;
}
/*ends*/

/*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: none;
} v1.4*/

h2.nav a:hover, h2.nav a:active, h2.nav a:focus, div.h2nav a:hover, div.h2nav a:active, div.h2nav a:focus, p.h2nav a:hover, p.h2nav a:active, p.h2nav a:focus {
	text-decoration: underline;
	color: #C00;
}
/* added for v1.5*/
h2.nav a[name]:hover, h2.nav a[name]:active, h2.nav a[name]:focus, div.h2nav a[name]:hover, div.h2nav a[name]:active, div.h2nav a[name]:focus, p.h2nav a[name]:hover, p.h2nav a[name]:active, p.h2nav a[name]:focus {
	color: inherit;
}
div.left a:hover, div.left a:active, div.left a:focus, div.right a:hover, div.right a:active, div.right a:focus {
	color: #C00;
} 
div.left a[name]:hover, div.left a[name]:active, div.left a[name]:focus, div.right a[name]:hover, div.right a[name]:active, div.right a[name]:focus {
	color: inherit;
} 
/*ends*/
div.right li ul.nav, div.right li p.nav, div.right li div.nav {
	border: 1px solid #000;
}

/* my customized styles beyond what it's recommended by CLF 2.0*/

ul.doubleSpace li{
		padding-bottom:15px;
		} 

li.menucontentSearch, li.menucontentSearch li, div.menucontentSearch, div.menucontentSearch li
 {
	font-size: 10.0pt;
	vertical-align: middle;
	margin: 0;
}
li.menucontentSearch, div.menucontentSearch {
	padding: 2px 0 10px 12px;
}

a.menulinkSearch {
	text-decoration: underline;
}

a.menulinkSearch:hover {
	text-decoration: none;
}

ul.navSearch {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0px;
}

div.left li.menucontentSearch, div.left div.menucontentSearch, div.left a.menulinkSearch,
div.left div.menucontentSearch a.menulinkSearch
 {
    color: #fff;
	background-color: #000;
	background-color: black;font-weight:normal;
}

div.left h2#searchTitle {
    font-size:120%;
	background-color: #000;
	text-align:left;
	padding:0 0 0 10px;
	margin:0;
}
div.left ul.navSearch li#smSearch,
div.left div.navSearch p#forSearch
 {
   font-size:85%;
}
/*div.left div.navBlue li a,
div.left ul.nav li a,
div.left div.navYellow li a
 {
  font-size: 90%;
}*/


/*makes a link invisible for sighted users, but visible to screen readers*/
.hiddenTxt
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
/* accessible way of "opens new window" script*/

/*
:focus
{
	outline:0;
}*/
a.info 
{
position:relative;
z-index:24;
}
a.info:hover,a.info:focus,a.info:active
{
z-index:25;
}
a.info span
{
position:absolute;
left: -9000px;
width:0;
overflow:hidden;	
}
a.info:hover span,a.info:focus span,a.info:active span
{
display:block;
position:absolute;
top:1em;left:1em;width:12em;
border:1px solid #0cf;
background-color:#cff;
color:#000;
text-align:center;	
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

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

div.leftGreen {
	background-color: #cbea93;
	min-width: 9.0em;
}
div.leftYellow {
	background-color: #FFCC33;
	min-width: 9.0em;
}

/* added for v1.5 but not used becaause we customized it
div.left a:link.menulink, div.left a:visited.menulink {
	text-decoration: none;
}*/


div.left li.menucontent, div.left div.menucontent, div.left a:link.menulink, div.left a:visited.menulink {
	color: #000;
	background-color: #cbea93;
	font-weight:normal;
	text-decoration:underline;
}

div.right li.menucontent, div.right div.menucontent, div.right a:link.menulink, div.right a:visited.menulink {
	color: #000;
	background-color: #FFF;
}
/*div.right a.menulink {
	color: #000;
	background-color: #FFF;
} removed from v1.5*/

/*added for v1.5*/
div.left a:hover.menulink, div.left a:active.menulink, div.left a:focus.menulink {
	text-decoration: underline;
	color: #C00;
}

div.right a:link.menulink, div.right a:visited.menulink {
	text-decoration: none;
}
div.right a:hover.menulink, div.right a:active.menulink, div.right a:focus.menulink {
	text-decoration: underline;
	color: #C00;
}
/*ends*/

div.right p {
padding:2px 8px;
margin:0;
}

div.left h2.navBlue,div.right h2.navBlue {
 	background-color: #009;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}
div.left h2.navBlue3,div.right h2.navBlue3 {
 	background-color: #36f;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}

div.right div.navBlue p {
padding:2px 8px;
margin:0 0 8px 0;
}
div.left h2.navGreen, div.right h2.navGreen {
 	background-color: #690;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}
div.left h2.navTeal, div.right h2.navTeal {
 	background-color: #9c9;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}
div.left h2.navOrange, div.right h2.navOrange {
 	background-color: #f60;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}
div.left h2.navBrown, div.right h2.navBrown {
 	background-color: #960;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}
div.left h2.navRed, div.right h2.navRed,
div.left h2.navRed3, div.right h2.navRed3
 {
 	background-color: #c00;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}
div.left h2.navPurple, div.right h2.navPurple {
 	background-color: #306;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}


div.left h2.navYellow, div.right h2.navYellow {
 	background-color: #996600;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}
div.left h2.navYellow3, div.right h2.navYellow3 {
 	background-color: #fc0;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}
div.left h2.navYoung {
 	background-color: #000;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}

div.right div.navBlue p,div.right div.navGreen p, div.right div.navYellow p {
padding:2px 8px;
margin:0 0 8px 0;
}

div.prodis {
	background-color: #696;
}
/* my customized styles beyond what it's recommended by CLF 2.0*/

div.left li.menucontent, div.left div.menucontent,div.left div.menucontentGap, div.left a.menulink:hover,div.left a.menulinkBlue:hover,div.left a.menulinkGrey:hover,div.left a.menulinkDarkGrey:hover,div.left a.menulinkGreen:hover,div.left a.menulinkTeal:hover,div.right a.menulink:hover,div.right a.menulinkGrey:hover, div.right a.menulinkBlue:hover,div.left a.menulinkOrange:hover,div.left a.menulinkBrown:hover,div.left a.menulinkRed:hover,div.left a.menulinkRed3:hover,div.left a.menulinkBlue3:hover,div.left a.menulinkBlue4:hover,div.left ul.nav2 a.menulinkBlue4:hover,div.left a.menulinkYellow3:hover, div.left a.menulinkPurple:hover,div.left a.menulinkYoung:hover,div.right div.navBlue p a:hover, div.right div.navGreen p a:hover,div.right div.navYellow p a:hover,div.left ul.nav li.disclosure, div a:hover
 {
	text-decoration:underline;
}/*added on Jun 09 for new home page from div.right menulink...to div.right a.menulinkBlue:hover*/


div.left li.menucontentBlue, div.left div.menucontentBlue, div.left a.menulinkBlue {
    color: #000;
	background-color: #9cf;
    font-weight:normal;
	text-decoration:none;
}
div.left li.menucontentBlue4, div.left div.menucontentBlue4, div.left a.menulinkBlue4 {
    color: #009;
	background-color: #89DBFF;
    font-weight:normal;
	text-decoration:none;
}

div.left ul.nav2 a.menulinkBlue4 {
    color: #009;
	background-color: #fff;
    font-weight:normal;
	text-decoration:none;
}

div.left li.menucontentGrey, div.left div.menucontentGrey, div.left a.menulinkGrey {
    color: #000;
	background-color: #ccc;
    font-weight:normal;
	text-decoration:none;
}
div.left li.menucontentDarkGrey, div.left div.menucontentDarkGrey, div.left a.menulinkDarkGrey {
    color: #000;
	background-color: #999;
    font-weight:normal;
	text-decoration:none;
}

div.left li.menucontentGreen, div.left div.menucontentGreen, div.left a.menulinkGreen {
    color: #000;
	background-color: #cbea93;
    font-weight:normal;
	text-decoration:none;
}
div.left li.menucontentTeal, div.left div.menucontentTeal, div.left a.menulinkTeal {
    color: #000;
	background-color: #99cc99;
    font-weight:normal;
	text-decoration:none;
}
div.left li.menucontentOrange, div.left div.menucontentOrange, div.left a.menulinkOrange {
    color: #000;
	background-color: #fc9;
    font-weight:normal;
	text-decoration:none;
}
div.left li.menucontentRed, div.left div.menucontentRed, div.left a.menulinkRed {
    color: #000;
	background-color: #f99;
    font-weight:normal;
	text-decoration:none;
}
div.left li.menucontentRed3, div.left div.menucontentRed3, div.left a.menulinkRed3 {
    color: #000;
	background-color: #fcc;
    font-weight:normal;
	text-decoration:none;
}
div.left li.menucontentPurple, div.left div.menucontentPurple, div.left a.menulinkPurple {
    color: #000;
	background-color: #99f;
    font-weight:normal;
	text-decoration:none;
}
div.left li.menucontentBrown, div.left div.menucontentBrown, div.left a.menulinkBrown {
    color: #000;
	background-color: #cc9;
    font-weight:normal;
	text-decoration:none;
}
div.left li.menucontentYellow, div.left div.menucontentYellow, div.left a.menulinkYellow {
    color: #000;
	background-color: #FFCC33;
    font-weight:normal;
	text-decoration:none;
}
div.left li.menucontentYoung, div.left div.menucontentYoung, div.left a.menulinkYoung {
    color: #000;
	background-color: #fc0;
    font-weight:normal;
	text-decoration:none;
}


li.menucontentPurple,div.menucontentPurple,li.menucontentGrey,div.menucontentGrey,li.menucontentDarkGrey,div.menucontentDarkGrey,li.menucontentBrown,div.menucontentBrown,
li.menucontentRed,div.menucontentRed,li.menucontentRed3,div.menucontentRed3,li.menucontentBlue3,div.menucontentBlue3,li.menucontentYellow3,div.menucontentYellow3,li.menucontentOrange,div.menucontentOrange,li.menucontentTeal,div.menucontentTeal,
li.menucontentBlue, div.menucontentBlue,li.menucontentBlueNobrd,li.menucontentBlue4, div.menucontentBlue4,li.menucontentBlue4Nobrd,li.menucontentGreen, li.menucontentYellow, div.menucontentGreen,li.menucontentGreenNobrd,li.menucontentOrangeNobrd,li.menucontentBrownNobrd,li.menucontentRedNobrd,li.menucontentRed3Nobrd,li.menucontentBlue3Nobrd,li.menucontentYellowNobrd,li.menucontentPurpleNobrd,
li.menucontentYoung, div.menucontentYoung,li.menucontentYoungNobrd,li.disclosure div {
	padding: 5px 3px 5px 4px;
	margin:0;
}
div.left li.menucontentYellow, div.left div.menucontentYellow, div.left a.menulinkYellow {
    color: #000;
	background-color: #ff9;
    font-weight:normal;
	text-decoration:none;
	color:#630;
}	
div.left a.menulinkYellow:hover {
 text-decoration: underline;
}	

li.menucontentYellow, div.menucontentYellow {
	padding: 2px 3px 2px 4px;
}

li.menucontentGap {
	padding: 12px 3px 12px 4px;
}

a.menulinkBlue:hover,a.menulinkGrey:hover,a.menulinkDarkGrey:hover,a.menulinkGreen:hover,a.menulinkYoung:hover, a.menulinkGap:hover {
	text-decoration: underline;
}
/*a.menulinkYellow:hover {
 text-decoration: underline;
}*/

ul.navBlue {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #9cf;
}
ul.navBlue4 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #89DBFF;
}
ul.navGrey {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #ccc;
}
ul.navOrange {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #fc9;
}
ul.navRed {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #f99;
}
ul.navRed3 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #fcc;
}
ul.navBlue3 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #36f;
}
ul.navYellow3 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #fc0;
}
ul.navPurple {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #99f;
}
ul.navBrown {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #cc9;
}
ul.navGreen {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #cbea93;
}
ul.navTeal {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #99cc99;
}
ul.navYellow {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #FFCC33;
}
ul.navYoung {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #fc0;
}

div.left h2.navBlue,div.right h2.navBlue,
div.left h2.navBlue4,div.right h2.navBlue4
 {
    background-color: #009;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}
div.left h2.navGrey,div.right h2.navGrey {
    background-color: #000;
	text-align:left;
	padding:4px;
	margin:0;
	color:#fff;
}

div.left h2#brownSec,div.right h2#brownSec
{
	background-color: #960;
}
div.left h2#yellowSec,div.right h2#yellowSec
{
	background-color: #996600;
}
div.left h2, div.right h2 {
font-size:120%;
}
div.left #cntr li {
text-align:center;
padding:0;
margin:0;
font-size:100%;
}

ul.nav li.disclosure,ul.nav li.disclosure div a {
background-color: #fff;
color:#000;
padding:0;
margin:0;
}
/*finalized sidebar custom */

div.left li.menucontentGrey, div.right li.menucontentGrey, div.left div.menucontentGrey,
div.left li.menucontentDarkGrey, div.right li.menucontentDarkGrey, div.left div.menucontentDarkGrey,
div.left li.menucontentBrown, div.right li.menucontentBrown, div.left div.menucontentBrown, div.left li.menucontentBlue, div.right li.menucontentBlue, div.left div.menucontentBlue,div.left li.menucontentBlue4, div.right li.menucontentBlue4, div.left div.menucontentBlue4,div.left li.menucontentOrange, div.right li.menucontentOrange, div.left div.menucontentOrange,div.left li.menucontentRed, div.right li.menucontentRed, div.left div.menucontentRed,div.left li.menucontentRed3, div.right li.menucontentRed3, div.left div.menucontentRed3,div.left li.menucontentBlue3, div.right li.menucontentBlue3, div.left div.menucontentBlue3,div.left li.menucontentYellow3, div.right li.menucontentYellow3, div.left div.menucontentYellow3,
div.left li.menucontentPurple, div.right li.menucontentPurple, div.left div.menucontentPurple,
div.left li.menucontentGreen, div.left div.menucontentGreen, div.left li.menucontentYellow, div.left div.menucontentYellow, div.left li.menucontentYoung, div.left div.menucontentYoung,div.left li.menucontentTeal, div.left div.menucontentTeal  {
      border-bottom: 1px solid #FFF;
}
div.left li.menucontentGreyNobrd,div.right li.menucontentGreyNobrd,div.left li.menucontentDarkGreyNobrd,div.right li.menucontentDarkGreyNobrd,div.left li.menucontentBlueNobrd,div.right li.menucontentBlueNobrd,/* div.left ul.nav2 li.menucontentBlueNobrd,*/ div.left li.menucontentGreenNobrd,li.menucontentYellowNobrd,div.left li.menucontentYoungNobrd,div.left li.menucontentOrangeNobrd,div.left li.menucontentRedNobrd,div.left li.menucontentRed3Nobrd,div.left li.menucontentBlue3Nobrd,div.left li.menucontentBlue4Nobrd,div.left li.menucontentYellowNobrd,div.left li.menucontentPurpleNobrd,div.left li.menucontentBrownNobrd,div.left li.menucontentTealNobrd {
      border-bottom: none;
}

ul.nav2 li.menucontentBlue2brd,ul.nav2 li.menucontentBlue2brdL,
ul.nav2 li.menucontentBlue3brd,ul.nav2 li.menucontentBlue3brdL,
ul.nav2 li.menucontentYoung2brd,ul.nav2 li.menucontentYoung2brdL
{
border-bottom: 1px solid #9cf;
}
 ul.nav2 li.menucontentBlue4brd,ul.nav2 li.menucontentBlue4brdL
{
/*border-bottom: 1px solid #009;*/
color:#009;
background-color:#fff;
}


ul.nav2 li.menucontentGrey2brd,ul.nav2 li.menucontentGrey2brdL
 {
border-bottom: 1px solid #ccc;
}
ul.nav2 li.menucontentDarkGrey2brd,ul.nav2 li.menucontentDarkGrey2brdL
 {
border-bottom: 1px solid #999;
}
 
ul.nav2 li.menucontentGreen2brd,ul.nav2 li.menucontentGreen2brdL
 {
border-bottom: 1px solid #cbea93;
} 
ul.nav2 li.menucontentOrange2brd,ul.nav2 li.menucontentOrange2brdL
 {
border-bottom: 1px solid #f60;
} 
ul.nav2 li.menucontentRed2brd,ul.nav2 li.menucontentRed2brdL,
ul.nav2 li.menucontentRed3brd,ul.nav2 li.menucontentRed3brdL
 {
border-bottom: 1px solid #c00;
}
ul.nav2 li.menucontentPurple2brd,ul.nav2 li.menucontentPurple2brdL
 {
border-bottom: 1px solid #99f;
}
ul.nav2 li.menucontentBrown2brd,ul.nav2 li.menucontentBrown2brdL
 {
border-bottom: 1px solid #960;
} 
ul.nav2 li.menucontentYellow2brd,ul.nav2 li.menucontentYellow2brdL,
ul.nav2 li.menucontentYellow3brd,ul.nav2 li.menucontentYellow3brdL
 {
border-bottom: 1px solid #FFCC33;
} 

      
/*ul.navBlue li.menucontentBlue {
border-bottom: 1px solid #fff;
}*/

ul.nav2 {
	margin: 0;
	padding:0;
	list-style-type: none;
	background-color:#fff !important;
	color:#000;
}

ul.nav2 li h6 {
    font-size:85%;
    color:#000;
	padding: 5px 3px 5px 10px;
	margin:0;
	background-color:#fff !important;
}
ul.nav2 li h6 a.mainLink:link {
color: #000;
text-decoration:none;
}
ul.nav2 li h6 a.mainLink:visited {
	color: #000;
	text-decoration:none;
}
ul.nav2 li h6 a.mainLink:hover {
	color: #000;
	text-decoration:underline;
}
li.menucontentBlue a#current {
text-decoration:underline;
}

li.menucontentBlue a:hover#current  {
text-decoration:none;
}

li.menucontentGrey2 a.menulinkGrey,li.menucontentGrey2brd a.menulinkGrey,
li.menucontentGrey2brdL a.menulinkGrey,
li.menucontentDarkGrey2 a.menulinkDarkGrey,li.menucontentDarkGrey2brd a.menulinkDarkGrey,
li.menucontentDarkGrey2brdL a.menulinkDarkGrey,
li.menucontentBlue2 a.menulinkBlue,li.menucontentBlue2brd a.menulinkBlue,
li.menucontentBlue2brdL a.menulinkBlue,
li.menucontentBlue3 a.menulinkBlue,li.menucontentBlue3brd a.menulinkBlue,
li.menucontentBlue3brdL a.menulinkBlue,
li.menucontentBlue4 a.menulinkBlue,li.menucontentBlue4brd a.menulinkBlue,
li.menucontentBlue4brdL a.menulinkBlue,
li.menucontentRed2 a.menulinkRed,li.menucontentRed2brd a.menulinkRed,
li.menucontentRed2brdL a.menulinkRed,
li.menucontentPurple2 a.menulinkPurple,li.menucontentPurple2brd a.menulinkPurple,
li.menucontentPurple2brdL a.menulinkPurple,
li.menucontentGreen2 a.menulinkGreen,li.menucontentGreen2brd a.menulinkGreen,
li.menucontentGreen2brdL a.menulinkGreen,
li.menucontentTeal2 a.menulinkTeal,li.menucontentTeal2brd a.menulinkTeal,
li.menucontentTeal2brdL a.menulinkTeal,
li.menucontentYellow2 a.menulinkYellow,li.menucontentYellow2brd a.menulinkYellow,
li.menucontentYellow2brdL a.menulinkYellow,
li.menucontentYellow3 a.menulinkYellow,li.menucontentYellow3brd a.menulinkYellow,
li.menucontentYellow3brdL a.menulinkYellow
{
background-color:#fff;
}

/*li.menucontentBlue,*/div.menucontentBlue,div.menucontentBlue4,li.disclosure div {
	padding: 5px 3px 5px 4px;
}
ul.nav2 li.menucontentBlue2,li.menucontentBlue2brd,li.menucontentBlue2brdL,
ul.nav2 li.menucontentBlue3,li.menucontentBlue3brd,li.menucontentBlue3brdL,
ul.nav2 li.menucontentBlue4,li.menucontentBlue4brd,li.menucontentBlue4brdL,
ul.nav2 li.menucontentRed2,li.menucontentRed2brd,li.menucontentRed2brdL,
ul.nav2 li.menucontentRed3,li.menucontentRed3brd,li.menucontentRed3brdL,
ul.nav2 li.menucontentPurple2,li.menucontentPurple2brd,li.menucontentPurple2brdL,
ul.nav2 li.menucontentGrey2,li.menucontentGrey2brd,li.menucontentGrey2brdL,
ul.nav2 li.menucontentDarkGrey2,li.menucontentDarkGrey2brd,li.menucontentDarkGrey2brdL,
ul.nav2 li.menucontentGreen2,li.menucontentGreen2brd,li.menucontentGreen2brdL,
ul.nav2 li.menucontentTeal2,li.menucontentTeal2brd,li.menucontentTeal2brdL,
ul.nav2 li.menucontentYellow2,li.menucontentYellow2brd,li.menucontentYellow2brdL,
ul.nav2 li.menucontentYellow3,li.menucontentYellow3brd,li.menucontentYellow3brdL
 {
	padding: 5px 0 5px 20px;
    margin:0;
    font-size:85%;
}

/*ul.nav2 li.menucontentBlue2,li.menucontentBlue2brd,li.menucontentBlue2brdL
 {
	border-bottom: none;
}*/

div.right li.menucontentBlue, div.right div.menucontentBlue, div.right a.menulinkBlue {
    color: #000;
	background-color: #9cf;
    font-weight:normal;
	text-decoration:none;
}/*added June 09,09*/
/* end*/	

/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */
/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */


/* Arrow and title in box to fix wrapping STARTS*/
div.rowArrowTitle {float: left; margin: 0; padding: 0; width: 98.5%;}
div.arrow {float: left; width: 4%; margin: 0; padding: 0; font-size:1.9em;}
div.title {float: left; width: 94%; margin: 0; padding: 0;}
/* Arrow and title in box to fix wrapping ENDS*/

div.center h1, div.pageTitleArrRes h1 {
    font-size: 20pt;
	line-height: 22pt;
	font-weight: normal;
}
div.center h1 {
	padding:0;
	margin:0 0 5px 0;
	color: #009;
}
div.center img {
vertical-align: top; 
}
div.center h2, h3, h4, h5, h6 {
	color: #000;
}
div.center a:link {
	color: #000;
}
div.center a:visited {
	color: #000;
}
div.center a:hover,div.center a:active, div.center a:focus {
	color: #000;
	text-decoration:none;
}

/* added for v1.5 but not used due to above customization
div.center a:hover,div.center a:active, div.center a:focus  {
	color: #C00;
}*/

/*added for v1.5*/
div.center a[name]:hover, div.center a[name]:active, div.center a[name]:focus {
	color: inherit;
}
/*ends*/
div.center h1 a:link {
	color: #009;
}
div.center h1 a:visited {
	color: #009;
}
div.center h1 a:hover {
	color: #009;
	text-decoration:none;
}

div.center h1.brownTitle  {
color:#630;
}
h1.brownTitle a:link {
	color: #630;
}
h1.brownTitle a:visited {
	color: #630;
}
h1.brownTitle a:hover {
	color: #630;
	text-decoration:none;
}
div.center h1.blackTitle  {
color:#000;
}
h1.blackTitle a:link {
	color: #000;
}
h1.blackTitle a:visited {
	color: #000;
}
h1.blackTitle a:hover {
	color: #000!important;
	text-decoration:none;
}

div.center h1.greenTitle  {
color:#060;
}
div.center h1.greenTitle a:link {
	color: #060;
}
div.center h1.greenTitle a:visited {
	color: #060;
}
div.center h1.greenTitle a:hover {
	color: #060;
	text-decoration:none;
}
div.center h1.greenTitleShop  {
color:#690;
}
div.center h1.greenTitleShop a:link {
	color: #690;
}
div.center h1.greenTitleShop a:visited {
	color: #690;
}
div.center h1.greenTitleShop a:hover {
	color: #690;
	text-decoration:none;
}
div.center h1.redTitle  {
color:#c00;
}
div.center h1.redTitle a:link {
	color: #c00;
}
div.center h1.redTitle a:visited {
	color: #c00;
}
div.center h1.redTitle a:hover {
	color: #c00;
	text-decoration:none;
}
div.center h1.purpleTitle  {
color:#306;
}
div.center h1.purpleTitle a:link {
	color: #306;
}
div.center h1.purpleTitle a:visited {
	color: #306;
}
div.center h1.purpleTitle a:hover {
	color: #306;
	text-decoration:none;
}
div.center h1.lightBrownTitle  {
color:#960;
}
div.center h1.lightBrownTitle a:link {
	color: #960;
}
div.center h1.lightBrownTitle a:visited {
	color: #960;
}
div.center h1.lightBrownTitle a:hover {
	color: #960;
	text-decoration:none;
}

div.center h1.orangeTitle  {
color:#f60;
}
div.center h1.orangeTitle a:link {
	color: #f60;
}
div.center h1.orangeTitle a:visited {
	color: #f60;
}
div.center h1.orangeTitle a:hover {
	color: #f60;
	text-decoration:none;
}


div.centerBrd 
{border-left: 1px solid #000000;
padding:0 0 0 8px;
margin:0;
}
div.centerBrd p 
{
color:#000;
}

.italic {
font-style  :italic;
}

div.pageTitleArrRes h1 {
color:#630;
}
div.pageTitleArrRes h1 img {
padding:0 2px 0 2px;
margin:0;
vertical-align:middle;
}
div.pageTitleArrRes p {
background:#ffffff;
margin:0px 0px 0px 18px;
padding:0;
}
div.pageTitleArrRes h1 span#Arr {
color: #630;
font-weight:bold;
}

.moreSpaceList li {padding:5px 0 5px 0;}

.greenDark {
	color: #690;
	background-color: transparent;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}
  .greenBg {
background-color:#690!important;
}
/*  main title, top description and top right image styles*/
div.rowTitleImage {
background-color:#fff;
width:98.5%;
padding:0 0 3px 0;
margin:0;
overflow:hidden;
}
.titleBox {
float:left;
width:75%;/*75% for IE 6 78% is better for other browsers*/
padding:0;
margin:0;
}

.topImgBox {
float:right;
padding:0;
margin:0;
}
.topImgBox p {
padding:0;
margin:0;
width:133px; /*used to be 145px*/
}
div.topText p,div.topText h6,div.topText h2
{
   padding: 5px 3px 5px 22px;
   margin:0;
   font-weight:normal;
}
/*div.topText table
{
   padding:0;
   margin:5px 3px 0 24px;
} */
div.topText p,div.topText td,div.topText h5,div.topText h6
{
   background-color:#fff;
   color:#000;
}

.titleBoxLogged {
float:left;
width:70%;
padding:0;
margin:0;
}

.loggedBar {
float:right;
padding:0;
margin:0;
width:28%
}

/* main title, top description and top right image styles END*/

div.mainContainerN
{
   padding: 0px 0px 0px 22px;
   margin:10px 0 10px 0;
}
div.mainContainerN_hwplaces
{
   padding: 0px 0px 0px 5px;
   margin:10px 0 10px 0;
}

div.center ul,div.center ol
{
   padding: 0;
   margin:0 0 0 15px;
}

div.mainContainerN ul,
div.mainContainerN ol
{
   padding: 0;
   margin:0 0 5px 15px;
   color:#000;
}
div.mainContainerN ol#ordering
{
   padding: 0;
   margin:0 0 5px 35px;
   color:#000;
}
.mainContainerN ul.shopHelpList,
.mainContainerN ul.faqs,.mainContainerN ol.faqs
 {
padding:0;
margin:10px 0 10px 20px;
}
div.mainContainerN p, div.mainContainerN td, div.mainContainerN h6,div.mainContainerN h5,
div.mainContainerN div p
{
color:#000;
}
div.mainContainerN div p
{
padding:0;
margin:10px 0 10px 0;
}
div.mainContainerN div ol /*added Apr14,09*/
{
padding:0;
margin:0 0 0 20px;
}
div.mainContainerN div ol li /*added Apr14,09*/
{
padding:0;
margin:10px 0 10px 0;
}
div.mainContainerN h6 
{
padding:0;
margin:5px 0 0 0;
}
div.mainContainerN div h6 
{
padding:0;
margin:20px 0 0 0;
}
div.mainContainerN div h2, div.mainContainerN div.optionContainer button
{
padding:0;
margin:20px 0 0 0;
font-size:110%;
}
div.mainContainerN div h3
{
padding:0;
margin:20px 0 0 0;
font-size:100%;
}
/*div.topText {
overflow:hidden;
}*/
div.topText h2 
{
font-size:110%;
}
div.mainContainerN a:link {
	color: #000;
}
div.mainContainerN a:visited {
	color: #000;
}
div.mainContainerN a:hover {
	color: #000;
	text-decoration:none;
}
div h5 {
padding:0;
margin:5px 0 2px 0;
color: #000;
}
/* my customized styles beyond what it's recommended by CLF 2.0*/
div.blackborder {
	border-left: solid #000 1px;
	border-right: solid #000 1px;
}
.yellowBg {
background-color:#fc0;
}
.greyBg {
background-color:#ccc;	
}
.blueBg {
background-color:#009!important;	
}
.lightBlue {
color:#009!important;
}
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline {
	background-color: #009;
}

/*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: #009;
	background-color: #FFF;
} v1.4*/
div.footer div.footerline {
	background-color: #009;/*CLF2: #363; */
}
/*div.footer a:link, div.footer a:visited, div.topPage a:link, div.topPage a:visited, p.topPage a:link, p.topPage a:visited {
	color: #009;
	background-color: #FFF;
}*/

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION */
 /* v1.4
 p.breadcrumb a:link {
	color: #000;
}
p.breadcrumb a:visited {
	color: #000;
}
p.breadcrumb a:hover {
	color: #000;
	text-decoration:none;
}*/

/*added for v1.5*/
p.breadcrumb a:link, p.breadcrumb a:visited, div.footer a:link, div.footer a:visited, div.topPage a:link, div.topPage a:visited, p.topPage a:link, p.topPage a:visited {
	color: #000;
	background-color: #FFF;
}
p.breadcrumb a:active, p.breadcrumb a:focus, div.footer a:hover, div.footer a:active, div.footer a:focus, div.topPage a:hover, div.topPage a:active, div.topPage a:focus, p.topPage a:hover, p.topPage a:active, p.topPage a:focus {
	color: #000;
}
p.breadcrumb a:hover {
	color: #000;
text-decoration:none;	
}
/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */