/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #FFF;
}
div.colLayout {
	background-color: #FFF;
	/*height: 100%;*/
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */
div.fip, div.cwm {
	height: 20px;
}
div.cwm img {
	padding-top: 0px;
}
/* FIP HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE PCIM */

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner {
color: #FFF;
background-color: #333333;
background-image: url(/000/001/000001-mmb01.2.jpg);
background-repeat: no-repeat;
}
div.banner-eng, div.banner-lfcoa-eng {
	background: url() #FFF no-repeat center center;
}
div.banner-fra, div.banner-lfcoa-fra {
	background: url() #FFF no-repeat center center;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */
div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
	margin-left: 260px;
}
* html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
	margin-left: 260px;
}
*:first-child+html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
	margin-left: 260px;
}
div.page div.core div.navaid a:hover,
div.page div.core div.navaid a:active,
div.page div.core div.navaid a:focus {
	color: #000;
	background-color: #CC9;
	border-color: #000;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
h2.nav, h2.nav a:link, h2.nav a:visited {
	background-color: #990000;
	color: #ffffff;
	text-decoration: none;
	margin: 0px 0 5px 0;
	padding: 10px 15px 4px 15px;
	font-size: .95em;
}
h2.nav a:hover {
	text-decoration: underline;
}
div.right li ul.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 {
	border-bottom: 1px dotted #FFF;
}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: white;
	background-color: #990000;
}

div.left a:hover.menulink {
	color: white;
	background-color: #770000;
	text-decoration: none;
}

div.right li.menucontent, div.right div.menucontent {
	color: #000;
	background-color: #FFF;
}
div.right a.menulink {
	color: #000;
	background-color: #FFF;
}
div.prodis {
	background-color: #696;
}
/* 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: black;
}
div.center a:visited {
	color: #663300;
}
div.blackborder {
	border: solid #ccc 1px;
	padding: 0px;
	/*float: left;*/
	overflow: visible;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}
.v3-right {
float: right;
width: 255px;
padding: 0;
margin: 0;
text-align: center;
}
.v3-left {
float: left;
width: 255px;
padding: 0;
margin: 0;
text-align: center;
}
.v2-right {
float: right;
width: 180px;
padding: 0;
margin: 0;
text-align: center;
}
.v2-left {
float: left;
width: 180px;
padding: 0;
margin: 0;
text-align: center;
}
.v1-right {
float: right;
width: 130px;
padding: 0;
margin: 0;
text-align: center;
}
.v1-left {
float: left;
width: 130px;
padding: 0;
margin: 0;
text-align: center;
}
.v2-right p, .v2-left p, .v1-right p, .v1-left p, .v3-right p, .v3-left p {
text-align: left;
width: auto;
font-size: 0.85em;
}
.v2-right p.source, .v2-left p.source, .v1-right p.source, .v1-left p.source, .v3-right p.source, .v3-left p.source {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 0.8em;
}
.v2-right img, .v2-left img, .v1-right img, .v1-left img {
border: 1px solid #ccc;
}

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

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline {
	background-color: #333;
}

div.footer a:link, div.footer a:visited, div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {
	color: black;
	background-color: #FFF;
}

div.footer {
/*	clear: both;*/
	width: auto;
	font-size: 1.0em;
	color: #333333;
	padding-top: 10px;
	height: 9em; /* ADDED BY JS - RESOLVES THE ISSUE OF THE FOOTER STICKING OUT FROM THE WHITE BACKGROUND SINCE WE ADDED SOCIAL TAGGING  Jan/23/2009 */
	/*margin-left: 10px;  
	margin-right: 10px;
	 Commented out by JS in favor of fixing an issue with the footer and background body colors following the inclusion of the RSS feed in the footer  Nov/27/08*/
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */


/* Standard Classes */

p.right {
	text-align : right;
}

p.center {
	text-align : center;
}

p.left {
	text-align : left;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.copyright { 
	font-family : arial, sans-serif;
	font-size: 0.65em;
	}
	
.red {
	color : red;
}

.caption  {
    font-family : Arial, sans-serif;
	font-size: 0.75em;
} 


/* Colours for corp links */

a:link {
	font-family: verdana, Geneva, sans-serif;
	color : black;
}

a:visited {
	font-family: verdana, Geneva, sans-serif;
	color : #663300;
}

li.fiptext a:visited, li.fiptexta a:visited, li.fiptextb a:visited, li.fiptextc a:visited {
color: white;
} 

.imptext a, .imptext a:link, .imptext a:active {
color: #333399;
}



/* Home page */

.tagline {
background-image: url(/000/001/000001-misc02.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 10px 10px 10px 93px;
width: auto;
}

div.features {
width: auto;
padding: 0px 0px 0px 0px;
}

div.features h1 {
width: auto;
background-color: #990000;
color: #ffffff;
padding: 4px;
text-align: center;
font-size: 1.2em;
margin: 0;
}

div#spotlightheading h2 {
width: auto;
background-color: #990000;
color: #ffffff;
padding: 5px 0px 5px 15px;
font-size: 1.1em;
margin: 0;
border: 1px solid #ccc;
}

div#spotlightheading h2 span{
font-weight: normal;
}

div.feature-row {
padding-bottom: 2px;
background: url(/000/001/000001-misc03.gif) repeat-y;
width: auto;
float: left;
}

div.feature-row img {
margin-top: 7px;
margin-left: 8px;
border: 1px solid #ccc;
}

div.feature-row h3 {
margin: 3px 7px 3px 9px;
padding: 0;
font-size: 1.00em;
background-color: transparent;
color: #000000;
border: none;
text-decoration : none;
}

div.feature-row a:link, div.feature-row a:visited {
text-decoration : none;
}

div.feature_description {
margin: 3px 7px 3px 9px;
padding: 0;
font-size: 0.85em;
}

div.feature_1 {
padding-bottom: 2px;
width: 198px;
float: left;
background-color: transparent;
}

div.feature_2 {
padding-bottom: 2px;
width: 200px;
float: left;
background-color: transparent;
}

div.feature_3, div.feature_5 {
padding-bottom: 2px;
width: 198px;
float: left;
clear: left;
background-color: transparent;
border-top: 1px solid #ccc;
}

div.feature_4, div.feature_6 {
padding-bottom: 2px;
width: 200px;
float: left;
background-color: transparent;
border-top: 1px solid #ccc;
}


/* inner content */

div.inner-content {
width: 100%;
display : inline;
}


.inner-content h1 {
margin: 0px 0 5px 0;
padding: 4px 15px 4px 15px;
text-align: left;
font-size: 1.40em;
}

.inner-content h2 {
font-size: 1.20em;
margin: 0;
padding: 7px 15px 3px 15px;
}

.inner-content h3 {
/*font-size: 1.0em;*/
font-size: 1.10em;
margin: 0;
padding: 7px 15px 3px 15px;
}

.inner-content h4 {
/* font-size: .90em; */
font-size: 1.0em;
margin: 0;
padding: 7px 15px 3px 15px;
}

.inner-content p, dl {
font-size: 1.0em;
padding: 7px 15px 7px 15px;
margin: 0;
}

/* Right Features Home page */

.perm-feature {
border: 1px solid #ccc;
background: url(/000/001/000001-misc05.gif) repeat;
margin-bottom: 5px;
margin-top: 5px;
font-weight: bold;
width: 195px;
}

.perm-feature img {
float: left;
display: block;
margin: 0 3px 0 0;
border: 1px solid #ccc;
}

.perm-feature ul {
/*width: 100px;*/
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 0px;
color: #000;
background-color: transparent;
border: none;
list-style-type: none;
}

.perm-feature ul a:link, .perm-feature ul a:visited{
	font-family: verdana, Geneva, sans-serif;
	color : black;
	text-decoration: none;
}



/* Left menu */

.left li {
font-weight: bold;
color: #fff;
padding: 0;
margin: 0;
border-bottom: 1px dotted #990000;
background-color: #990000;
}

.left a, .left a:link, .left a:active, .left a:visited {
text-decoration: none;
color: #ffffff;
font-weight: lighter;
display: block;
padding: 3px 10px 4px 25px;
margin: 0;
background-color: #990000;
}

.left a.linked_on-state:link, .left a.linked_on-state:visited{
background-color: #770000;
color: #ffffff;
text-decoration: none;
padding: 3px 10px 4px 25px;
}


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

div#notices {
background-color: #990000;
color: #ffffff;
text-align: left;
font-size: .95em;
font-weight: bold;
}


/* Search Box */

div.search-all {
width: 100%;
border: 1px solid #ccc;
background: url(/000/001/000001-misc05.gif) repeat;
padding: 0px 0px 5px 0px;
display: block;
overflow: visible;
font-size: 1.00em;
margin-bottom: 5px;
}

.search-all_input {
margin-left: 5px;
}

div.search_only {
margin-left: 5px;
}

.search-all div a, .search-all div a:link, .search-all div a:active, .search-all div a:visited {
color: #000000;
text-decoration: underline;
}

.search-all div a:hover {
color: #990000;
}

.search-all div#title2 {
margin: 0px;
padding: 7px;
width: auto;
background-color: #990000;
color: #ffffff;
font-weight: bold;
font-size: 1.05em;
border: 1px solid #ccc;
}

.search-all form {
padding: 0px 0px 0px 3px;
margin: 0px;
display: inline;
}

.search-all form div.search-form-fields {
padding: 0px 0px 0px 0px;
margin: 0px;
display: inline;
}

/*.search-all #searchbox {
width: 110px;
} */

.search-all #SearchInText_1 {
width: 110px;
}


.search-all #submit {
font-size: .95em;
color: #000;
border: 1px solid #999;
background-color: #ffffff;
margin: 5px 3px 0px 3px;
} 


ul.nav{
clear: left;
}

ul.search-nav {
	list-style-type: none;
	margin: 0px;
	padding-bottom: 0px;
	font-size: 1.00em;
	line-height : 14px;
	display: inline;
}

li.search-nav {
	text-decoration: none;	
/*	padding-right: 6px;*/
	float: left;
	display: inline;
	margin-right: 5px;
}

/* See Also Box */

.seeAlso {
margin: 10px;
padding: 0px;
line-height: 1.0em;
}

.right-navigation {
background: url(/000/001/000001-misc05.gif) repeat;
border: 1px solid #cccccc;
width: 100%;
/*margin: 5px 0px 0px 0px;*/
margin: 0px 0px 0px 0px;
}

.right-navigation div#title, .right-navigation div#title3  {
margin: 0;
padding: 7px;
width: auto;
background-color: #990000;
color: #ffffff;
font-weight: bold;
font-size: 1.05em;
border: 1px solid #ccc;
}

.right-navigation h2 {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 38px;
font-size: 0.9em;
display: block;
background-color: #444;
border: 1px solid #cccccc;
color: #fff;
}

.right-navigation h2 a {
display: block;
text-decoration: none;
color: #ffffff;
}

.right-navigation ul {
line-height: 1.0em;
padding: 0 0 10px 0;
margin: 0 15px 0 15px;
}

.right-navigation li {
padding: 0 0 3px 0;
margin: 0;
font-size: 0.85em;
list-style-type: none;
}

.right-navigation li a, .right-navigation li a:link, .right-navigation li a:active, .right-navigation li a:visited, .right-navigation h2 {
display: block;
text-decoration: none;
color: #000000;
padding: 3px;
}

.right-navigation li a:hover, .right-navigation li .on-state, .right-navigation ul li .active-link, .right-navigation h2 {
background-color: #444;
color: #fff;
display: block;
text-decoration: none;
}

ul#notices {
border-top: 15px solid #880000;
margin: 0 0px 0 0px;
padding: 15px 0px 10px 0px;
}

ul#notices li {
font-weight: bold;
padding: 0 0 10px 0;
margin: 0;
}

ul#notices a, ul#notices a:link, ul#notices a:active, ul#notices a:visited {
font-weight: bold;
}





/* Center classes */

blockquote {
width: auto;
background-color: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 0;
border-right: 0;
font-style: normal;
padding-top: 5px;
padding-bottom: 5px;
}

table {
padding-left: 15px;
}
div.center {
overflow: visible;
}
 
* html div.center h1 {
	width: auto;
}

div.center h1 {
background-color: #990000;
color: #ffffff;
border: 1px solid #ccc;
}

div.center h2, h3, h4 {
background-color: #ffffff;
color: #000000;
}

.center ul, ol {
/*list-style-type: square; - removed for sub-list purposes Aug 14 2007*/
margin-top: 10px;
padding-right: 10px;
}

.center ul li {
padding-bottom: 5px;
line-height: 110%;
}


div.expander {
width: 100%;
visibility: hidden;
}

table.solid_border {
width: 570px;
margin: 0;
margin-left: 15px;
padding: 0;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

table.part-width {
width: 540px;
}

table.solid_border tr {
margin: 0;
padding: 0;
}

table.solid_border th, table.solid_border td {
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
margin: 0;
padding: 5px;
}

/* Beginning of Full screen classes */

div.center_full {
margin: 0 0 0 0;
padding: 0px;
width: 100%;
}

* html div.center_full h1 {
	width: auto;
}

div.center_full h1 {
background-color: #990000;
color: #ffffff;
border: 1px solid #ccc;
}

div.center_full h2, h3, h4 {
background-color: #ffffff;
color: #000000;
}

.center_full ul {
list-style-type: square;
margin-top: 0;
padding-right: 10px;
}

.center_full ul li {
padding-bottom: 5px;
line-height: 1.0em;
margin-bottom: 10px;
}

/* End of Full screen classes */

/* Classes for copyright and genapp pages*/

.copyright { 
font-family : arial, sans-serif;
font-size: 0.75em;
}

.dots_main_container {
	width: 95%;
	padding: 0px 0px 0px 0px;  /* top, right, bottom, left  */
}

.dots_main_text {
	text-align: left;
	width: 95%;
	padding: 0px 0px 10px 0px;  /* top, right, bottom, left  */
}

.dots_info_container {
	width: 95%;
	padding: 10px 0px 10px 10px;  /* top, right, bottom, left  */
	float: left;
}

.dots_image_container {
	width: 155px;
	padding: 0px 0px 0px 0px;  /* top, right, bottom, left  */
	float: left;
}

.dots_text_container {
	font-size: .8em;
	font-weight: normal;
	width: 324px;
	padding: 0px 0px 0px 0px;  /* top, right, bottom, left  */
	float: left;
}

.dots_gallery_info_container {
	font-size: .8em;
	font-weight: normal;
	width: 95%;
	float: left;
	padding: 10px 0px 10px 0px;  /* top, right, bottom, left  */
}

/* Classes for comments pages*/


.comments_container {
	width: 100%;
	padding: 10px 0px 10px 0px;  /* top, right, bottom, left  */
}

.input_buttons {
	width: 460px;
	clear: left;
	text-align: right;
	padding: 10px 0px 10px 0;  /* top, right, bottom, left  */
}

/* 2 columns within content section */
div.table, div.row {
width: 100%;
display: table;
}

.column {
float: left;
width: 50%;
display: block;
}

div.columna {
float: left;
width: 50%;
padding: 15px;
}
div.columnb {
float: left;
width: 50%;
}

/* end 2 columns within content section */


/* Styles for Alphabetical Links menu */

#alpha-list-container {
border-top: 1px solid #cccc99;
border-bottom: 1px solid #cccc99;
margin: 10px 0px 0px 0px;
padding: 1px 0px 1px 0px;
height: 1.2em;
}

#alpha-list-container-bottom {
border-top: 1px solid #cccc99;
border-bottom: 1px solid #cccc99;
margin: 10px 0px 0px 0px;
padding: 1px 0px 1px 0px;
height: 1.2em;
}

ul.alpha-list {
list-style-type: none;
margin: 0px;
padding: 0px 10px 0px 10px;
}

ul.alpha-list li {
display: inline;
}

ul.alpha-list a, ul.alpha-list a:link, ul.alpha-list a:active, ul.alpha-list a:visited {
font-size: 1.0em;
text-decoration: none;
font-weight: bold;
display: block;
float: left;
width: 22px;
background-color: white;
color: black;
margin: 0px;
padding: 0px;
text-align: center;
}

ul.alpha-list span {
color: #999999;
font-size: 1.0em;
text-decoration: none;
display: block;
float: left;
width: 22px;
background-color: white;
margin: 0px;
padding: 0px;
text-align: center;
}

ul.alpha-list a:hover {
background-color: #cccc99;
color: black;
}

/* 2 column alphabetical nav  */

ul.alpha-list2 {
list-style-type: none;
margin: 0px;
padding: 0px 10px 0px 10px;
}

ul.alpha-list2 li {
display: inline;
}

ul.alpha-list2 a, ul.alpha-list2 a:link, ul.alpha-list2 a:active, ul.alpha-list2 a:visited {
font-size: 0.9em;
text-decoration: none;
font-weight: bold;
display: block;
float: left;
/*width: 22px;*/
width: 14.5px;
background-color: white;
color: black;
margin: 0px;
padding: 0px;
text-align: center;
}

ul.alpha-list2 span {
color: #999999;
font-size: 0.9em;
text-decoration: none;
display: block;
float: left;
/*width: 22px;*/
width: 14.5px;
background-color: white;
margin: 0px;
padding: 0px;
text-align: center;
}

ul.alpha-list2 a:hover {
background-color: #cccc99;
color: black;
}

/* navigation within a page / content  -- still testing -- JS*/

div.section-topics {
width: auto;
margin: 5px 15px 5px 15px;
}

div.section-topics ul {
list-style-type: none;
margin: 0;
padding: 0;
}

div.section-topics ul li {
display: inline;
}

div.section-topics ul.sub-left {
width: 50%;
float: left;
}

div.section-topics ul.sub-right {
width: 49%;
float: right;
}

div.section-topics a, div.section-topics a:link, div.section-topics a:active, div.section-topics a:visited {
display: block;
border-left: 8px solid #ccc;
text-decoration: none;
margin: 0 0 1px 0;
padding: 5px 3px 5px 15px;
background: #fff;
}
/* alpha lists */

div.inner-content ul.block-list {
list-style-type: none;
margin: 10px 15px 10px 15px;
padding: 0;
border-top: 2px solid #ddd;
}

div.inner-content ul.block-list li {
border-bottom: 1px solid #ddd;
}

div.inner-content ul.block-list li a, div.inner-content ul.block-list li a:link, div.inner-content ul.block-list li a:active, div.inner-content ul.block-list li a:visited {
text-decoration: none;
padding: 5px 0px 5px 0px;
}

div.inner-content ul.block-list li span {
display: block;
text-decoration: none;
padding: 5px 0px 5px 0px;
}


/* grey square on left of topic and alpha list letters */

/*div.clearingContainer .greysquare {
margin: 10px 15px 10px 15px;
padding: 5px 3px 5px 15px;
border-left: 8px solid #ccc;
}*/

div.clearingContainer h3 {
margin: 10px 15px 10px 15px;
padding: 5px 3px 5px 15px;
border-left: 8px solid #ccc;
}



/* Sub section links  */
div.section-submenu  {
width: auto;
margin: 5px 15px 5px 15px;
padding: 5px 0 0 0;
text-align: left;
}

div.section-submenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}


div.section-submenu ul li {
width: auto;
display: block;
background-color: #eed;
}


div.section-submenu ul li a, div.section-submenu ul li a:link, div.section-submenu ul li a:active, div.section-submenu ul li a:visited {
width: 97%;
display: block;
margin: 1px 0 2px 0;
padding: 3px 5px 1px 10px;
background-color: #eed;
text-decoration: none;
color: #000;
}


div.section-submenu span.on-state {
display: block;
padding: 3px 5px 3px 10px;
margin: 1px 0 2px 0;
color: #000;
background-color: #eed;
font-weight: bold;
}


/* right aligned tphp links styles */
.tphp-holder{
display: table;
width: 100%;
}

.right-centered-tphp{
float: right;
text-align: center;
}


/* THIS STYLE IS FOR CROSS PLATFORM OPERABILITY OF THE NEW METHOD OF USING OBJECT TAGS 
object.hiddenObject {
_display: none;
_visibility: hidden;
}
*/

.inner-content object.hiddenObject {
margin-left: 15px;
}


td.yellow {
background-color: #ffffcc;
}


/* Styles for the SystemStatus box | Styles pour le SystemStatus box */
div.systembox
{
	background-color : White;
	color: black;
	width: 140px;
	display: block;
	border: 1px solid #990000;
	text-align: center;
}

p.box
{
	padding: 5px 0px 7px 0px;
} 

div.systembox p.box a:link, div.systembox p.box a:visited, div.systembox p.box a:active
{
	color: #000000 !important;
}

/* invisible labels */
div.hiddenlabel, .hiddenlabel {
	height: 0px; 
	width: 0px; 
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	position: absolute;
}

#mediacontainer{
padding: 15px;
}



/* Home page  CSS Re-done by JS will replace */

div.indexfeatures {
display: table;
width: 100%;
padding: 0;
margin-bottom: 10px;
}

/*div.featureditem {
width: 50%;
.width: 49%;
float: left;
}*/

div.indexfeatures img {
margin-top: 7px;
margin-left: 8px;
border: 1px solid #ccc;
}

div.indexfeatures h3 {
margin: 3px 7px 3px 8px;
padding: 0;
font-size: 1.00em;
background-color: transparent;
color: #000000;
border: none;
text-decoration : none;
}

div.indexfeatures a:link, div.indexfeatures a:visited {
text-decoration : none;
}

div.featureditem_description {
margin: 3px 7px 3px 8px;
padding: 0;
font-size: 0.85em;
}

div.disclaimerbar{
	background-color: #cccc99;
	width: 100%;
}

/* Styles for div sizes made by JS (for use in table structures made of divs) */

div.columnleft{
float: left;
}

div.column5prct {
float: left;
width: 5%;
}

div.column6prct {
float: left;
width: 6%;
}

div.column7prct {
float: left;
width: 7%;
}

div.column8prct {
float: left;
width: 8%;
}

div.column9prct {
float: left;
width: 9%;
}

div.column10prct {
float: left;
width: 10%;
}

div.column15prct {
float: left;
width: 15%;
}

div.column16prct {
float: left;
width: 16%;
}

div.column17prct {
float: left;
width: 17%;
}

div.column18prct {
float: left;
width: 18%;
}

div.column20prct {
float: left;
width: 20%;
}

div.column25prct {
float: left;
width: 25%;
}

div.column26prct {
float: left;
width: 26%;
}

div.column27prct {
float: left;
width: 27%;
}

div.column28prct {
float: left;
width: 28%;
}

div.column29prct {
float: left;
width: 29%;
}

div.column30prct {
float: left;
width: 30%;
}

div.column31prct {
float: left;
width: 31%;
}

div.column32prct {
float: left;
width: 32%;
}

div.column33prct {
float: left;
width: 33%;
}

div.column34prct {
float: left;
width: 34%;
}

div.column35prct {
float: left;
width: 35%;
}

div.column40prct {
float: left;
width: 40%;
}

div.column41prct {
float: left;
width: 41%;
}

div.column42prct {
float: left;
width: 42%;
}

div.column43prct {
float: left;
width: 43%;
}

div.column44prct {
float: left;
width: 44%;
}

div.column45prct {
float: left;
width: 45%;
}

div.column50prct {
float: left;
width: 50%;
}

div.column51prct {
float: left;
width: 51%;
}

div.column52prct {
float: left;
width: 52%;
}

div.column53prct {
float: left;
width: 53%;
}

div.column54prct {
float: left;
width: 54%;
}

div.column55prct {
float: left;
width: 55%;
}

div.column56prct {
float: left;
width: 56%;
}

div.column57prct {
float: left;
width: 57%;
}

div.column58prct {
float: left;
width: 58%;
}

div.column59prct {
float: left;
width: 59%;
}


div.column60prct {
float: left;
width: 60%;
}

div.column65prct {
float: left;
width: 65%;
}

div.column66prct {
float: left;
width: 66%;
}

div.column67prct {
float: left;
width: 67%;
}

div.column68prct {
float: left;
width: 68%;
}

div.column69prct {
float: left;
width: 69%;
}

div.column70prct {
float: left;
width: 70%;
}

div.column71prct {
float: left;
width: 71%;
}

div.column72prct {
float: left;
width: 72%;
}

div.column73prct {
float: left;
width: 73%;
}

div.column74prct {
float: left;
width: 74%;
}

div.column75prct {
float: left;
width: 75%;
}

div.column80prct {
float: left;
width: 80%;
}
div.column81prct {
float: left;
width: 81%;
}
div.column82prct {
float: left;
width: 82%;
}
div.column83prct {
float: left;
width: 83%;
}
div.column84prct {
float: left;
width: 84%;
}

div.column85prct {
float: left;
width: 85%;
}
div.column86prct {
float: left;
width: 86%;
}

div.column87prct {
float: left;
width: 87%;
}

div.column88prct {
float: left;
width: 88%;
}

div.column89prct {
float: left;
width: 89%;
}

div.column90prct {
float: left;
width: 90%;
}

div.column93prct {
float: left;
width: 93%;
}

div.column95prct {
float: left;
width: 95%;
}

div.column100prct {
float: left;
width: 100%;
text-align: center;
}

/* */
.question{
font-weight: bold;
}

/* right hand span for the social tagging footer */
span.right{
float: right;
}


/* A rectangle box with border */
div.border-box {
width: auto;
margin: 1em 0.5em;
padding: 0;
border: 1px solid #ccc;
}



/* styles for the link at the bottom of the left nav | style pour le lien au bout de la navigation de la gauche */

div#procontainer{
display: table;
background-color: #fff;
margin-top: 15px;
width: 148px;
float: left;
}

div#procontainer ul.nav {
background-color: #fff;
width: auto;
}

div#procontainer ul li {
border: 0px;
margin: 0px;
padding: 0px;
}

div#procontainer a.menulink{
border: 1px solid #000;
background-color: #fff;
color: #000;
}

div#procontainer a.menulink:hover{
background-color: #000;
color: #fff;
}

div#procontainer ul li span.on-state{
padding: 5px 10px 5px 25px;
display: block;
background-color: #000;
color: #fff;
}

/* Q element styles from WAI/TB */
q:before, q:after {
 content: '"'; 
}
 
q q:before, q q:after {
 content: "'"; 
}

address {
	font-style:normal;
}



/* modernization section on lac index pages */
div.moderncontainer{
margin: 5px;
border: 1px solid #ccc;
padding: 5px 5px 5px 5px !important;
}

div.modernbackground{
height: 97px;
background-image: url(/000/001/000001-modernization.jpg);
background-repeat: no-repeat;
width: 100%;
display: table;
}

div.modernbackground div.column53prct{
overflow: hidden;
}

div.modernbackground div.column53prct p.modernmessage a{
color: #fff;
text-decoration: none;
display: block;
padding-top: 10px;
/*padding-right: 125px;*/
}

div.modernbackground div.column53prct p.modernmessage a span.modernbig{
font-weight: bold !important;
font-size: 1.5em;
color: #fff;
}

div.modernbackground div.column53prct p.modernmessage a span.modernsmall{
font-size: 1em;
color: #fff;
}

div.modernbackground div.column45prct ul {
margin: 20px 0px 0px 25px;
padding: 0px;
color: #fff;
display: block;
}

div.modernbackground div.column45prct ul li a, div.modernbackground div.column45prct ul li a:hover, div.modernbackground div.column45prct ul li a:visited {
color: #fff;
}


/* servicenav class is to re-align the left list at the top of the collectionscanada.gc.ca/index-x pages so that it allows for a little more real estate */ 
ul.servicenav {
margin-left: 30px;
padding: 0px;
}

/* red rule makes the red backgrounds for the more services and discover more links*/
span.redrule{
margin-left: 5px;
margin-right: 5px;
padding: 5px 5px 5px 0px;
width: auto;
background-color: #990000;
display: block;
text-align: right;
}

span.redrule a, span.redrule a:visited, span.redrule a:hover, span.redrule a:link {
color: #fff !important;
text-decoration: none !important;
}


/* class for the collection discovery thumbnails */

div.table div.column33prct div.holder{
text-align: center;
display: block;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
div.table div.column33prct div.holder img {
border: 1px solid #ccc;

}


/* Right column highlights */
div.righthighlights {
width: 100%;
margin: 0px;
padding: 0px;
}

div.righthighlights span {
background-color: #990000;
color: #fff;
text-align: center;
width: 100%  !important;
display: block;
margin: 0px 0px 2px 0px;
padding: 5px 0px 5px 0px;
font-weight: bold;
border: 1px solid #900;
}

div.righthighlights img {
border: 1px solid #ccc;
}

div.righthighlights a.ftrlink, div.righthighlights a.ftrlink:hover, div.righthighlights a.ftrlink:visited, div.righthighlights a.ftrlink:link{
padding: 2px 2px 2px 2px;
color: #000;
text-decoration: none;
display: block;
font-size: 0.85em;
}




/* Styles for LAC-BAC Business Continuity Plan content */
div.bcp-container{
margin: 5px;
border: 1px solid #ccc;
padding: 5px 5px 5px 5px !important;
}

div.bcp-container h3{
color: #fff;
background: #900;
}

ul.discover-list {
list-style-type: none;
margin-left: 2px;
margin-right: 0px;
padding-right: 0px;
padding-left: 2px;
}

ul.discover-list li {
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #ccc;
}

ul.discover-list li a {
text-decoration: none;
}

div.discover-list-col-left {
float: left;
width: 47%;
}

div.discover-list-col-right {
float: right;
margin-right: 5px;
width: 45%;
}

/* Sub section links  */

div.overhaul {
width: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0 0 0;
text-align: left;
background-color: #eee;
font-weight: bold;
}

div.discover {
width: auto;
margin: 0px 10px 5px 10px;
padding: 0px 0 0 0;
text-align: left;
background-color: #eee;
}

div.discover ul {
margin: 0;
padding: 5px 0 0 0;
list-style-type: none;
background-color: #eee;
}

div.discover ul li {
	width: auto;
	display: block;
	margin: 2px 0 2px 0;
	padding: 0px 5px 1px 5px;
	background-color: #eee;
	text-decoration: none;
	color: #000;
}

div.discover ul li a, div.discover ul li a:link, div.discover ul li a:active, div.discover ul li a:visited {
	width: auto;
	display: block;
	margin: 2px 0 2px 0;
	padding: 0px 5px 1px 0px;
	background-color: #eee;
	color: #000;
}

div.discover span.on-state {
display: block;
margin: 2px 0 2px 0;
padding: 0px 5px 1px 5px;
color: #000;
background-color: #eee;
font-weight: bold;
}

div.discover ul li a.title-link, div.discover ul li a.title-link:link, div.discover ul li a.title-link:visited, div.discover ul li a.title-link:hover, div.discover ul li a.title-link:active {
	text-decoration: none;
	padding-top: 5px;
}

div.discover ul li.med {
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}

/*Corporate Site link*/
div#corporate {
display: table;
background-color: #fff;
margin-top: 15px;
width: 148px;
float: left;
}

div#corporate ul.nav {
background-color: #fff;
width: auto;
}

div#corporate ul li {
border: 0px;
margin: 0px;
padding: 0px;
}

div#corporate a.menulink{
border: 1px solid #245970;
background-color: #fff;
color: #245970;
font-weight: bold;
}

div#corporate a.menulink:hover{
background-color: #245970;
color: #fff;
font-weight: bold;
}


/* Complered Access to Infromation Requests */

div#atipcontainer{
display: table;
background-color: #fff;
margin-top: 15px;
width: 148px;
float: left;
}

div#atipcontainer ul.nav {
background-color: #fff;
width: auto;
}

div#atipcontainer ul li {
border: 0px;
margin: 0px;
padding: 0px;
}

div#atipcontainer a.menulink{
border: 1px solid #000;
background-color: #fff;
color: #000;
}

div#atipcontainer a.menulink:hover{
background-color: #000;
color: #fff;
}

div#atipcontainer ul li span.on-state{
padding: 5px 10px 5px 25px;
display: block;
background-color: #000;
color: #fff;
}


/* Archived box */
#archived h2 {background-color:#C00;color:#FFF;margin:0;padding:2px 0 2px 10px;}
#archived {border: 1px solid #C00; background-color: #FFC; margin: 1em auto;}
#archived p {padding-left: 10px; padding-right: 10px;}

/* Archived bar */
/* Note: Width must be 100% for users on 800x600 who have their computer taskbar on the left or right side. */
.archived{position:fixed;top:0;z-index:99999;background-color:#C00;border:1px solid #000;left:0;width:100%;clear:both;}
.archived a{height:22px;color:#333;position:relative;padding:0 0 2px 0;}
.archived a[href]:hover, .archived a[href]:link, .archived a[href]:active, .archived a[href]:focus {color:#FFF;}
/* .archived .archived-top-page {background-color:transparent; border-left:1px solid #999;border-right:medium none; display: block; text-align: center; font-size: 1.4em; color: #FFF; font-weight: bold;} */
.archived .archived-top-page {background-color:#C00; border-left:1px solid #999;border-right:medium none; display: block; text-align: center; font-size: 1.4em; color: #FFF; font-weight: bold;}

/*IE6*/
* html .archived{position:absolute;top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? 0+documentElement.scrollTop : 0+(document.body.scrollTop));margin-top:2px;}
* html .archived input{margin:0;padding:0px;/*--prevents IE6 from having an infinity scroll*/}
* html .archived a:hover, * html .archived a:active, * html .archived a:focus {color: #FFF;}

@media print {
	.archived {display: none !important;}
	* html .archived {display: none !important;}
}