/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
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("http://images.ccohs.ca/masthead.jpg") #FFF no-repeat center center;
}
div.banner-fra, div.banner-lfcoa-fra {
	background: url("http://images.cchst.ca/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 */

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

/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */

/*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: 25%; margin: 0 1px 0 0; padding: 0;}
div.help_advanced_sitemap
{
	background: black; 
	padding:0px 0px 1px 10px; 
	margin-bottom:10px;
}

.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: 6.5em;
	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.btn span,div#text_btn div.btnFR span {
	padding: 0;
	margin:0;
	color: #FFF;
	background-color: #690;
	font-size:92%;
	vertical-align:middle;
	display:block;
}
div#text_btn div.btn span a,div#text_btn div.btnFR span a,li.menucontentSearch div.btn span a:hover,li.menucontentSearch div.btnFR 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;
}
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;
}

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*/

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%;
}*/

/* 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;
}

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

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

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.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.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: #99c;
    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.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.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: #99c;
}
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 {
    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.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.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.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 #99c;
}
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.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,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.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 {
	color: #000;
	text-decoration:none;
}
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;}


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

/*  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%;
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
{
   padding: 5px 3px 5px 22px;
   margin:0;
}
/*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.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 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;
}

/* 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;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */