/* CLF 2.0 TEMPLATE VERSION 1.0 | VERSION 1.0 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/* the institution can change and add to this stylesheet file */

h2.firstpage {
	font-size: 12.0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

/*main page boxes*/
.mainyellow{
	background: url(../images/1.gif) #ffffcc;
	height: 97px;
	width: 30%;
	border:solid #ffffff 1px;}

.mainkhaki{
	background: url(../images/2.gif) #CCCC99;
	height: 97px;
	width: 30%;
	margin-right: 5px;
	border:solid #ffffff 1px;}

.maingrey{
	background: url(../images/3.gif) #CCCCCC;
	height: 97px;
	width: 30%;
	margin-right: 5px;
	margin-left: 5px;
	border:solid #ffffff 1px;}

div.cols3 {float:  left; width: 30%; margin-left: 1px; }

h2.blue {
 	background:#006699;
	color: #FFF;
	text-decoration: none;
	margin: 0;
	padding: 2px;
}

h2.red {
 	background: #CC0000;
	color: #FFF;
	text-decoration: none;
	margin: 0;
	padding: 2px;
}

	
/*end of main page boxes*/

/*main page boxes navigation this doesn't work, can't get body links to be black!@!!*&%^*/

div.center a.mainbox {
	text-decoration: none;
	color: #000;
}
div.center a.mainbox:hover {
	text-decoration: underline;
	color: #000;
}
div.center a.mainbox:visited {
	color: #000;
}
/*end of main page boxes navigation*/

/* CSS for top right hand header to not display*/
.h2hidden {
	height: 0; 
	width: 0; 
	overflow: hidden;
	float: right;
	font-size: 0;
	position: absolute;
	top: -100px;
}
/* end of CSS for top right hand header to not display*/

/*root right hand navigation buttons*/

div.init div {
	width: 191px;
	height: 71px;
	margin-bottom: 5px;
}

div.init a, div.init a:visited {
	width: 100%;
	height: 100%;
	float: left;
	text-decoration: none;
}

div.parole {	
	background-image: url(/images/ps.gif);
	background-color: #ffffff;
	text-align:center;
	/*font-size: 12pt;*/
	font-weight: bold;
	/*height: 58px;*/
	padding: 10px 0px 10px 0px;
	width: 193px;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:0px;
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
	cursor: pointer;	
}
div.greenback {	
	background-image: url(/images/greenback.gif);
	background-color: #ffffff;
	text-align:center;
	/*font-size: 12pt;*/
	font-weight: bold;
	/*height: 58px;*/
	padding: 10px 0px 10px 0px;
	width: 193px;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:0px;
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
	cursor: pointer;	
}

div.khakiback2 {	
	background-image: url(/images/khakiback2.gif);
	background-color: #ffffff;
	text-align:center;
	/*font-size: 12pt;*/
	font-weight: bold;
	/*height: 58px;*/
	padding: 10px 0px 10px 0px;
	width: 193px;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:0px;
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
	cursor: pointer;	
}

div.hearing {	
	background-image: url(/images/obs.gif);
	background-color: #ffffff;
	text-align:center;
	/*font-size: 12pt;*/
	font-weight: bold;
	/*height: 58px;*/
	padding: 10px 0px 10px 0px;
	width: 193px;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:0px;
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
	cursor: pointer;	
}

div.hlvictims {	
	background-image: url(/images/vicinfo.gif);
	background-color: #ffffff;
	text-align:center;
	/*font-size: 12pt;*/
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	width: 193px;
	margin-bottom:2px;
	margin-top:0px;
	margin-left:0px;
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;

}

div.hlpardons {	
	background-image: url(/images/parinfo.gif);
	background-color: #ffffff;
	text-align:center;
	/*font-size: 12.0pt;*/
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	width: 193px;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:0px;
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
}

div.bm {	
	background-image: url(/images/bminfo.gif);
	background-color: #ffffff;
	text-align:center;
	/*font-size: 12.0pt;*/
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	width: 193px;
	margin-bottom:2px;
	margin-top:2px;
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
}

a.hiliteitemwhite{
	color:#FFFFFF;
	text-decoration:none;
}

a.hiliteitemblack{
	color:#000000;
	text-decoration:none;
}

/*special border for 3-col pages of site*/
div.whiteborder {
	border: solid #ffffff 1px;
	padding: 5px;

}
/*end of special border for first page of site*/

/* box styles */
.greyborder
{
	border:dashed #333 1px;
	padding:10px;
	width:95%;
}

div.singleborder {
     border: solid 1px #000;
     padding: 3px
}

div.singleborderpadleftright {
	border: 1px solid #000000;
	margin-left:11px;
	margin-right:18px;
	margin-top:0px;
   /*  padding: 3px;*/}

.blackborder
{
	border:solid #000000 1px;
	padding:0px;
}

div.organihistorypic {
	float: right;
	width:118px;
	border:solid #333 1px;
	background:#F9F9F9;
	padding:2px;
}

.dashedborder
{
	border:dashed #999999 1px;
	padding:10px;
}

.leftbottomborder
{
	border-bottom:solid #cccccc 1px;
	border-left:solid #cccccc 1px;
}

.bottomborder
{
	border-bottom:solid #cccccc 1px;
}

.blackline
{
	border-bottom:solid #000000 1px; padding:0;
}

.leftborder
{
	border-left:solid #cccccc 1px;
}

.hilitegreen1{
	border-left:0px; border-right:0px; border-top:0px; border-bottom:0px; text-align: center;
	font-weight: normal;
	margin: 0;
	font-size: 0.9em;
	line-height: 1em;
	font-variant: small-caps;
	background-color: #ccff99; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px;
}

.hilitegreen2{
	border-left:0px; border-right:0px; border-top:0px; border-bottom:0px; text-align: center;
	font-weight: normal;
	margin: 0;
	font-size: 0.9em;
	line-height: 1em;
	font-variant: small-caps;
	background-color: #ccffcc; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px;
}

/*colours*/


.greybox{
    width:80%; 
	margin-left:30px;
	padding: 5px; 
	background-color:#CCCCCC;
}

.pale { 
    background-color: #E6F2FF;
}

.box {
	width: 90%;
	margin-left: 35px;
	padding: 5px;
	border: 1px solid #333333;
}

/*background colors */
.tanbackground
{
	background:#EFEFD6;
	padding:10px;
}

.tealbackground
{
	background:#99cccc;
}

.drktealbackground
{
	background:#008888;
}

.bluebackground
{
	background:#99CCCC;
}

.drkkakhi {
	background-color: #CCCC99;
}

.lightkakhi {
	background-color: #CCCC66;
}

.lightblueBG {
	background-color: #CCFFFF;
}

.med    {
    background-color: #E1E1E1;
}

.cool   {
    background-color: #EBEBEB;
}

.tealblue {
	background-color: #99CCCC;
}


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

.largeblue {
	font-size: 18pt;
	color: #003366;
	}

.purple {
	color: #330033;
	}

.leanblue {
	font-size: 14pt;
	color: #003366;
	}
	
.smallcaps {
	font-size: 8.0pt;
	font-variant: small-caps;
}

.fontSize60 {
	font-size: 6.0pt;
}

.fontSize55 {
	font-size: 5.0pt;
}

.footnote
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-transform: none;
font-size: 8pt;
 color: Black;
}

.signature
{
font-family: "Monotype Corsiva";
}


/* item styles */
.item1 {
	padding-left: 18px;
	width: 80%;
	text-align: center;
}

.uppercasesmall {
	text-transform: uppercase;
	font-size: 8pt;
}

ul.nobulletpara {
	list-style-type: none; 
}

.nobullet {
   list-style: none;
}

.nobulletnopad {
	list-style-type: none;
	padding:0;
	margin: 0px;
}

ul.nopad {
	margin: 0px;
	padding: 0px;
	margin-left: 18px;
}

li.pad {
	padding-top: 10px;
}

/* misc styles */
.right
{
	float: right;
}

/* row & column styles */
/* these are the elements for creating a column layout on the page
as used on the Research table of contents page*/

.row{
margin: 0; padding: 0; border: 0; width: 98.5%;
}

.bx{
float: left; width: 24%; margin: 0 3px 0 0; padding: 0;
}

.bxmid{
float: left; width: 40%; margin: 0 3px 0 0; padding: 0;
}

.bx2cols1{
float: left; width: 14%; margin: 0 3px 0 0; padding: 0;
}

.bx2cols{
float: left; width: 84%; margin: 0 3px 0 0; padding: 0;
}

/* end of the elements for creating a column layout on the page
as used on the Research table of contents page*/

/* these are the elements for creating a 2 & 3 & 4 equal width column layout on the page*/
div.rowdashedborder {margin: 0; padding: 0; width: 98.5%; overflow: hidden; border:dashed #333 1px;}
div.noborder {margin: 0; padding: 0; width: 98.5%; overflow: hidden; }
div.cols2 {float: left; width: 49%; margin: 10px 3px 10px 0; padding: 15px;}
div.cols4 {float: left; width: 24%; margin: 10px 3px 10px 0; padding: 15px;}
div.cols2nopad {float: left; width: 49%; margin: 10px 3px 0px 0; padding: 0;}
div.cols2nopadborderright {float: left; width: 49%; margin: 10px 3px 3px 0; padding: 0; border-right:solid #000000 1px;}

div.cols3 {float:  left; width: 33%;  }
div.cols3smll {float:  left; width: 30%;  }
div.cols3center {float:  left; width: 33%;  }
div.cols3right {float: right; width: 28%;  }
/* end of the elements for creating a 2 & 3 & 4 equal width column layout on the page*/

/* these are the elements for creating a 5 equal width column layout on the page*/
/* http://clf2/text/region/nat-fac-dir-eng.shtml*/
div.cols5 {float: left; width: 19%; margin: 10px 3px 10px 0; padding: 15px;}
.rowlined {margin: 0; padding: 0; border: 0; width: 98.5%;border-bottom:solid #cccccc 1px;}
.rowheader {margin: 0; padding: 0; border: 0; width: 98.5%;border-bottom:solid #cccccc 1px; text-align: center;}
/* end of  the elements for creating a 5 equal width column layout on the page*/

/* end of row & column styles */


/*Portal pages */

h1.yellowblackborder {
 	background:#cccccc; 
	text-decoration: none;
/*	border:  1px solid #000000; */
border:  1px solid #000000;
margin: 0;
}

h1.greyblackborder {
 	background:#cccccc; 
	text-decoration: none;
/*	border:  1px solid #000000; */
border:  1px solid #000000;
margin: 0;
}

h1.khakiblackborder{
	background: #CCCC99;
	text-decoration: none;
/*	border:  1px solid #000000; */
border:  1px solid #000000;
margin: 0;}

h1.blueblackborder{
	background: #006699;
	text-decoration: none;
/*	border:  1px solid #000000; */
border:  1px solid #000000;
	color: #ffffff;
margin: 0;}

h2.navyellow {
 	background:#cccccc; 
	color: #000000;
	text-decoration: none;
	font-size: 10.0pt;
	font-weight: 700;
	line-height: 1.6em;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

h2.navgrey {
 	background:#cccccc; 
	color: #000000;
	text-decoration: none;
	font-size: 10.0pt;
	font-weight: 700;
	line-height: 1.6em;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

h2.navkhaki{
	background: #CCCC99;
	color: #000000;
	text-decoration: none;
	font-size: 10.0pt;
	font-weight: 700;
	line-height: 1.6em;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;}

h2.navred{
	background: #cc0000;
	color: #ffffff;
	text-decoration: none;
	font-size: 10.0pt;
	font-weight: 700;
	line-height: 1.6em;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;}

.deepred {
	color: #990000;
	background-color: transparent;
}

/*table styles*/
.width95border1 {
	width: 95%;
	border: 1px solid #cccccc;	
}

.border1 {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	vertical-align: top;
}

td {
	vertical-align: top;
}

th {
	vertical-align: top;
}
/*css for Grants and Contributions and Contracts*/
.grantsblueBG
{
background-color:#C5D6FC;
}
/*enf of css for Grants and Contributions and Contracts*/

/*end of table styles*/

/* start custom css for Pardon form */

div.grayBoxFull    {
	width: 95%;
    background-color: #E1E1E1;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	padding: 5px;
}

div.whiteBoxFull    {
	width: 98%;
    background-color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

div.box	{
	width:10px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	float:left;
}

/* end custom css for Pardon form */

.whitespace20px {
	height:20px;
}

div.blackborder {
	padding: 5px;
	min-height: 100px;
	min-width: 9.5em;
}

li.space {
	padding-bottom: 10px;	
}

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */