/* CSS Document */

/* General declaration */
div.center .fright { float: right; }
div.center .fleft { float: left; }
div.center .clright { clear: right; font-size: 0px; }
.half { width: 48%; }
.clear { clear: both; }

/* Side images */
/* General declaration */
div.center .side
{
	width: 35px;
	height: 100px;
	margin-right: 15px;
	float: left;
	background-image: url(../images/side/mngoceans_side.jpg);
	background-repeat: no-repeat;
}

/* substitute images */
/* For Ocean Management Approach */
div.center .side-mngoceans { background-image: url(../images/side/mngoceans_side.jpg); }
div.center .side-intmgt { background-image: url(../images/side/intmgt_side.jpg); }
div.center .side-marineprot { background-image: url(../images/side/marineprot_side.jpg); }
div.center .side-healthoceans { background-image: url(../images/side/healthoceans_side.jpg); }
/* For Ocean Industries */
div.center .side-aquaculture { background-image: url(../images/side/OceanIndustries_Aquaculture_side.jpg); }
div.center .side-energy { background-image: url(../images/side/OceanIndustries_Energy_side.jpg); }
div.center .side-fishmgmt { background-image: url(../images/side/OceanIndustries_FishMgmt_side.jpg); }
div.center .side-martransport { background-image: url(../images/side/OceanIndustries_MarTransport_side.jpg); }

/* Header Images */
/* General declaration */
div.center h1.header
{
	padding-right: 247px;
	background-image: url(../images/headers/about.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: auto;
}

div.center h1.header2col
{
	padding-right: 227px;
	background-image: url(../images/headers/about.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: auto;
}

/* Substitute header images */
div.center h1.header-about { background-image: url(../images/headers/about.jpg); }
div.center h1.header-eventsawareness { background-image: url(../images/headers/eventsawareness.jpg); }
div.center h1.header-marineareas { background-image: url(../images/headers/marineareas.jpg); }
div.center h1.header-oceanindustries { background-image: url(../images/headers/oceanindustries.jpg); }
div.center h1.header-oceanapp { background-image: url(../images/headers/oceanmanagementapproach.jpg); }
div.center h1.header-reportsandpub { background-image: url(../images/headers/reportsandpublications.jpg); }
div.center h1.header-noImage { background-image:none;padding-right:0; }

div.center .header{
	background-color:#fff;
	background-color:transparent;
	color:#3573B9;
}

/* Spotlight images */
.caption { color:#999; font-size:9px; }

/* div center default coloring */
div.center a:link, div.center a:visited, div.center a:hover, div.center a
{
	color: #039;
}


.tblFormat	{
	border : thin solid #cccccc;
}

.tdLarge	{
	width : 55%;
	background: #ddeeff;

}

.tdSmall	{
	width: 45%;
	background: #ddeeff;
	vertical-align: top;
	font-size: 95%;
}

.bluebg	{
	font-size: 105%;
	background: #468;
	vertical-align: top;
	padding-top: 5px;
	text-align: center;
}

.imgLeft	{
	float : left;
	margin-right : 8px;
}

.imgRight	{
	float : right;
	margin-left : 8px;
}

.objRight	{
	float : right;
	margin-left : 8px;
}

.txtCenter	{
	text-align : center;
}


.txtIndent	{
	float : left;
	padding-right: 20px;
}

.indentP	{
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 25px;
	margin-left: 25px;
}

.indentPsub	{
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 30px;
	margin-left: 65px;
}



.tbl-head	{
	background-color:#E6EEEE
}

table.tbl-border {
	background-color:#F2F4F6;
	font-size:8pt;
	margin:10px 0 15px;
	text-align:left;
	width:100%;
}

table.tbl-border thead tr th td, table.tbl-border tfoot tr th td	{
	background-color:#FFF;
	border:1px solid #CCC;
	font-size:8pt;
	margin-right:10px;
	padding:4px 6px 4px 4px;
}

table.tbl-border tbody tr td {
	background-color:#FFFFFF;
}

.tbl-grey	{
	background-color:#999;
	color:#F2F4F6;
	height: 25px;
}

/***********************
Oceans' main page layout
************************/

div.linkHead a, div.linkHead a:active, div.linkHead a:link, div.linkHead a:visited {
	text-decoration: underline;
	color: #000;
}

div.linkHead a:hover{
	text-decoration: underline;
	color: #468;
	font-size: 100%;
}  

div.right li ul.nav, div.right li p.nav, div.right li div.nav {
	border: none;
	background-color: #ccc; /*#ddeeff*/
}

.tbl-blue td {
	border: thin solid #666;
}


.tbl-blue th {
	background-color: #ccc;
}


.tblInfo	{
	width: 95%;
	border: 1px solid #ccc;
}

.tblInfo td	{
	border: 1px solid #ccc;
}

.tblInfo th	{
	background: #ccc;
	border: 1px solid #ccc;
}

h3.special	{
	font-size: 125%; 
	text-align:center; 
	color: #06c;
}

.navigationbar {
	clear: right;
	background: #ccc;  
	color: #036; 
	vertical-align: top;
	width: 100%; 
	height:26px;
	font-size: 0.8em;
}

.list-padding	{
	padding-bottom: 7px;
}

.hBlue	{
	text-align:center; 
	color: #06c;
}

/* Liens dans div.center */
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb a
{
	color: #00f;
}

/****************************
Table of Content Box Styling 
******************************/

.docnav	{
	float: right; 
	margin-left: 0px; 
	margin-bottom: 5px; 
	margin-top: 0px; 
	width: 184px;
}

.docnav a {
	font-size: 0.8em;
	font-weight: bold;
}

.docnav td	{
	background-color: #036;
	color: #fff;
	padding:0px;
}

.docnav th {
	text-align: center; /* fixes IE6 issue where text isn't centered */
	background: url(/oceans/images/tabs.gif) center center no-repeat;
}

div.center .docnav th a:link, div.center .docnav th a:visited, div.center .docnav th a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

.docnav ul	{
	list-style-image: url(/oceans/images/bullet2.gif);
	padding: 5px 1px 0 30px;
	margin: 0 0 3px 0;
	width: 154px;
	overflow: hidden;
}
.docnav li	{
	padding-bottom:5px;
}

.docnav li a {
	position: relative;
	top: -2px;
}

div.center .doclink a, div.center .doclink a:visited, div.center .doclink a:link {
	color: #fff; 
	font-weight: normal;
}

div.center .toc_prev, div.center .toc_next, #toc_print, #toc_pdf { 
	background-color: #ccc;  
	width: 50%;
	font-size: 0.9em;
	padding: 3px 0;
}

#toc_print img, #toc_pdf img { float: left; }

div.center .toc_next { text-align: right; }
div.center .toc_next img { float: right; }
div.center .toc_prev img { float: left; }

div.center .navigationbar div { width: 33.3%; float: left; }
div.center .navigationbar div.toc { text-align: center; padding: 3px 0; }

/* Blockquote Padding */
blockquote { padding: 5px; }

div.center h1 
{ 
	color: #3573b9; 
	background-image: url(../images/h1-border-2cols.png);
	background-position: bottom left;
	padding-bottom: 30px;
	background-repeat: no-repeat;
}

/* NRCAN Accross-side banners */
div.center h1.banner-gsl
{
	height: 66px;
	padding: 0;
	background-image: url(../images/cross-banners/gsl-left.jpg);
	background-position: top right;
	color: #000;
}


div.right img { margin-bottom: 5px; }

/* download link */
div.filePDF			{background-image:url(/oceans/images/design-conception/pdf-file-fichier.jpg);background-repeat:no-repeat;height:59px;width:218px;font-weight:bold;color:#333333;}
div.filePDF a		{display:block;height:37px;width:158px;margin:0;padding:0;padding-left:60px;padding-top:22px;}

/*table of contents (lists) */
.tocHeader{
	background-color:#3573B9;
	color:#fff;
}
ul.toc, ul.toc ul{
	list-style-type:none;
}
ul.toc li{
	margin:5px 0 5px 0;
	font-weight:bold;
}
ul.toc li ul li {
	font-weight:normal
}


/* list styles */

div.center ul.listBluePointer li{
	list-style: none;
	background: url(http://isdm-gdsi.gc.ca/shared-commun/images/clf-nsi/li-blue.gif) no-repeat;
	background-position:0 .43em;
	padding-left: .8em;
}
ul.listDouble li{
	margin-bottom:0.9em;
}
ol.listDouble li{
	margin-bottom:0.9em;
}
.listNone{
	list-style:none;
}


h2.blue{
	color:#3573B9;
	background-color:#FFF;
}

h2.normal{
	color:#000;
	background-color:#fff;	
	font-size:1.0em;
}
.italic{
	font-style:italic;	
}

.marginAuto				{margin:auto;}



.noMarginTop			{margin-top:0;}

.marginTop1				{margin-top:1em;}

.marginTop2				{margin-top:2em;}

.marginTop3				{margin-top:3em;}



.noMarginRight		{margin-right:0;}

.marginRight1			{margin-right:1em;}

.marginRight2			{margin-right:2em;}

.marginRight3			{margin-right:3em;}



.noMarginBottom		{margin-bottom:0;}

.marginBottom1		{margin-bottom:1em;}

.marginBottom2		{margin-bottom:2em;}

.marginBottom3		{margin-bottom:3em;}



.noMarginLeft			{margin-left:0;}

.marginLeft1			{margin-left:1em;}

.marginLeft2			{margin-left:2em;}

.marginLeft3			{margin-left:3em;}



.noPaddingTop			{padding-top:0;}

.paddingTop1			{padding-top:1em;}

.paddingTop2			{padding-top:2em;}

.paddingTop3			{padding-top:3em;}



.noPaddingRight		{padding-right:0;}

.paddingRight1		{padding-right:1em;}

.paddingRight2		{padding-right:2em;}

.paddingRight3		{padding-right:3em;}



.noPaddingBottom	{padding-bottom:0;}

.paddingBottom1		{padding-bottom:1em;}

.paddingBottom2		{padding-bottom:2em;}

.paddingBottom3		{padding-bottom:3em;}



.noPaddingLeft		{padding-left:0;}

.paddingLeft1			{padding-left:1em;}

.paddingLeft2			{padding-left:2em;}

.paddingLeft3			{padding-left:3em;}

.floatHeightFix {overflow:hidden; height:100%;}

/* submit button */

input.btnGrey 					{ color:#446688; background-color:#ddd; border:solid 1px #888; cursor:pointer; padding:1px 10px 1px 10px;	font-weight:bold;	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }

input.btnGrey:hover 		{ color:#f68a0b; }



		.survey{
			/* float:right; */
			padding:0;
			border:1px solid #000;
			/* margin-left:5px; */
		}
		.survey .head{
			color:#fff;
			display:inline;
		}
		.survey .head a, .survey .head a:link, .survey .head a:visited, .survey .head a:active {
			color:#fff;	
			display:block;
			padding:3px;
			background-color:#3573B9;
			color:#fff;
			font-weight:bold;
			cursor:pointer;
		}
		.survey .body{
			border-top:1px solid #000;
			padding:4px;
			line-height:1.3em;
		}
/*****************************************************************************************
******************************************************************************************
*****************************************************************************************
*** Science Featured Content
*** Author: Matt O'Hara
***/

h2.featureBlue{
	margin:0 0 0 0; padding:5px 2px 4px 10px; font-size:1.1em; letter-spacing:-1px; background:#446688;	text-shadow:1px 1px 2px #333; 
	-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; position:relative; z-index:0;	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#435769), to(#446688));
	background: -moz-linear-gradient(#435769, #446688);
	-pie-background: linear-gradient(#435769, #446688);	
	behavior: url('/science/inclu/PIE.htc');
}
ul.featureBlue				{ border:1px solid #446688; margin:0 0 10px 0; padding:3px 3px 3px 3px; background-color:#C9D7E4; }
ul.featureBlue li			{ list-style:none; list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; background-color:#eee; padding:5px; border:#777 solid 1px; min-height:105px; }
ul.featureBlue li h3		{ font-size:1em; font-weight:bold; margin:0 0 5px 0; padding:0; }

h2.featureOrange{
	margin:0 0 0 0; padding:5px 2px 4px 10px; font-size:1.1em; letter-spacing:-1px; background-color:#C54D29; text-shadow:1px 1px 1px #333;
	-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; position:relative; z-index:0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9c3c25), to(#C54D29));
	background: -moz-linear-gradient(#9c3c25, #C54D29);
	-pie-background: linear-gradient(#9c3c25, #C54D29);
	behavior: url('/science/inclu/PIE.htc');	
}
ul.featureOrange{ border:1px solid #C54D29; margin:0 0 10px 0; padding:3px 3px 3px 3px; background-color:#ffaf79; text-align:center; }
ul.featureOrange li{ list-style:none; list-style-type:none; margin:0 0 0 0;	padding:0 0 0 0; background-color:#eee; padding:5px 2px 5px 2px; border:#777 solid 1px; min-height:185px; }

h2.featureGreen{ 
	margin:0 0 0 0; padding:5px 2px 4px 10px; font-size:1.1em; letter-spacing:-1px; background-color:#687607; text-shadow:1px 1px 1px #333;
	-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; position:relative; z-index:0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#857d1e), to(#687607));
	background: -moz-linear-gradient(#5a724c, #669155);
	-pie-background: linear-gradient(#857d1e, #687607);	
	behavior: url('/science/inclu/PIE.htc');
}
ul.featureGreen{ margin:0 0 1em 0;padding:0 0 0 0; background-color:#FFF; text-align:center; }
ul.featureGreen li{ list-style:none; list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; height:72px; text-align:center;}
div.featureGreen { background-color:#fff; /*border-left:1px solid #687607; border-right:1px solid #687607; border-bottom:1px solid #687607;*/ text-align:left; padding:3px; color:#687607; padding-left:5px; font-size:0.85em; }

h2.featureYellow{
	margin:0 0 0 0; padding:5px 2px 4px 10px; font-size:1.1em; letter-spacing:-1px; background-color:#a29935; text-shadow:1px 1px 1px #333;
	-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; position:relative; z-index:0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#897a1a), to(#a29935));
	background: -moz-linear-gradient(#897a1a, #a29935);
	-pie-background: linear-gradient(#897a1a, #a29935);
	behavior: url('/science/inclu/PIE.htc');	
}
ul.featureYellow{ margin:0 0 1em 0;padding:3px 3px 3px 3px; background-color:#dbd59c; text-align:center; border:1px solid #687607; }
ul.featureYellow li{ list-style:none; list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; text-align:left; background-color:#FFF; border:1px solid #777; overflow:hidden; height:100%; }
ul.featureMoveUp { position:relative; top:-3px; padding:2px 2px 2px 2px; }
ul.featureMoveUp li{ list-style:none; list-style-type:none; margin:0 0 0 0;	padding:0 0 0 0; background-color:#fbfaf6; padding:5px 2px 5px 2px; border:#777 solid 1px; }

h2.featureRegion{
	margin:0 0 0 0; padding:5px 2px 4px 10px; font-size:1.1em; letter-spacing:-1px; background-color:#667773; text-shadow:1px 1px 1px #333;
	-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; position:relative; z-index:0;
	behavior: url('/science/inclu/PIE.htc');
}
ul.featureRegion{ border:1px solid #667773; margin:0 0 10px 0; padding:2px 2px 2px 2px; background-color:#b3beb1; text-align:center; position:relative; top:-3px;}
ul.featureRegion li{ list-style:none; list-style-type:none; margin:0 0 0 0;	padding:0 0 0 0; background-color:#eee; padding:5px 2px 5px 2px; border:#777 solid 1px; }


span.featControl{ disply:inline-block; float:right; width:34px; margin-right:5px; text-align:right; }
span.featNext { display:inline-block; width:16px; height:16px; }
span.featPrev { display:inline-block; width:16px; height:16px; }
img.featNext{ text-align:left; }
img.featPrev{ text-align:right; }


#box1 h2.lightBlue { background-color:#f2f8ff; border-bottom:2px solid #669DD4; color:#314a63; font-weight:bold; padding: 5px 0 5px 7px; font-weight:bold; }

span.amp { font-family: 'Palatino Linotype', 'Andale Mono', Verdana; letter-spacing:-1px; font-size:0.95em; }

a.emailDistLink, a.emailDistLink:visited, a.emailDistLink:link, a.emailDistLink:hover, a.emailDistLink:active{ color:#006b18; text-decoration:none; font-weight:bold; font-size:0.90em; }
/*a.emailDistLink img { position:relative; top:3px; }*/
a.emailDistLink:hover {text-decoration:underline; }