/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */
/*Template Specific*/

body {background-color: #ccc ;margin: auto;padding: 0px;}
h1{font-size:150%;}
h2{font-size:140%;}
h3{font-size:130%;}
h4{font-size:120%;}
h5{font-size:110%;}
h6{font-size:100%;}
div.footer div.footerline {background-color: #000;}
div.banner{color: #FFF;background-color: #000;background-image: url(../images/banner4.jpg);background-repeat: no-repeat;background-position: center center;width: 760px;}
* html div.center h1 {width: 335px;}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {color: #000; background-color: #f1f1d8; padding-left:1px}
div.left li.menucontent a:hover {color: #069;background-color: #f1f1f1;display: block;text-decoration:underline;padding-left:1px;}
div.left li.menucontent, div.left div.menucontent {border-bottom: 1px solid #ccc;}
ul.customBullet{margin: 0px; padding: 0px;}

/*IE Fix for NavAid */
div.page div.core div.navaid {
	_width: 450px;
	_top: -147px;
	_display: inline;
}
* html div.page div.core div.navaid {
	_width: 450px;
}
*:first-child+html div.page div.core div.navaid {
	_width: 450px;
}  /*End*/

/* Adjust Box Height Classes as Needed */
.boxHeightInfo{min-height: 80px; height: auto;}
* html .boxHeightInfo{height: 80px;}

.boxHeight70{min-height: 70px; height: auto;}
* html .boxHeight70{height: 70px;}
.boxHeightMC{min-height: 227px; height: auto;} * html .boxHeightMC{height: 227px;} /*Minister's Corner*/
.boxHeight30{min-height: 30px; height: auto;} * html .boxHeight30{height: 30px;}
.boxHeight32{min-height: 32px; height: auto;} * html .boxHeight32{height: 32px;}
.boxHeight50{min-height: 50px; height: auto;} * html .boxHeight50{height: 50px;}
.boxHeight100{min-height: 100px; height: auto;} * html .boxHeight100{height: 100px;}
.boxHeight150{min-height: 150px; height: auto;} * html .boxHeight150{height: 150px;}
.boxHeight{min-height: 115px; height: auto;}
* html .boxHeight{height: 115px;}
.boxHeight200{min-height: 200px; height: auto;}
* html .boxHeight200{height: 200px;}
.boxHeight350{min-height: 350px; height: auto;}
* html .boxHeight350{height: 350px;}
.boxHeight50{min-height: 50px; height: auto;} /*Tales of Animals in War BLOCK Menu */
* html .boxHeight50{height: 50px;}
.imgLeftAlign{float: left; margin: 3px;}



div.center a:link, div.center a:visited, div.center a:active{color: #069;text-decoration: none;}
ul.rightLink li{color: #000;text-decoration: none; background-color:#f1f1d8;}
div.right a:link, div.right a:visited, div.right a:active{color: #000;text-decoration: none;}
div.inFocus a:link, div.inFocus a:visited, div.inFocus a:active{color: #000;text-decoration: none;}
div.center a:hover {color: #069; text-decoration: underline; background-color:#f1f1f1}
div.right a:hover {color: #069; text-decoration: underline; background-color:#f1f1f1}
div.inFocus a:hover {color: #069; text-decoration: underline; background-color:#f1f1f1}
div.center h1 a:hover  {color: #000; text-decoration: none; background-color:#FFF;}

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 {background-color: #069;color: #FFF;text-decoration: none;} 
div.right h2.nav, div.left h2.nav {	background-color:#003467;	background-image: url(../images/main/grad-h2.jpg);	background-repeat: no-repeat; margin-top:5px;}

div.page {
	width: 788px;
	min-width: 12.00em;
	background-color: #ccc;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/main/shad_bg.jpg);
	background-repeat: repeat-y;
	}
	
div.core {padding: 10px 14px 10px 14px;}

form fieldset, fieldset {border-width:1px;border-style:solid;border-color:#657887;margin:20px 0px 10px 0px;position:relative;display:block;padding: 0px 10px 5px 10px;}
form fieldset legend, fieldset legend {	background-color:transparent;border-width:0px 1px;border-style:solid;border-color:#657887;color:#000000;font-weight:bold;font-size:100%;padding:2px 5px;margin:0px 0px 10px 0px !important;margin:10px 0px 0px 0px;position:relative;top: -12px;}
fieldset label, label{margin: 0px;padding: 0px;text-align: left;}
label{ margin:0px; padding:0px; width:100%;}
input:focus, select:focus, textarea:focus {background:#ffc;color:#000;}
.borderNone{border:none;}
/* END OF Institution Template CSS DO NOT TOUCH */


/*MISC CLASSES */

/*Books of Remembrance */
p.details span {float: right;}
p.details {margin-left: 25px;}
p.details strong {margin-left: -10px;}
/*END*/

/*TALES of Animals in WAR "Block Menu" */
div.iconBorder1 a:link, div.iconBorder1 a:visited{	display: block;	border: 1px solid #000;	text-decoration:none;	padding:5px;	background-color: #F93;	color: #fff;	vertical-align: middle;}
div.iconBorder1 a:hover, div.iconBorder1 a:active{	border: 1px solid #000;	display: block;	text-decoration:none;	background-color: #FFF;	color: #000;}
div.iconBorder2 a:link, div.iconBorder2 a:visited{	display: block;	border: 1px solid #000;	text-decoration:none;	padding:5px;	background-color: #036;	color: #fff;}
div.iconBorder2 a:hover, div.iconBorder2 a:active{	border: 1px solid #000;	display: block;	text-decoration:none;	background-color: #FFF;	color: #000;}
div.iconBorder3 a:link, div.iconBorder3 a:visited{	display: block;	border: 1px solid #000;	text-decoration:none;	padding:5px;	background-color: #030;	color: #fff;}
div.iconBorder3 a:hover, div.iconBorder3 a:active{	border: 1px solid #000;	display: block;	text-decoration:none;	background-color: #FFF;	color: #000;}
div.iconBorder4 a:link, div.iconBorder4 a:visited{	display: block;	border: 1px solid #000;	text-decoration:none;	padding:5px;	background-color: #606;	color: #fff;}
div.iconBorder4 a:hover, div.iconBorder4 a:active{	border: 1px solid #000;	display: block;	text-decoration:none;	background-color: #FFF;	color: #000;}
div.iconBorder5 a:link, div.iconBorder5 a:visited{	display: block;	border: 1px solid #000;	text-decoration:none;	padding:5px;	background-color: #069;	color: #fff;}
div.iconBorder5 a:hover, div.iconBorder5 a:active{	border: 1px solid #000;	display: block;	text-decoration:none;	background-color: #FFF;	color: #000;}
div.iconBorder6 a:link, div.iconBorder6 a:visited{	display: block;	border: 1px solid #000;	text-decoration:none;	padding:5px;	background-color: #C03;	color: #fff;}
div.iconBorder6 a:hover, div.iconBorder6 a:active{	border: 1px solid #000;	display: block;	text-decoration:none;	background-color: #FFF;	color: #000;}
div.iconBorder7 a:link, div.iconBorder7 a:visited{	display: block;	border: 1px solid #000;	text-decoration:none;	padding:5px;	background-color: #666;	color: #fff;}
div.iconBorder7 a:hover, div.iconBorder7 a:active{	border: 1px solid #C03;	display: block;	text-decoration:none;	background-color: #FFF;	color: #000;}
/* END of  -  TALES of Animals in WAR "Block Menu" */


.noBullet{	list-style-type: none;}
.orderedListSpaced {margin: 0 0 0 1em;	padding: 0;	}
.orderedListSpaced li {margin: 1em 0;	padding:5px 0 5px 25px;	background: url(/images/feed.png) no-repeat 0% 50%;	font-weight:700;	}
#slideshow a{color: #000000;	text-decoration: none;	padding: 2px;}
#slideshow a:hover{	color: #FFFFFF;	background-color: #006699;	padding: 2px;}
ul#navlist{list-style: none;padding: 0;margin: 0 auto;width: 100%;}
ul#navlist li{display: block;float: left;width: 30%;margin: 0;padding: 0;}
ul#navlist li a{display: block;padding: 0.5em;border-width: 1px;border-color: #ffe #aaab9c #ccc #fff;border-style: solid;color: #fff;text-decoration: none;background: #069;}
#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li a:hover{color: #000;background: #ffc;border-color: #333 #ededed #fff #999;}


/* bread crumb trail  formatting */
a.stringnav:hover {	color:#FFF;	text-decoration: none;	background:#000; padding:3px;}
.stringnav {	color:#000;	font-size:85%;	padding:3px;}


/* A-Z INDEX PAGE*/
.az{font-size: 1.4em;	background-image: url(../images/az-bg.jpg);	background-repeat: no-repeat;	height: 195px;	width: 185px;	background-position: center top;}
.az_link{border: 1px solid #ccc;text-decoration: none;float:left;display: block;}
div.az a{opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.70;color: #5a7998;font-weight: bold;background-color: #fff;display: block;	width: 17px;height:20px;}
div.az a:hover{color: #FFF;background-color: #1c3764;text-decoration:none;display: block;}
.horizBg{background-image: url(../images/horiz-bg.jpg);background-repeat: repeat-x;height: 40px;background-position: left top;}


div.index-info ul{ list-style: none; margin:0; padding:0;}
div.index-info li{padding-bottom:3px; padding-left:7px;}
div.index-info h1{font-size:190%;}
div.index-info h2{margin:0px;padding:5px;margin-bottom:5px;margin-right: 10px;font-size:130%;}
.icon1{ background-image:url(../images/main/information-for/icon-bg.jpg); width:582px; height:50px; margin-top:10px; background-repeat:no-repeat; }
div.featureStory h1 a:link, div.featureStory h2 a:link, div.featureStory h1 a:active, div.featureStory h2 a:active, div.featureStory h1 a:visited, div.featureStory h2 a:visited{color: #000;}
div.featureStory h1 a:hover, div.featureStory h2 a:hover{color: #069;text-decoration: none;background-color: #FFFFFF;}
blockquote{ color:#333; font-style:italic;} 

/* small black arrow for bullet as seen here http://www.vac-acc.gc.ca/youth/sub.cfm?source=activities/timelines */
ul.list_arrow li{	list-style-image:url(/images/main/arrow_bullet.png)}