/* DFO CSS / CSS du MPO */

body {
  background-color: #468;
}

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'); }
div.banner-7 { background-image: url('../../images/banners/banner-7.jpg'); }
div.banner-8 { background-image: url('../../images/banners/banner-8.jpg'); }
div.banner-9 { background-image: url('../../images/banners/banner-9.jpg'); }
div.banner-10 { background-image: url('../../images/banners/banner-10.jpg'); }
div.banner-11 { background-image: url('../../images/banners/banner-11.jpg'); }
div.banner-12 { background-image: url('../../images/banners/banner-12.jpg'); }
*/
div.menu-left-misc {
  background-color: #DDEEFF;
}

img { border: 0px; } 

h2 {
  background-color: #468;
  color: white;
  font-size: 120%;
  padding: 3px 2px;
}

h2.h2-Gray {
  background-color: #CCC;
  color: black;
  font-size: 115%;
  padding: 3px 2px;
}

h3 {
  font-size: 115%;
}

h2.nav, h2.nav a:link, h2.nav a:visited {
	background-color: #468;
}

ul.nav2 {
  list-style-type: none;
}
/* To use inside large tables */

ul.nomargin {
padding-left:14px;
margin: 0px;
}
div.left li.menucontent, div.left div.menucontent {
	border-bottom: 1px dotted #FFF;
    /*margin: 0px;
	padding: 0px; */
}
div.left a.menulink {
  display: block;
  width: 135px;
 /*padding: 2px 3px 2px 12px; */
}

div.left a.menulink:hover {
	/*color: white;
	background-color: #CCC; */
	text-decoration: underline;
}

div.prodis {
	background-color: #468;
}

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

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


/* Updates February 2009 */

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


/* Updates April 2009 */

.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; 
}

/* Updates October 2009 */
.tableCollapse {
	border-collapse: collapse;
}

/* End of recent updates*/

/* start new for 1.04 */
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: #468;
}
div.right li ul.nav, div.right li p.nav, div.right li div.nav {
	border: 1px solid #000;
	background-color: #FFF;
}
div.right a.menulink {
	color: #000;
	background-color: #FFF;
}
/* end new for 1.04 */

.clearAll {clear:both;
}

div.center { 
overflow:visible; 
}

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

a.menulinkon {
	text-decoration: none;
	background-color: #ECF0F4;
	color: #000000;
}

a.menulinkon2 {
	text-decoration: none;
	background-color: #CED9E3;
	color: #000000;
}

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

a.menulinkon:hover {
	text-decoration: underline;
}

a.menulinkon2:hover {
	text-decoration: underline;
}

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


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

.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;
}

/* class for reports layout */

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

div.blackborderbox {
	border: solid #000 1px;
		display: block;
		padding:2px;
}

div.acronymtitlelong {
	float: left;
	width: 12%;
	font-weight: bold;
}
div.acronymdescshort {
	float: left;
	width: 88%;
}
div.acronymtitle20 {
	float: left;
	width: 20%;
	font-weight: bold;
}
div.acronymdesc80 {
	float: left;
	width: 80%;
}
div.listNumber {
	float: left;
	width: 5%;
}
div.listBullet {
	float: left;
	width: 92%;
}
div.menu {
	float: left;
	width: 15%;
	font-weight: bold;
}

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