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

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
/* DFO CSS / CSS du MPO */

body {
  background-color: #468;
}

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

div.colLayout-bg-3cols {
  background-image: url('/images/bg-body-3cols.gif');
}
div.colLayout-bg-2cols {
  background-image: url('/images/bg-body-2cols.gif');
}

div.banner {
	color: #FFF;
	background-color: #468;
	background-repeat: no-repeat;
	background-image: url(../../images/dfo_banner.jpg);
	
}
/*
div.banner-1 { background-image: url('../../images/banners/banner-1.jpg'); }
div.banner-2 { background-image: url('../../images/banners/banner-2.jpg'); }
div.banner-3 { background-image: url('../../images/banners/banner-3.jpg'); }
div.banner-4 { background-image: url('../../images/banners/banner-4.jpg'); }
div.banner-5 { background-image: url('../../images/banners/banner-5.jpg'); }
div.banner-6 { background-image: url('../../images/banners/banner-6.jpg'); }
*/

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
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: #468;
	color: #FFF;
}
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;
}
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;
}
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.right a:hover, div.right a:active, div.right a:focus {
	color: #000;
} 
div.left a:hover, div.left a:active, div.left a:focus {
	color: #FFF;
} 
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;
} 
div.right li ul.nav, div.right li p.nav, div.right li div.nav {
	border: 1px solid #000;
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left li.menucontent, div.left div.menucontent {
	background-color: #CCC;
}
div.left li.menucontent, div.left div.menucontent, div.left a:link.menulink, div.left a:visited.menulink {
	color: #000;
	background-color: #CCC;
}
div.left a:link.menulink, div.left a:visited.menulink {
	text-decoration: none;
}
div.left a:hover.menulink, div.left a:active.menulink, div.left a:focus.menulink {
	text-decoration: underline;
	color: #000;
}
div.left h2.nav, div.left h2.nav  {
	background-color: #468;
	border-bottom: 1px solid #FFF;
}
div.left h2.navns, div.left h2.navns a:link, div.left h2.navns a:visited, div.left div.h2navns, div.left div.h2navns a:link, div.left div.h2navns a:visited, div.left p.h2navns, div.left p.h2navns a:link, div.left p.h2navns a:visited, div.right h2.navns, div.right h2.navns a:link, div.right h2.navns a:visited, div.right div.h2navns, div.right div.h2navns a:link, div.right div.h2navns a:visited, div.right p.h2navns, div.right p.h2navns a:link, div.right p.h2navns a:visited {
	background-color: #203142;
}
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: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: #FFF;
}
div.prodis {
	background-color: #468;
}

/* sub menus */
div.left li.menucontent, div.left div.menucontent {
	border-bottom: 1px solid #FFF;
}

div.left li.menucontenton, div.left div.menucontenton {
	border-bottom: 1px solid #FFF;
}

div.right li.menucontenton, div.left div.menucontenton {
	border-bottom: 1px solid #FFF;
}

div.left li.menucontentonsub, div.left div.menucontentonsub {
	background-color: #FF0000; 
}

li.menucontenton, li.menucontenton li, div.menucontenton, div.menucontenton li {
	font-size: 100%;
	vertical-align: middle;
	margin: 0;
	background-color: #ECF0F4; 
	padding: 2px 3px 2px 9px;
}

li.menucontenton2, li.menucontenton2 li, div.menucontenton2, div.menucontenton2 li {
	font-size: 100%;
	vertical-align: middle;
	margin: 0;
	background-color: #CED9E3; 
	padding: 2px 3px 2px 9px;
}

div.left a.menulinkon {
	text-decoration: none;
	background-color: #ECF0F4;
	color: #000;
}

div.left a.menulinkon2 {
	text-decoration: none;
	background-color: #CED9E3;
	color: #000;
}

div.left a.menulinkonsub {
	text-decoration:underline;
	color: #039;
}

div.left a.menulinkon:hover {
	text-decoration: underline;
	color: #000;
}

div.left a.menulinkon2:hover {
	text-decoration: underline;
	color: #000;
}

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

/* 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.center a:hover, div.center a:active, div.center a:focus {
	color: #C00;
}
div.center a[name]:hover, div.center a[name]:active, div.center a[name]:focus {
	color: inherit;
}
div.blackborder {
	border: solid #000 1px;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}

/* IE 6 bug fix */
div.center { 
	overflow:visible; 
}

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



h2 {
  background-color: #468;
  color: white;
  font-size: 120%;
  padding: 3px 2px;
}
h3 {
  font-size: 115%;
}
/*
ul.nav2 {
  list-style-type: none;
}*/

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline {
	background-color: #468;
}
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: #039;
	background-color: #FFF;
}
p.breadcrumb a:hover, 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: #C00;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */


/* additional css | supplémentaires css */


img {
	border: 0px; 
} 

/* noborder / border for tables */

.noborder {
	border-style: none;
}
.solidborder  {
 	border: 1px solid #000000
}

/* Blockquotes */
blockquote.classy {
  font-size: 10.0pt;
  font-family: Times, serif;
  font-style: italic;
  font-weight: normal;
  color: #000;
  padding: 8px;
  background-color: #faebbc;
  border: 0px solid #000;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(/images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
}

blockquote.classy div {
     display: block;
     background-image: url(/images/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
}

blockquote.modern {

  font-size: 12px;
  font-family: helvetica, sans-serif;
  font-style: normal;
  background-color: #FFF;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border: 0px solid #000;
  border-left: 3px solid #ccc;
} 

.padding {
	padding:10px;
}

form.qsearch {
	padding: 0;
	margin: 0;
}

.inst {
	font-style: italic;
	color: #666;
}

.reference {
	text-align : justify;
	margin-left : 40px;
	text-indent : -40px;
}

@media print {
	body { background-color: white; }
	h2   { background-color: white; color: black; }
	div.colLayout-bg-3cols  { background-image: none; }
	div.colLayout-bg-2cols  { background-image: none; }
	.print-hide { display: none; }
}

h3  {
	font-size: 115%;
  	margin-bottom: 0px;
   	padding: 0px;
}

h4  { 
	font-size: 105%;
	margin-bottom: 0px;
	padding: 0px;
} 

h5  { 
	font-size: 100%;
	margin-bottom: 0px;
	padding: 0px;
	font-weight: bold;
	font-style: italic; 
}

h6  {
	font-size: 90%;
    margin-bottom: 0px;
	padding: 0px;
	font-weight: bold;
} 

hr.skinny {
	color: #468;
background-color: #468;
height: 5px;
}

.img_caption {
 text-align:center;
 display:block;
 font-style:italic;
 padding-bottom:1em;
 padding-left:10px;
 padding-right:10px;
 font-size:85%;
}
 
.image-center {
 text-align:center;
 display:block;
  padding-bottom:1em;
 padding-top:1em;
/* The following are for mozila so it can center the images*/
 margin-right:auto;
 margin-left:auto; 
}

.tableCollapse {
	border-collapse: collapse;
}

.clearAll {clear:both;
}

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

div.blueBar h2 {

	background: #6786A2 url('../../images/bg_titles_blue.png') repeat-x 0 50%;
	color:#FFFFFF;
	font-size: 1.3em;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;

}

/*  START: Show/Hide Descriptions */

div.center .showhikelinks{
	border:solid 2px #6C9BC6;
	background-color:#EEE;
	color: #369;
	font-weight: bold; 
	font-size: 90%;
	float:right;
	padding:0.25em 0.25em;
	margin:0; 
}

div.center .showhikelinks a{
	color: #369;
	text-decoration: none; 
}

div.center .showhikelinks a:visited{
	color: #369;
}

div.center .showhikelinks a:hover{
	color: #369;
	text-decoration: underline;
}

div#link.showDescriptionYes dd{
	visibility: visible;
	display:block; 
}

div#link.showDescriptionYes a.linkshow{
	visibility: collapse;
	display:none;
}

div#link.showDescriptionNo dd{
	 /*visibility: hidden; */
	 visibility: collapse;
	 display:none;
}

div#link.showDescriptionNo dt{
     font-weight: normal;

}

div#link.showDescriptionNo a.linkhide{
	visibility: collapse;
	display:none;
}

.blockquote {
	margin-left: 15px;
}

/*  END: Show/Hide Descriptions */

/*Aquaculture Site Style*/

li.menucontentaqua, li.menucontentaqua li, div.menucontentaqua, div.menucontentaqua li {
	font-size: 100%;
	vertical-align: middle;
	margin: 0;
	background-color: #FFF; 
	padding: 2px 3px 2px 9px;
}

a.menulinkaqua {
	text-decoration: none;
	background-color: #FFF;
	color: #468;
}
div.left li.menucontentaqua, div.left div.menucontentaqua {
	/*border-bottom: 1px solid #FFF;*/
}

div.right li.menucontentaqua, div.left div.menucontentaqua {
	border-top: 1px solid #468;
}

.lightgreenBG {
	background-color: #D7FFD7;
}

/*End of Aquaculture Site Style*/

/*SARA Site Style*/

.bluesara{
	background-color: #ffffcc;
	border:solid 2px #468;
	
}
/* noborder / border for tables */

.noborder {
	border-style: none;
}
.solidborder  {
 	border: 1px solid #000000
}

/* START: Collapsible Left Navigation */

div.left h2.nav, div.left h2.nav  {
	background-color: #468;
	border-bottom: 1px solid #FFF;
}

div.left h2.navns, div.left h2.navns a:link, div.left h2.navns a:visited, div.left div.h2navns, div.left div.h2navns a:link, div.left div.h2navns a:visited, div.left p.h2navns, div.left p.h2navns a:link, div.left p.h2navns a:visited, div.right h2.navns, div.right h2.navns a:link, div.right h2.navns a:visited, div.right div.h2navns, div.right div.h2navns a:link, div.right div.h2navns a:visited, div.right p.h2navns, div.right p.h2navns a:link, div.right p.h2navns a:visited {
	background-color: #203142;
}

/* Collapsible Left Navigation END */

blockquote.style1 {
  font-size: 10.0pt;
  font-family: Times, serif;
  font-style: italic;
  font-weight: normal;
  color: #000;
  padding: 8px;
  background-color: #faebbc;
  border: 0px solid #000;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(/images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
}

blockquote.style1 div {
     display: block;
     background-image: url(/images/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
}

blockquote.style2 {

  font-size: 12px;
  font-family: helvetica, sans-serif;
  font-style: normal;
  background-color: #FFF;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border: 0px solid #000;
  border-left: 3px solid #ccc;
} 

.padding {
	padding:10px;
}


#tabs ul {
	list-style: none;
	position: inherit;
	left: 292px;
	padding: 0;
	margin: 0;
	top: 224px;
	width: 360px;
	height: 27px;
}



#tabs li {
	float: left;
	background: url(/images/tabright.gif) top right no-repeat;
	margin: 0;
}


#tabs a {
	display: block;
	background: url(/images/tableft.gif) top left no-repeat;
	color: #000;
	text-decoration: none;
	padding: 0.6em 1em 0.25em;
}


#tabs a:hover {
	color: #000;
}

#tabs #selected {
	font-weight: bold;
	background-image: url(/images/tabrightactive.gif);
}

#tabs #selected a {
	background-image: url(/images/tableftactive.gif);
	color: white;
}


/* Black border box right and left */

div.blackborderboxright {
	border: solid #000 3px;
	padding:7px;
	margin-left:10px;
	float:right;
}
div.blackborderboxleft {
	border: solid #000 3px;
	padding:7px;
	margin-right:10px;
	float:left;
}

/* SLIDESHOW BEGINS | DEBUT DU SLIDESHOW */
#slideshow-container {
    border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 0px;
	margin: 0px;
	padding-bottom: 4px;
	background: url(/images/sldshw/deco.gif) #FFF no-repeat 0 72px;
}
#slideshow-container img {
	padding: 0px;
	margin: 0px 0px 0px -1px;
}	

* html #slideshow-container img {
	padding: 0;
	margin: 0;
}

#slideinterface {
	padding: 0px;
	margin: -2px 0px 0px 0px;
}
* html #slideinterface {
	padding: 0px;
	margin: 0px;
}
/* SLIDESHOW ENDS | FIN DU SLIDESHOW */

/*End of DFO CSS / CSS du MPO Fin */