/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/* TOC - MAIN PAGE ONLY BEGINS */
#layoutTOC h1 a#cont { text-align: center; }
#layoutTOC h2 {
	font-size: 110%;
	margin-left: 95px;
}
#layoutTOC h2.regular, h3.regular {
	font-size: 110%;
	margin-left: 0;
}

#layoutTOC p { margin-left: 95px; }
#layoutTOC ul { margin-left: 80px; 	list-style-type: none;}
#layoutTOC ul ul { margin-left: 20px; 	list-style-type: disc;}
#layoutTOC img {
	float: left;
	padding-top: 5px;
}

#layoutTOC p.intro {
	margin-left: 0;
}
/* TOC - MAIN PAGE ONLY ENDS */


/* SLIDESHOW BEGINS */

ul#slideshow li.menucontent {
 padding: 0;
 margin: 0px 5px 5px 12px;
	
}

ul#slideshow {
   border-top: none;
   border-bottom: 1px solid #ddd;
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
   margin-bottom:0.5em;
}

#slideinterface {
    display: block;
    height: 19px;
    text-align: right;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: url("../images/sshw-mdiap/deco.gif");
}

/* SLIDESHOW ENDS */


/*LEFT NAV BEGINS*/

#headerselect1 {
	color: #036;
	font-weight: bold;
	font-size: 110%;
}

/*---used for only sidebars with 2 highlighted subject - for example: recalls page ---*/

#headerFood {
	color: #036;
	font-weight: bold;
	font-size: 110%;
}

#headerPlant {
	color: #036;
	font-weight: bold;
	font-size: 110%;
}


#headerAnimal {
	color: #036;
	font-weight: bold;
	font-size: 110%;
}

#headerselect2 {
	color: #036;
	font-weight: bold;
	font-size: 110%;
}

#headerselect3 {
	color: #036;
	font-weight: bold;
	font-size: 110%;
}

ul.nav ul.nav2 {
	list-style-type: none;
	margin-left:0;
}

ul.nav ul.nav2 li {
	margin-top: 0.5em;
}

ul.nav ul.nav2 ul.nav2{
	font-size: 75%;
	margin-left: 15px;
	padding: 0px;
}


ul.nav ul.nav2 ul.nav2 li{
	margin-top: 0.5em;
	list-style-image: url("../images/dash.gif"); 

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


/* -- instead of tables -- */
div.row 
{
   float: left; margin: 0; padding: 0; width: 98.5%;
}

div.cols 
{
  float: left; margin: 0 3px 0 0; padding: 3px;
}

div.cols-right 
{
  float: right; margin: 0 3px 0 0; padding: 0px 0px 10px 0px;
}

div.cols2 
{
  float: left; width: 49%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px;
}

div.cols-right2 
{
  float: right; width: 49%; margin: 0 3px 0 0; padding: 0; text-align: right;
}

div.cols2-20 
{
  float: left; width: 19%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-80 
{
  float: left; width: 79%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}


div.cols2-30 
{
  float: left; width: 29%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px;
}

div.cols2-70 
{
  float: left; width: 69%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-5 
{
  float: left; width: 4%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-95 
{
  float: left; width: 94%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-10 
{
  float: left; width: 9%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-90
{
  float: left; width: 89%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-40 
{
  float: left; width: 39%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}

div.cols2-60
{
  float: left; width: 59%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px; 
}


div.cols3 
{
  float: left; width: 32%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px;
}

div.cols4
{
  float: left; width: 24%; margin: 0 3px 0 0; padding: 0px 0px 10px 0px;
}


/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */


H2.subhead 
{
   	margin-top:0px;
   	margin-bottom:0px;
   	font-size: 10.5pt;
   	color: #FFFFFF;
}


H2.date 
{
   	text-align: right;
   	font-size: 10.5pt;
   	color: #FFFFFF;
   	margin-top:0px;
   	margin-bottom:0px;
}

.H1-equiv
{
    	color: #0000CC;
    	font-size: 11.5pt;
}

.H2-equiv
{
    	color: #0000CC;
    	font-size: 10.5pt;
}

.H3-equiv
{
    	color: #0000CC;
    	font-size: 10.0pt;
}

.H4-equiv
{
    	color: #0000CC;
    	font-size: 10.0pt;
}
A.nounderline {
	text-decoration: none;
}

a.nounderline:hover {
	text-decoration: underline;
}
.lig
{   
   	letter-spacing: -0.15em;
}
.small
{   
   	font-size: 7.5pt;
}
.tprht {
   	text-align: right;
	vertical-align: top;
}
.tpcter
{
   	text-align: center;
	vertical-align: top;
}
.btomcter
{
   	text-align: center;
	vertical-align: bottom;
}
.tprhtsmall
{
   	font-size: 7.5pt;
	text-align: right;
   	vertical-align: top;   	
}
.tpsmall
{   
   	font-size: 7.5pt;
   	vertical-align: top
}
.btomsmall
{   
   	font-size: 7.5pt;
   	vertical-align: bottom
}
.tplft
{
   	text-align: left;
	vertical-align: top;
}
.tpctersmall
{
   	font-size: 7.5pt;
	text-align: center;
   	vertical-align: top;   	
}
.ind
	{padding-left: 36px;}
.cter
	{text-align: center}
.rht
  	{text-align: right}
.lft
    	{text-align: left}
.tp
    	{vertical-align: top}
.btom
  	{vertical-align: bottom}
.antiwrap {
   	white-space: nowrap;
}
.antiwraprht {
   	white-space: nowrap;
   	text-align: right;
}
.antiwrapcter {
   	white-space: nowrap;
   	text-align: center;		
}
.noWrapRight {
	white-space: nowrap;
	text-align: right;
}
.noWrapCenter {
	white-space: nowrap;
	text-align: center;
}

.columncontentsingle
{
    	BORDER-RIGHT: #758e71 1px solid;
    	BORDER-TOP: #758e71 1px solid;
    	BORDER-LEFT: #758e71 1px solid;
    	BORDER-BOTTOM: #758e71 1px solid;
	MARGIN-BOTTOM: 5px;
	margin-right: 5px;
	margin-left: 5px;
    	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	width: 605px;
	vertical-align: top;
}

.doubleLineBullet {
	margin-top: 1.0em;
}

.halfLineBullet {
	margin-top: 0.4em;
}

div.blankLine {
	float: left;
	border-bottom: 1px solid #000;
	width: 8em;
 
}
input.blankline {
	border-width: 0px 0px 1px 0px; 
	border-style: solid; 
	border-color: #000000;
}

.footnote {
	text-align: left;
	width: 33%;
	margin: 0 auto 0 0;
}

ul.checklist {
	list-style-image: url("../images/chkbx.gif"); 

}

p.image-right {text-align: center;}
p.image-left {text-align: center;}


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

/* CELL BACKGROUND COLORS */

.greyBox
{ margin-left: 10px;
  margin-right: 10px;
 padding:5px 5px 5px 5px;
 background-color: #CCCCCC;
 }
 
 .clearBox
{ margin-left: 10px;
  margin-right: 10px;
 padding:5px 5px 5px 5px;
 border: 1px solid #000;
 }

 .clearBoxCenter
{ margin-left: 10px;
  margin-right: 10px;
 padding:5px 5px 5px 5px;
 border: 1px solid #000;
 text-align: center;
 }


.featurecolor
{
   	background: #0071B7;
   	color: #FFFFFF;
	font-weight : bold;
}

.cterfeaturecolor
{
   	background: #0071B7;
   	color: #FFFFFF;
   	text-align: center;
	font-weight : bold; 
}

.lftfeaturecolor
{
   	background: #0071B7;
   	color: #FFFFFF;
   	text-align: left;
	font-weight : bold; 
}

.rhtfeaturecolor
{
   	background: #0071B7;
   	color: #FFFFFF;
   	text-align: right;
	font-weight : bold; 
}

.tpcterfeaturecolor
{
  	background: #0071B7;
   	color: #FFFFFF;
   	vertical-align: top;
   	text-align: center;
	font-weight : bold; 
}

.tpfeaturecolor
{
   	background: #0071B7;
   	color: #FFFFFF;
   	vertical-align: top;
	font-weight : bold; 
}
.greycell
{
   	background: #CCCCCC;
   	color: #000000;
   	vertical-align: top;
}

.tpctergreycell
{
   	background: #CCCCCC;
   	color: #000000;
   	vertical-align: top;
   	text-align: center
}

.tprhtgreycell
{
   	background: #CCCCCC;
   	color: #000000;
   	vertical-align: top;
   	text-align: right;
}

.lightgreyAlignLeftBG {
	background-color: #CCCCCC;
   	vertical-align: top;
   	text-align: left;
}
/* END CELL BACKGROUND COLORS */

/* Start of table width  */

.widthFullalignTop {
	width: 98.5%;
	vertical-align: top;
}
.width95alignTop {
	width: 95%;
	vertical-align: top;
}
.width90alignTop {
	width: 90%;
	vertical-align: top;
}
.width85alignTop {
	width: 85%;
	vertical-align: top;
}
.width80alignTop {
	width: 80%;
	vertical-align: top;
}
.width75alignTop {
	width: 75%;
	vertical-align: top;
}
.width70alignTop {
	width: 70%;
	vertical-align: top;
}
.width65alignTop {
	width: 65%;
	vertical-align: top;
}
.width60alignTop {
	width: 60%;
	vertical-align: top;
}
.width55alignTop {
	width: 55%;
	vertical-align: top;
}
.width50alignTop {
	width: 50%;
	vertical-align: top;
}
.width45alignTop {
	width: 45%;
	vertical-align: top;
}
.width40alignTop {
	width: 40%;
	vertical-align: top;
}
.width35alignTop {
	width: 35%;
	vertical-align: top;
}
.width30alignTop {
	width: 30%;
	vertical-align: top;
}
.width25alignTop {
	width: 25%;
	vertical-align: top;
}
.width20alignTop {
	width: 20%;
	vertical-align: top;
}
.width15alignTop {
	width: 15%;
	vertical-align: top;
}
.width10alignTop {
	width: 10%;
	vertical-align: top;
}
.width5alignTop {
	width: 5%;
	vertical-align: top;
}

.widthFullalignTopCenter {
	width: 98.5%;
	text-align: center;
	vertical-align: top;
}
.width95alignTopCenter {
	width: 95%;
	text-align: center;
	vertical-align: top;
}
.width90alignTopCenter {
	width: 90%;
	text-align: center;
	vertical-align: top;
}
.width85alignTopCenter {
	width: 85%;
	text-align: center;
	vertical-align: top;
}
.width80alignTopCenter {
	width: 80%;
	text-align: center;
	vertical-align: top;
}
.width75alignTopCenter {
	width: 75%;
	text-align: center;
	vertical-align: top;
}
.width70alignTopCenter {
	width: 70%;
	text-align: center;
	vertical-align: top;
}
.width65alignTopCenter {
	width: 65%;
	text-align: center;
	vertical-align: top;
}
.width60alignTopCenter {
	width: 60%;
	text-align: center;
	vertical-align: top;
}
.width55alignTopCenter {
	width: 55%;
	text-align: center;
	vertical-align: top;
}
.width50alignTopCenter {
	width: 50%;
	text-align: center;
	vertical-align: top;
}
.width45alignTopCenter {
	width: 45%;
	text-align: center;
	vertical-align: top;
}
.width40alignTopCenter {
	width: 40%;
	text-align: center;
	vertical-align: top;
}
.width35alignTopCenter {
	width: 35%;
	text-align: center;
	vertical-align: top;
}
.width30alignTopCenter {
	width: 30%;
	text-align: center;
	vertical-align: top;
}
.width25alignTopCenter {
	width: 25%;
	text-align: center;
	vertical-align: top;
}
.width20alignTopCenter {
	width: 20%;
	text-align: center;
	vertical-align: top;
}
.width15alignTopCenter {
	width: 15%;
	text-align: center;
	vertical-align: top;
}
.width10alignTopCenter {
	width: 10%;
	text-align: center;
	vertical-align: top;
}
.width5alignTopCenter {
	width: 5%;
	text-align: center;
	vertical-align: top;
}

/* End of table width  */


/* BEGIN FOR IMAGES */

.tocnew {
	font-size: 7.5pt;
	vertical-align: top;
}

.imgborder {
	border:1px;
	border-color:black; 
	border-style:solid;
}


/* END FOR IMAGES */


/* for definition list */
.contactUsCont {
	width: 90%; 
	border: dashed #333 1px;
}
dl.tablestyle1 {
	margin: 10px;
}
.tablestyle1 dt {
	font-weight: bold;
	float: left;
}
.tablestyle1 dt.firstE {
	font-weight: bold;
	float: left;
	padding-bottom: 5.5em;
}
.tablestyle1 dt.firstF {
	font-weight: bold;
	float: left;
	padding-bottom: 6.5em;
}
.tablestyle1 dd {
	margin-left: 130px;
	padding-bottom: 5px;
}

dl.tablestyle2 {
	margin: 10px;
}
.tablestyle2 dt {
	font-weight: bold;
	float: left;
}
.tablestyle2 dt.firstE {
	font-weight: bold;
	float: left;
	padding-bottom: 5.5em;
}
.tablestyle2 dt.firstF {
	font-weight: bold;
	float: left;
	padding-bottom: 6.5em;
}
.tablestyle2 dd {
	margin-left: 180px;
	padding-bottom: 5px;
}

div.fc-tbx {
	padding-top: 15px;
}
/* --- */

/* Checklist CSS BEGINS */


div.checkliststyle1 img {
	float: left;
	padding-top: 5px;
}

div.checkliststyle1 p {
	margin-left: 25px;

}

/* CHECKLIST CSS ENDS */


/* for tables only */
.noIndent {
	margin-left: 2px;
	padding-left: 12px;
}



/* Use for Liaison Magazine*/
span.captionLiaison{ color: #5c5238; text-align: center;}

th.unbold { 
font-weight: normal;
text-align: left;
}


/* used for hiding text and hitting the +/- */
a.hidemenu {
	color:#0000FF; 
	text-decoration:none;
}


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