/* DFO CSS / CSS du MPO */

body {
  background-color: #468;
}

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

div.banner {
	color: #FFF;
	background-color: #468;
	background-repeat: no-repeat;
	background-image: url('../../images/dfo_banner.jpg');background-position-y:50%
}
/*
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;
}

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

img { border: 0px; } 

h2 {
  background-color: #468;
  color: white;
  font-size: 120%;
  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;
}

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


/* Jobe Addition Begin >>  */

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


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

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: 10.0pt;
	vertical-align: middle;
	margin: 0;
	background-color: #ECF0F4; 
	padding: 2px 3px 2px 9px;
}

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

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

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

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

div.blueBar h2 {

	background: #6786A2 url('../../dfo-clf2/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 */

/* Jobe Addition End >>  */

/*Aquaculture Site Style*/

li.menucontentaqua, li.menucontentaqua li, div.menucontentaqua, div.menucontentaqua li {
	font-size: 10.0pt;
	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;
}
/*End of Aquaculture Site Style*/