/* 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 */
img.fip{
	display:block;margin-left: auto;
margin-right: auto;
}
div.line{background-image:url(../images/top_bg.gif); height: 15px}
/* FIP HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE PCIM */

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.bannerwhoweare-e {
	background: url(../whoweare/images/banner_e.jpg) #FFF no-repeat center center;
}
div.bannerwhoweare-f {
	background: url(../whoweare/images/banner_f.jpg) #FFF no-repeat center center;
}
div.bannermembership-e {
	background: url(../membership/images/banner_e.jpg) #FFF no-repeat ;
}
div.bannermembership-f {
	background: url(../membership/images/banner_f.jpg) #FFF no-repeat ;
}
div.bannerconferences-e {
	background: url(../conferences/images/winHeader_e.gif) #FFF no-repeat ;
}
div.bannerconferences-f {
	background: url(../conferences/images/banner_f.jpg) #FFF no-repeat ;
}
div.bannerpublications-e {
	background: url(../publications/images/banner_e.jpg) #FFF no-repeat ;
}
div.bannerpublications-f {
	background: url(../publications/images/banner_f.jpg) #FFF no-repeat ;
}
div.bannereducation-e {
	background: url(../education/images/banner_e.jpg) #FFF no-repeat ;
}
div.bannereducation-f {
	background: url(../education/images/banner_f.jpg) #FFF no-repeat ;
}
div.bannerawards-e {
	background: url(../awards/images/banner_e.jpg) #FFF no-repeat ;
}
div.bannerawards-f {
	background: url(../awards/images/banner_f.jpg) #FFF no-repeat ;
}
div.bannerlinks-e {
	background: url(../links/images/banner_e.jpg) #FFF no-repeat ;
}
div.bannerlinks-f {
	background: url(../links/images/banner_f.jpg) #FFF no-repeat ;
}

/* 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;
}
* html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
*:first-child+html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
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 */
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 {
	
	text-decoration: none;
}
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{
}

h1 {
padding-bottom:4px;
}
h1.norepeat {background-repeat: no-repeat;}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
/* Entire left menu navigation - Lucy Cole */
div.left li a{
text-decoration:none;	
display: block;	
background-color: #DED2D2;	
padding: 1px 0px 2px 4px;/*	Oct 31 font-size:.85em;  */
color: #006;
line-height:normal;
}
/* + box */

div.left ul li span.indicator {
float:right; 
padding-left:3px;
padding-right:5px;
padding-top: 2px;
padding-bottom:2px;
margin-top:0px;
}




/* Main Menu */
.purple_bk {
border-bottom:1px solid #ccb;
text-decoration:none; 
font-weight: bold; 
background-color:#939; 
color:#ffffff;
display: block;
padding:2px;padding-left:10px;
height: 16px;
}

/* Hide all subnavigation */
div.left ul.nav ul.hidden, div.right ul.nav ul.hidden, div.menu-rightwrap ul.nav ul.hidden {
display:none;
} 

/* Who We Are */
div.left li h2 {
border-bottom:1px #bb9 solid; 
border-top: 0px;
border-left:0px;
padding-right:0; 
line-height:normal;
font-weight:bold;
}

/* (for noscript option) */
div.left li h2.js {
padding-left:0px;}

div.left li h2.padding, div.right li h2.padding,div.menu-rightwrap li h2.padding{/* for no javascript option */
padding-left:8px;

} 

div.left h2.graybar{
border-left:  6px solid #CCF ; 
font-weight: bold; 
margin-left:0px	
} 
div.left h2.purplebar{
border-left:  6px solid #B27FDE; 
margin-left:0px	
} 
div.left h2.purple2bar{
border-left:  6px solid #969 ; 
margin-left:0px	
}
/* Privacy Policy */

div.left ul.nav li.menucontenta { 

border-bottom:1px dotted #a9a9a9; 
border-top:0px;
margin-bottom:0px;
}  

div.left li.menucontenta a{ 
border-left: 4px solid #ccf;
color: black; 
background-color: #eef3e0;
color:#006;
padding-left: 7px;	
font-size: 90%;
 /* for IE gets rid of white line */
padding-right: 5px;
padding-top:3px;
padding-bottom:3px;

}
div.left li.menucontenta a.active{ border-left: 4px solid #939}
/* Interact */


/* Multimedia, New Public Servants, PS Employees*/
div.left a.menulink {
color: #6E140b;	
background-color: #eed;

} 

/* Multimedia */
div.left li{ 

padding:0px; margin:0;/*width: 97%;*/
}


/* PS Employees (contents By Audience)*/
div.left li.hoverblue  a:hover{
border-left:  6px solid #789 ; 
font-weight: normal;
}
hr.blueline {color: #789;
background-color: #789;
height: 1px;

}



/* Legend and Video titles*/
div.right ul{
padding: 4px 22px;margin: 0px;
background-color:#F7EBCE;
border:  1px solid black;
border-top: 0px;
}

div.right ul li {font-size:85%; }
div.right h2.nav, div.menu-rightwrap h2.nav  {
padding-right:0px;
} 



div.right ul.nav li.menucontent, div.menu-rightwrap ul.nav li.menucontent  {
width:97%;
border-top:1px dotted #ccc;
margin-left:3px; 
padding:0px; 
padding-bottom:2px;
padding-top:1px;

} 

div.right ul.nav li.noline, div.menu-rightwrap ul.nav li.noline  {
border-top:0px solid #ccc; /* removes dotted line above All Public Servants */


}

div.right li ul.video { 
padding:0px;
background-color:#fff;
border: 0px solid #fff; 
padding-top: 0px;
}

div.right li ul.feature, div.menu-rightwrap li ul.feature{
padding:0px;
border: 0px solid #fff; 
border-top:1px solid #fff;
background-color:#fff;
}
div.right ul.nav li.solidline, div.menu-rightwrap ul.nav li.solidline  {/*solid line above mouse icon */
border-top:1px solid #ccc;
}


div.left h2.nav {cursor:default;}
a span.indicator/*, div.left h2.nav*/ {cursor:pointer;}
div.left h2.nav a:hover{cursor:pointer; }


.menu-right {float:right;border: solid gray 1px;padding:2px;}
h1.inline {
display:inline
}
.fontSize60 {
	font-size: 6.0pt;
}


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

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center h1, div.onecol h1, h2, h3, h4, h5, h6 {
	color: #006; /*c63*/
}
div.center h1, div.onecol h1{
	font-size: 1.25em;
	color: #006;

}
div.center h2{
	font-size: 1.15em;
	color: #936;
	font-weight:600;
	/*background-color:#eee;
	padding:4px;*/
	
}
div.center h3{
	font-size: 1.1em;
	font-weight:600;
	color: #02A;
}
div.center h4{
	font-size: 1em;
	font-weight:600;
	color: #000;
}
div.center a:link {
	color: #039;
}
div.center a:visited {
	color: #039;
}
div.blackborder {
	border: solid #000 1px;
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}



/* Links */
div.center a.grayblue:link, div.center a.grayblue:visited {color:#567}
div.right a.bkwhite:link, div.right a.bkwhite:visited, div.menu-rightwrap a.bkwhite:link, div.menu-rightwrap a.bkwhite:visited{background-color: #fff; color:#567;padding-right:5px;}
div.center a.blacklink:link, div.blacklink a.blacklink:visited, a.blacklink:link, a.blacklink:visited{
	color: #333; 
	
}
/* The next five class are use to control the layout of the in focus banner*/


 h2.inline { 
 display:inline; 
 
 }

.inline {display:inline; } /* Oct 31 */


/* End of in focus banner*/
/* Infocus contents */

.pdf {
background-image: url("../images/pdficon2.gif");
background-repeat: no-repeat;
background-position: 98% 50%;
} 
.word {
background-image: url("../images/wordicon2.gif");
background-repeat: no-repeat;
background-position: 98% 50%;
}
.graybg {background-color: #efefef;}

/* TABLES */
.border,.frame {
border-collapse: collapse; 
border: 1px #ccc solid; 
vertical-align:top;
}
table.frame td
{
padding:4px;
vertical-align:top;}

table.border td {
border: 1px #ccc solid; 
vertical-align:top;
padding: 4px;
}

ol.alpha {list-style-type: lower-alpha}
.noborder {border: none}
.spancon { width: 5em; float: left;}
ul.data-spacing-bottom li, ol.data-spacing-bottom li	{ padding-bottom: 10pt; }


/* 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: #939;
}
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: #039;
	background-color: #FFF;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */
.hide {display: none};

/* MULTI-COLUMN CONTAINERS */
div.row 			{margin: 0; padding: 0; width: 98.5%;}
div.row-promotion 	{margin: 0; padding: 0; width: 100%; background-image:url(/tb-bo/images/templates/bg-grey.gif); overflow:auto; margin-bottom:-10px}
div.cols2 			{float: left; width: 49%; margin: 0 3px 0 0; padding: 0; padding-bottom:4px;}
div.cols3 			{float: left; width: 32.5%; margin: 0 3px 0 0; padding: 0; padding-bottom:10px;}
div.cols4, div.cols24 			{float: left; width: 24%; margin: 0 3px 0 0; padding: 0; padding-bottom:4px;}
div.cols75 			{float: left; width: 75%; margin: 0 3px 0 0; padding: 0; padding-bottom:4px;}
.row-clear { clear:both; }

ul.navlist {padding:3px; /*background-color:#DED2D2*/}
.navlist li
{
display: inline;
list-style-type: none;
padding-right: 0px;

}
.navlist li a:link, .navlist li a:visited {text-decoration:none}
.navlist li a:hover{text-decoration:underline}
div.highlight, p.highlight		{ border: 1px dashed #000; background-color:#eee;  }
img.more{
	width: 1.46em;
	height: 0.92em;
	text-decoration:none;
}
a:focus {outline-style: none;cursor: pointer;}
#jsddm

{    margin: 0;
    padding: 0;
    }

#jsddm li

    {    float: left;
        list-style: none;
        font: 12px Tahoma, Arial}

#jsddm li a

    {    display: block;
        background: #20548E;
		background: #939;
        padding: 5px 12px;
        text-decoration: none;
        border-right: 1px solid white;
        width: 90px;
        color: #EAFFED;
		color:#fff;
		font-weight: bold;
        white-space: nowrap}
#jsddm li.active a

    {    
        color: #000;
		background:#EEF3e0;
		border-top: 1px solid #939;
		background:#FFF;
		}
#jsddm li.last a

    {width: 120px;
    	border-right: 0px solid red;}

    #jsddm li a:hover

    {    background: #1A4473;
	background: #969;
	/*color:white;*/
	}
#jsddm li.active a:hover

    {    background: #1A4473;
	background: #FFF;
	/*color:white;*/
	}
        #jsddm li ul

        {    margin: 0;
            padding: 0;
            position: absolute;
            visibility: hidden;
            border-top: 1px solid white}

        #jsddm li ul li

        {    float: none;
            display: inline}

        #jsddm li ul li a

        {    width: auto;
            color: black;
            background: #ccc}
        #jsddm li ul li a:hover

        {    background: #ccc}