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

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner {
	background-color: #933;
	background: url(/images/hc-ps/banner.jpg) #933 no-repeat;
}
div.banner-eng, div.banner-lfcoa-eng {
	background: url(/images/hc-ps/banner.jpg) #933 no-repeat;
}
div.banner-fra, div.banner-lfcoa-fra {
	background: url(/images/hc-ps/banner.jpg) #933 no-repeat;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/***********START NEW************************************/

/* 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 {
	background-color: #e3b8af;
	color: #600;
}

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

/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left ul.nav li div.menucontent	{ background: #933;  }
div.right ul.nav li div.menucontent { background: #e3b8af; }

div.left ul.nav ul.nav a.menulink, div.left ul.nav div.menucontent a.menulink, div.left ul.nav ul.nav strong
{
	border-top: 1px solid #ac4141;
	border-bottom: 1px solid #852828;
	background-color: #933;
}

div.right ul.nav ul.nav a.formoreinfo {
	border-top: 1px solid #f4d0d0;
	border-bottom: 1px solid #c99c9c;
	background-color: #e3b8af;
	color: #600;
}

/*This grey class must remain or colour CSS will override it*/
div ul.nav ul.nav ul.nav2 a.menulink, div ul.nav ul.nav ul.nav2 strong  {
	color: #000;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	border-left: 1px solid #c4c4c4;
	background-color: #DDD;
}

div ul.nav ul.nav a.menulink:hover, div ul.nav div.menucontent a.menulink:hover {
	background:#600;
	border-top: 1px solid #600;
	border-bottom: 1px solid #600;
}

div.right ul.nav ul.nav a.menulink:hover, div.right ul.nav div.menucontent a.menulink:hover {
	background:#eee;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
}


div ul.nav ul.nav ul.nav2 a.menulink:hover {
	background:#C4C4C4;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}

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

div ul.nav ul.nav2 a.menulink  { background-color: #933;}
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{ 
background-color:#933; color:#fff}
.explore{ background-color:#e3b8af!important; color:#600!important}
div.left ul.nav div.menucontent a.prodis{ background-color:#933!important; color:#fff!important; border-bottom:none!important }

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

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center h2, h3, h4, h5, h6 {color: #933;}
div.colLayout div.center h1, div.core div.center h1 {background:#933 url(/images/hc-ps/h1.gif) no-repeat top right;}
div.center h3 {border-bottom:#e3b8af solid 2px}
div.center h4 {border-bottom:#e3b8af dotted 2px}

div.center a:link 		{ color: #933; }
div.center a:visited 	{ color: #600; }
div.blackborder 		{ border: solid #933 1px; }

div#subjectHeader 		{background:url(/images/hc-ps/subject-sujet-bg.gif); color:#600; font-weight:bold}
div#subjectHeader strong 	{color:#600; background-color:#e3b8af; background-image:url(/images/hc-ps/subject-sujet.gif);}
h1#subjectHeader		{background-color:#933}


#tools a 				{ color: #933; }
/* 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: #933; }
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: #933;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */

/* LIST UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE LISTE */
ul.subjectBullet	{ list-style-image: url(/images/hc-ps/bullet_subject.gif); }

/*COLOUR CLASS'S */
.subjectColour		{ color: #933; }
.subjectDarkColour	{ color: #600; }

/*BACKGROUND COLOUR CLASS'S */
.subjectBG, table tr.subjectBG td, table tr.subjectBG th				{ background-color: #933; color: #FFF; }
.lightsubjectBG, table tr.lightsubjectBG td, table tr.lightsubjectBG th	{ background-color: #e3b8af; color: #600; }
.darksubjectBG, table tr.darksubjectBG td, table tr.darksubjectBG th		{ background-color: #600; color: #FFF; }

/* BORDER CLASS'S */
.borderSubject	{ border: 1px solid #933; }

/* FORM TAGS */
legend 		{ background: #933; }
fieldset 	{  border: 1px solid #933; }

input.subject, p.submit input, #close
{
	background: #933;
	border-top: 2px solid #e3b8af;
	border-left: 2px solid #e3b8af;	
	border-right: 2px solid #600;
	border-bottom: 2px solid #600;
	color: #FFF;
}

table.subject th {background: #933;	color: #FFF;}

div.center h2.promotion {color:#600; background:none; background-color:#e3b8af;}

/* In this topic style */
div.topic ul {list-style-image:url(/images/hc-ps/bullet_subject.gif);}
div.topic p {background-image:url(/images/hc-ps/topic-header.gif); color:#600;}

/* publications */
.next, .previous, .toc {border:1px solid #e3b8af;}

.quickLinks p, .quickLinks p a {background-color: #933}
div.HighlightFloat2 p#header, div.HighlightFloat2 p.header {background:#e3b8af url(/images/hc-ps/ql-header-top.gif) no-repeat left top; color:#600; }
div.HighlightFloat2 p {background-image:url(/images/hc-ps/ql-header-bottom.gif); color:#600;}
div.HighlightFloat2 p.second {color:#600; }
div.HighlightFloat2 ul{ background-image:url(/images/hc-ps/ql-header-bottom.gif); list-style-image:url(/images/hc-ps/bullet_square.gif) }
div.HighlightFloat2 ul li a {color:#600!important;}

div.highlightFloat, p.highlightFloat	{border: 1px solid #933} 

/* top nav for applications */
ul.topnav li {background-color:#e3b8af;}
ul.topnav li a {color:#600!important}
ul.topnav li a:hover {background:#933; color:#fff}

div.center h2.promotion {color:#600; background:none; background-color:#e3b8af;}

/* date format */
div.date ul {list-style-image: url(/images/hc-ps/bullet_subject.gif);}

/* hover boxes for months, a-z listing etc */
ul.alpha li a {color:#933!important;}
ul.alpha li a:hover {background:#933;}

/* Online Pubs ordering System */
div.tools-resources {
	border: 1px solid #933;
}
div.tools-resources div.target {
	border: 1px dotted #933;
}
/* call to action button */
.calltoaction {
	background-color: #993333;
  border: 1px solid #AAAAAA;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	margin: 10px 10px;
	padding: 0;
	text-align: center;
	width: 200px;
}
.calltoaction a {
    color: #FFFFFF !important;
    display: block;
    margin: 0;
    padding: 10px;
    text-decoration: none;
}
.calltoaction a:hover {
	background-color: #f0f0f0;
	color:#993333 !important;
}

/* Button Link */
a.buttonLink {
	display: inline-block;
	background-color: #933;
	color: #fff !important;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 .5em 0 0;
	padding: .75em 1.5em;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
	vertical-align: middle;
}
a:hover.buttonLink {
	background-color: #e3b8af;
	color: #600 !important;
}