/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0
 * 
 * TABLE OF CONTENTS:
 * 
 *  1. Overide base-institution sytle declerations 
 *  2. Setting Square Bullets for Left and Right Nav
 *  3. Styles for multiple page publications
 *  4. 
 *  5. 
 *  6. 
 *  7. Legacy right box stylse 
 *  8. New right box styles 
 *  9. 
 * 10. Home page center box styles
 * 11. Home page right box styles 
 * 12.
 *
 */ 
 
/* START 3 COL BORDER STYLE  */
div.borderthin {
	border: 1px solid #776655;
	padding: 0px 5px 5px 5px;
}
/* END 3 COL BORDER STYLE  */

/*START UTILITY STYLES*/
.lightgreyBox{
border:1px solid #777;
background-color: #eee;
padding: 5px 10px 5px 10px;
}
/*END UTILITY STYLES*/

/* START OVERRIDE OF BASE-INSTITUTION.CSS DECLARATIONS  */
body {
	background-color: #998877;
}

div.center h1, h2, h3, h4, h5, h6 {
	color: #776655;
}

div.right li ul.nav, div.right li p.nav, div.right li div.nav {
	border:none;
}

div.banner {
	background-color: #615040;
	background-image:url(/img/cna-nsc/commun-common/nsi-clf/banniere-banner.jpg);
	background-repeat:no-repeat;
}

p.main, p.siteuri {
	color: #ffffff;
}

/* 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: #FFFFFF;
	background-color: #776655;
	border-color: #000;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

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 {
	color: #ffffff;
	background-color: #776655;
}

div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	
	background-color: #EAE4D8;
}
div.right li.menucontent, div.right div.menucontent {
	background-color: #EAE4D8;
}
div.right a.menulink {
	background-color: #EAE4D8;
}
div.prodis {
	background-color: #776655;
}

div.blackborder {
	border: solid #CCCBCB 1px;
}

div.footer div.footerline {
	background-color: #776655;
}

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: #003463;
}
.clearLeft {
	clear: left; }
	
.clearRight {
	clear: right; }
.clearBoth{
	clear: both;  }
	
div.center a:visited {
color: #776655;
}

/* END OVERRIDE OF BASE-INSTITUTION.CSS DECLERATIONS  */


/* START Styles for multiple page publications */

/*  Start of Table of content styles */
.bordermeds {

border-width:medium; 
border-style: solid; 
border-color: #998877;
}

* html .bordermeds {

border-width:thin;
}
/* End of Table of Content styles */


/*** PUBLICATION CSS BEGINS ***/
   ul.pub_section{
		list-style-type: none;
		padding: 0px 0px 0px 0px;
		width:600px;
		float:left;
		text-align:center;
	}
	* html ul.pub_section{
		width:590.5px;
	}
	ul.pub_section li { 
		float:left;
		width:32.6%;
		margin-top:5px;
		margin-bottom:5px;
	}
	ul.pub_section li.margin_right{
		margin-right:1%;
	}
	ul.pub_section li a {
		text-decoration: none;
		width:93%;
		display:block;
		text-align:center;
		font-weight:bold;
		padding:3px 7px 3px 7px;
	}
	* html ul.pub_section li a{
		width:100%;
	}
	ul.pub_section li a:link, ul.pub_section li a:visited {
		background-color:#776655;
		color:#ffffff;
	}
	ul.pub_section li a:hover{
		background-color:#EAE4D8;
		color:#665544;
	}
	ul.pub_section li a:active{
		background-color:#eae4d8;
		color:#665544;
	}
	ul.pub_section li.titlePage{
		margin-left:16.3%;
	}
	* html ul.pub_section li.titlePage{
		margin-left:8.45%;
		padding-bottom:5px;
	}
	ul.pub_header{
		border-top:1px solid #776655;
		border-bottom:1px solid #776655;
	}
	ul.pub_header{
		margin: 10px 0px 10px 0px;
	}
	* html ul.pub_header{
		margin: 4px 0px -8px 0px;
	}
	ul.pub_footer{
		margin: 10px 0px 10px 0px;
	}
	* html ul.pub_footer{
		margin: 0px 0px -8px 0px;
	}
	ul.pub_footer{
		border-top:1px solid #776655;
	}
	ul.pub_section li{
		margin-bottom:5px;
	}
	.pub_border{
		border-width:thin; border-style: solid; border-color: #776655;margin-top:5px;
	}
/*** PUBLICATION CSS ENDS ***/
/* END Styles for multiple page publications */


/* START QUOTE STYLES */
blockquote {

	background-color: #EAE4D8;
	color: #000;
	border: 1px solid #000;
	font-style: italic; 
	padding-left: 10px;
	padding-right: 10px;
}

q:before, q:after {
	content: ""; 
}
/* END QUOTE STYLES */

/*  Start Div Table */

div.table {
	float: left;

}

div.row {
	clear: left;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	width: 100%;
}

div.cols {
	float: left;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

.padTop10 {
	padding-top: 10px;
}

.padLeft10 {
	padding-left: 10px;
}

.padRight10 {
	padding-right: 10px;
}

.padBottom10 {
	padding-bottom: 10px;
}

/*  End of Div Table */


/* START RIGHT ICONS */
.rightIcon {
	padding-top:10px;
}

ul.rightIcon a:link, ul.rightIcon a:visited, ul.rightIcon a:active {
	color: #000;
	font-weight:bold;
}
/* END RIGHT ICONS */


/* START RIGHT COLUMN BACKGROUND COLOUR STYLE */
div.right {
	background-color: #EAE4D8;
}
/* END RIGHT COLUMN BACKGROUND COLOUR STYLE */

/* START IE FIX FOR LARGE TABLES */ 
table.wideTable {
	position: absolute;
}
/* END IE FIX FOR LARGE TABLES */ 


.marginbottom20 { margin-bottom: 20px; }

/* END CSS NHSP MAIN BOX STYLES  */

/* START SERVER ERROR MESSAGE STYLES */
div.srvMsgCol {
	float: left;
	margin: 0;
	padding: 0;
	width: 49%;
}
div.srvMsgCol div {
	padding: 1.56em 10px 5px 0px;
}
	
div.srvMsgColr {
	float: right;
	margin: 0;
	padding: 0;
	width: 49%; }

/* END SERVER ERROR MESSAGE STYLES */

/* START ADDITIONAL UTILITY STYLES */

.width73 {
	width: 73%;
}
/* END ADDITIONAL UTILITY STYLES */

/*******************************************************/
/* START IMPORTED STYLES FROM styles.css */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
/*div.colLayout{
	background-image:url(../../img/cna-nsc/commun-common/nsi-clf/gdlr.jpg);
	background-repeat:repeat-y;
	background-position:left;
	overflow:hidden;
}*/
div.menudivide {
	height: 15px;
	min-height: 0.9375em;
	padding: 0;
	margin: 0;
	background-color: #776655;
}

ul.noIndent {
margin:0px;
padding:0px;
}

ul.lindent1 li{
padding-left:5px;
}

ul.lindent2 li{
padding-left:10px;
}

ul.lindent3 li{
padding-left:15px;
}

div.left li.menucontent, div.left div.menucontent {
	border-bottom: 1px dotted #998877;
}

div.left li.noborder, div.right ul.nav li.noborder{
	border-bottom:0px;
}

div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: #000;
	background-color: #EAE4D8;
}
div.right li.menucontent, div.right div.menucontent{
	color:#000;
	background-color: #EAE4D8;/*EAE4D7*/
	border-bottom: 1px dotted #998877;
}

div.right a.menulink {
	color:#000;
	font-weight:800;
	background-color:#EAE4D8;
}

div.right ul.nav2 li a.menulink {
font-weight: normal;
}


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

/***heading styles***/
body div.center h1.h1smallergrey{
	font-size:100%;margin-bottom:-10px;
}

h1.hometitle{
height:0px;
width:0px;
overflow:hidden;
position:absolute;
left:-760px;
/*border-bottom:1px solid #776655; 
width:100%;*/
}

body div.center h2.h2smallergrey{
	font-size:100%;margin-bottom:2px;margin-top:0px;margin-left:7px;
}

* html body div.center h1.h1smallergrey{
	font-size:100%;margin-bottom:-14px;
}

* html body div.center h2.h2smallergrey{
	font-size:100%;margin-bottom:2px;margin-top:1px;margin-left:7px;
}

body div.center h1.h1smallergrey{
color:#776655;
}

body div.center h2.h2smallergrey a:link, body div.center h2.h2smallergrey a:visited{
	color:#776655;
	background-color:transparent;
}

/***hr styles***/
body div.center hr.hrspilt{
	background-color:#998877;
	height:1px;
	border-width:0px;
	color:#000000;
}

* html body div.center hr.hrspilt{
	color:#998877;
	height:1px;
	background-color:transparent;
}

* html body div.center hr.hrspilt{
	margin-top:-10px;
}

/***video center***/
* html div.video_center{
	margin-bottom:-10px;
}
div.video_center p{
	margin-left:9px;
	margin-top:0px;
	margin-right:4px;;
}
/***home page and minister box styles***/
.minisMain {
	padding-top:20px;
	float:left;
	width:100%;
}
.minisBox{
	float:left;
	width:100%;
	clear:both;
	padding-bottom:20px;
}
.minisText{
	float: left;
	vertical-align:text-top;
	margin-left:2px;
	width:70%;
}

.minisText p{
	margin-top:0px;
	margin-left:7px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.minisText ul{
	margin-top:8px;
}

.featuresMain{
	padding-top:0px;
	margin-top: 0px;
	float:left;
	width:393px;
	/*background-color:#FFFFFF;*/
	padding-left:0px;
	padding-right:5px;
}
* html div.featuresMain{
	margin-top: 0px;
	width:100%;
}
.featuresBox{
	float:left;
	width:100%;
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	/*border-top:1px solid #776655;*/
}
* html .featuresBox{
	float:left;
	width:100%;
	clear:both;
	/*border-top:1px solid #776655;*/
	padding-top:5px;
	padding-bottom:5px;
}

.featuresBordertop{
	border-top:1px solid #776655;
}

.featuresText{
	float: left;
	vertical-align:text-top;
	margin-left:2px;
	width:70%;
}
.featuresText p{
	margin-top:0px;
	margin-left:7px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.features ul{
	margin-top:8px;
}
.nopadding{padding-top:5px}
.textincrease{padding-top:10px;}

.noMargin{
margin:0px;
}

/***table styles***/
/* TABLE UTILITY CSS BEGINS */
table{
	margin-top:10px;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
}
table td, table th{
	vertical-align:text-top;			
}
table td{
	background-color:#ffffff;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:5px 5px 5px 5px;		
}
table th{
	background-color:#776655;
	color:#FFFFFF;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:2px 2px 2px 2px;
}
td.rightborder, th.rightborder{
	border-right:1px solid #FFF;
}
table td.topborder{
	border-top:1px solid #000000;
}

table td.emptyHeadingCell{
	background-color:#776655;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:2px 2px 2px 2px;
}
/* TABLE UTILITY CSS ENDS */

/*** PHOTO GALLERY CSS BEGINS ***/
div.photoMain { padding-left:12px; }

/*ROW style*/
div.photoRow { width:520px; float:left; }

/*PHOTO style*/
div.photo { float:left; padding:10px; }

/*Initial border styles*/
div.photo a img { border:2px solid #FFFFFF; }

* html div.photo a img { border:none; }

* html div.photo a { border: 2px solid #FFFFFF; }

/*Mouse-Over styles*/
div.photo a img:hover { border: 2px solid #776655; }

* html div.photo a:hover { border: 2px solid #776655; }
/*** PHOTO GALLERY CSS ENDS ***/

/*** BIO PAGE CSS BEGINS ***/

.bioMain{
/*	padding-top:20px; */
	float:left;
	width:100%;
}
.bioBox{
	float:left;
	width:100%;
	clear:both;
	padding-bottom:20px;
}
* html div.bioBox{
	padding-bottom:0px;
}
.bioText{
	float: left;
	vertical-align:text-top;
	margin-left:2px;
	width:84%;
}
.bioText p{
	margin-top:0px;
	margin-left:7px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.bioText ul{
	margin-top:8px;
}

/*** BIO PAGE CSS ENDS ***/



.bioimage {
	float: left; 
	margin-left: 0px; 
	margin-right: 10px; 
	text-align: left; 
}

.biotext {
	float: left; 
	width: 485px; 
}

.biotext p {
	margin: 0px; 
}


/*** START SENIORS PHOTO GALLERY ***/
div.pg
{ 
	/* background-color:#00FF33; */
	width: 393px;
	color: #776655;
}

div.pg_box 
{
	border-top: 1px solid #776655; 
	border-bottom: 1px solid #776655;
	margin-bottom: 10px; 
	/*background-image:url(/img/SeniorsTC-CIAines/generic/nsc_photo_gallery_box_bkg.jpg); 
	background-repeat:repeat-x; 			
	background-position:bottom;*/
	width: 100%;
	float: left;
	
}

div.pg_photo
{ 
	float: left; 
	
	/* Firefox needs the height of the image or it adds 2 extra pixels below the image */ 
	height:110px;
}


div.pg_caption
{ 	
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	width: 295px; 
/*	display:block;*/
}


div.pg_caption p
{
	/* This is for firefox becuase it is adding 5 px padding top on the p tag */ 
	margin-top: 0px;
}

div.page div.core div.colLayout div.center div.pg_caption a:link, 
div.page div.core div.colLayout div.center div.pg_caption a:visited
{
	
	text-decoration: none;
	color: #776655;

}

div.page div.core div.colLayout div.center div.pg_caption a:hover
{ 
	text-decoration: underline; 
} 
/*** END SENIORS PHOTO GALLERY ***/

ul.list li, ol.list li, dt.list li {
	margin-bottom: 7px;
}


/* END IMPORTED STYLES FROM styles.css */