/* ********************************************* REGULAR GRID ********************************************* */

/* Row 1 */
.header {grid-area: header;
 -ms-grid-row: 1;
 -ms-grid-column: 1;
 -ms-grid-column-span: 3;
 background:url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/header.png);
 background-repeat: no-repeat;
 background-position: left;
 height:550px;
 }

/* Row 2 */

.left_empty1 { grid-area: left_empty1;
 -ms-grid-row: 2;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;}

.nav { grid-area: nav;
 -ms-grid-row: 2;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;
 margin-top:20px;
 margin-bottom:20px;
   	 }

.right_empty1 { grid-area: right_empty1;
 -ms-grid-row: 2;
 -ms-grid-column: 3;
 -ms-grid-column-span: 1;}

/* Row 3 */
.left_dots1 { grid-area: left_dots1;
 -ms-grid-row: 3;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 height:auto;
 background-image:url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/dots_horizontal.png);
 background-repeat: repeat;
 margin-top:75px;}
 

.parl_lib_message { grid-area: parl_lib_message;
 -ms-grid-row: 3;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;

 }

.right_dots1 { grid-area: right_dots1;
 -ms-grid-row: 3;
 -ms-grid-column: 3;
 -ms-grid-column-span: 1;
 margin-top:75px;
  height:auto;
 background-image:url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/dots_horizontal.png);
 background-repeat: repeat;
}

 .left_dots1, .parl_lib_message, .right_dots1 {margin-bottom:50px;}
 
/* Row 4 */
.left_dots2 { grid-area: left_dots2;
 -ms-grid-row: 4;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
   background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/lib_num_left.png);
    background-position: top right;
    background-repeat: no-repeat;
  background-color: #d8f4fb ;
  margin-left: -6000px;
 /*height:auto;
 background-image:url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/dots_horizontal.png);
 background-repeat: repeat;*/
}

.library_numbers { grid-area: library_numbers;
 -ms-grid-row: 4;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;
     background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/lib_num_main_bg.png), url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/lib_num_dots.png);
    background-position: top, bottom;
    background-repeat: no-repeat, no-repeat;
	/*background-attachment: fixed, scroll; */
 background-color: #d8f4fb;
 padding-top:130px;}

.right_dots2 { grid-area: right_dots2;
 -ms-grid-row: 4;
 -ms-grid-column: 3;
 -ms-grid-column-span: 1;
    background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/lib_num_right.png);
    background-position: top left;
    background-repeat: no-repeat;
  background-color: #d8f4fb;
    margin-right: -6000px;
/* height:auto;
 background-image:url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/dots_horizontal.png);
 background-repeat: repeat;*/
}

/* Row 5 */
.left_dots3 { grid-area: left_dots3;
 -ms-grid-row: 5;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/dots_rounded.png);
 background-position: center;
 background-repeat: no-repeat;
}

.strategic_outlook { grid-area: strategic_outlook;
 -ms-grid-row: 5;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;
 }
 
.right_empty2 { grid-area: right_empty2;
 -ms-grid-row: 5;
 -ms-grid-column: 3;
 -ms-grid-column-span: 1;}

/* Row 6 */
.divider1 { grid-area: divider1;
 -ms-grid-row: 6;
 -ms-grid-column: 1;
 -ms-grid-column-span: 3;
  margin-top:75px;
  margin-bottom:10px;
  height:136px;
 background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/divider_1.png);
  background-position: center;
 background-repeat: no-repeat;}
  
  
/* Row 7 */
 .left_empty2 { grid-area: right_empty2;
 -ms-grid-row: 7;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;}
 
.services { grid-area: services;
 -ms-grid-row: 7;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;
 }
 
.right_empty4 { grid-area: right_empty4;
 -ms-grid-row: 7;
 -ms-grid-column: 3;
 -ms-grid-column-span: 1;}

/* Row 8 */
.left_dots4 { grid-area: left_dots4;
 -ms-grid-row: 8;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 margin-top:40px;
background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/about_bg_left.png);
 background-repeat: no-repeat;
}

.about { grid-area: about;
 -ms-grid-row: 8;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;
 margin-top:40px;
 padding: 60px 60px 0px 60px;
 background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/about_bg.png);
 background-repeat: no-repeat;
 
}

.right_dots3 { grid-area: right_dots3;
 -ms-grid-row: 8;
 -ms-grid-column: 3;
 -ms-grid-column-span: 1;
 margin-top:40px;
background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/about_bg_right.png);
 background-repeat: no-repeat;
}

 
/* Row 9 */
.divider2 { grid-area: divider2;
 -ms-grid-row: 9;
 -ms-grid-column: 1;
 -ms-grid-column-span: 3;
 margin-top:75px;
   margin-bottom:10px;
   height:136px;
  background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/divider_2.png);
  background-position: center;
 background-repeat: no-repeat;}

/* Row 10 */
  
.left_empty3 { grid-area: left_empty3;
 -ms-grid-row: 10;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;}
 
.financial_info { grid-area: financial_info;
 -ms-grid-row: 10;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;
 }

 .right_empty5 { grid-area: right_empty5;
 -ms-grid-row: 10;
 -ms-grid-column: 3;
 -ms-grid-column-span: 1;}
 
/* Row 11 */
.footest { grid-area: footest;
padding: 100px 0px 0px 50px;
 -ms-grid-row: 11;
 -ms-grid-column: 1;
 -ms-grid-column-span: 3;
 background-color:pink;
 margin-top:50px;
 height:500px;
  background:url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/footer.png);
   background-repeat: no-repeat;
}

/* DOTS */

/*
.divider1, .divider2 {
height:125px;
margin-top:15px;
 background-image:url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/dots_vertical.png);
 background-repeat: repeat-x;
}*/

/*Content padding*/

.parl_lib_message, .strategic_outlook, .services, .financial_info {
padding: 0px 60px 0px 60px;
}

/* MAIN GRID */
#annual_report_grid {
clear:both;
margin: 0px auto 0px auto;
  display: grid;
  display: -ms-grid; /* For IE*/
  grid-template-areas:
  	'header header header'
    'left_empty1 nav right_empty1'
	'left_dots1 parl_lib_message right_dots1'
    'left_dots2 library_numbers right_dots2'
    'left_dots3 strategic_outlook right_empty2'
    'divider1 divider1 divider1'
    'left_empty2 services right_empty4'
    'left_dots4 about right_dots3'
    'divider2 divider2 divider2'
	'left_empty3 financial_info right_empty5'
    'footest footest footest';
  grid-gap: 0px;
  /*padding: 15px;*/
 -ms-grid-columns: 125px 920px 125px; /* FOR IE*/
  grid-template-columns: 125px 920px 125px;
  /*width:1170px;*/
  max-width: 1170px;
}










/* ********************************************* MOBILE GRID ********************************************* */
@media (max-width: 500px) {
 
  
  /* Row 1 */
.header {grid-area: header;
 -ms-grid-row: 1;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 background:url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/header_mobile.png);
 background-repeat: no-repeat;
 background-position: center;
 height:780px;
 width:100%;
 }

/* Row 2 */
.nav { grid-area: nav;
 -ms-grid-row: 2;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 margin-top:20px;
 margin-bottom:20px;
}

/* Row 3 */
.parl_lib_message { grid-area: parl_lib_message;
 -ms-grid-row: 3;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 margin-bottom:50px;
 /*background-color:#ffffff;*/
 }

 
/* Row 4 */
.library_numbers { grid-area: library_numbers;
 -ms-grid-row: 4;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
     background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/lib_num_main_bg.png), url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/lib_num_dots.png);
    background-position: top, bottom;
    background-repeat: no-repeat, no-repeat;
	/*background-attachment: fixed, scroll; */
 background-color: #d8f4fb;
 padding-top:130px;}

/* Row 5 */
.strategic_outlook { grid-area: strategic_outlook;
 -ms-grid-row: 5;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 }

/* Row 6 */
.divider1 { grid-area: divider1;
 -ms-grid-row: 6;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
  margin-top:75px;
  margin-bottom:10px;
  height:136px;
 background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/divider_1.png);
 background-repeat: no-repeat;}
  
  
/* Row 7 */
.services { grid-area: services;
 -ms-grid-row: 7;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 }

/* Row 8 */
.about { grid-area: about;
 -ms-grid-row: 8;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 padding: 30px 60px 0px 30px;
 background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/about_mobile.png);
 background-position: center top;
 background-repeat: no-repeat;
   margin-top:50px;

}
 
/* Row 9 */
.divider2 { grid-area: divider2;
 -ms-grid-row: 9;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 margin-top:75px;
   margin-bottom:10px;
   height:136px;
  background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/divider_2.png);
 background-repeat: no-repeat;}

/* Row 10 */
.financial_info { grid-area: financial_info;
 -ms-grid-row: 10;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 }
 
/* Row 11 */
.footest { grid-area: footest;
 -ms-grid-row: 11;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 margin-top:50px;
 height:500px;
  background:url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/footer.png);
   background-repeat: no-repeat;
}


h1 {
margin-right:auto;
margin-left:auto;
top:225px;
left:0px;
}

hr.header_hr, hr.header_hr_fr
{ 
margin-right:auto;
margin-left:auto;
top:248px;
left:-10px;
}


/* For EDGE */
@supports (-ms-ime-align:auto) {

hr.header_hr, hr.header_hr_fr { left:-15px; }
}





.left_dots1, .left_dots3, .left_dots4, .right_dots1, .right_dots2, .right_dots3 { background-image: none;
display:none;}

#annual_report_grid {
margin-right: auto;
margin-left:auto;
  display: grid;
  display: -ms-grid; /* For IE*/
  grid-template-areas:
  	'header'
    'nav'
	'parl_lib_message'
    'library_numbers'
    'strategic_outlook'
    'divider1'
    'services'
    'about'
    'divider2'
	'financial_info'
    'footest';
  grid-gap: 0px;
  /*padding: 15px;*/
 -ms-grid-columns: 100%; /* FOR IE*/
  grid-template-columns: 100%;
  /*width:1170px;*/
  max-width: 100%;
 }

/*Content padding*/

.parl_lib_message, .strategic_outlook, .services, .about, .financial_info {
padding: 0px 10px 0px 10px;
margin-right:auto;
margin-left:auto;
width:90%;}
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* ********************************************* TABLET GRID ********************************************* */

@media (min-width: 501px) and (max-width: 995px) {

  /* Row 1 */
.header {grid-area: header;
 -ms-grid-row: 1;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 background:url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/header.png);
 background-repeat: no-repeat;
 background-position: center;
 }

/* Row 2 */
.nav { grid-area: nav;
 -ms-grid-row: 2;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 margin-top:20px;
 margin-bottom:20px;
}

/* Row 3 */
.parl_lib_message { grid-area: parl_lib_message;
 -ms-grid-row: 3;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 margin-bottom:50px;
 /*background-color:#ffffff;*/
 }

 
/* Row 4 */
.library_numbers { grid-area: library_numbers;
 -ms-grid-row: 4;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
     background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/lib_num_main_bg.png), url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/lib_num_dots.png);
    background-position: top, bottom;
    background-repeat: no-repeat, no-repeat;
	/*background-attachment: fixed, scroll; */
 background-color: #d8f4fb;
 padding-top:130px;}

/* Row 5 */
.strategic_outlook { grid-area: strategic_outlook;
 -ms-grid-row: 5;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 }

/* Row 6 */
.divider1 { grid-area: divider1;
 -ms-grid-row: 6;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
  margin-top:75px;
  margin-bottom:10px;
  height:136px;
 background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/divider_1.png);
 background-repeat: no-repeat;}
  
  
/* Row 7 */
.services { grid-area: services;
 -ms-grid-row: 7;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 }

/* Row 8 */
.about { grid-area: about;
 -ms-grid-row: 8;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 padding: 60px 60px 0px 60px;
 background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/about_mobile.png);
 background-position: center top;
  background-repeat: no-repeat;
  margin-top:50px;
}
 
/* Row 9 */
.divider2 { grid-area: divider2;
 -ms-grid-row: 9;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 margin-top:75px;
   margin-bottom:10px;
   height:136px;
  background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/divider_2.png);
 background-repeat: no-repeat;}

/* Row 10 */
.financial_info { grid-area: financial_info;
 -ms-grid-row: 10;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 }
 
/* Row 11 */
.footest { grid-area: footest;
 -ms-grid-row: 11;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 margin-top:50px;
 height:500px;
  background:url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/footer.png);
   background-repeat: no-repeat;
}

.left_dots1, .left_dots3, .left_dots4, .right_dots1, .right_dots2, .right_dots3 { background-image: none;
display:none;}


h1 {
margin-right:none;
margin-left:7%;
top:125px;
left:0px;
}

hr.header_hr, hr.header_hr_fr
{ 
display:none;
/*margin-right:none;
margin-left:7%;
top:145px;
left:0px;*/
}

/* For EDGE */
@supports (-ms-ime-align:auto) {

hr.header_hr, hr.header_hr_fr {display:none; }
}

/* For IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

hr.header_hr, hr.header_hr_fr {display:none!important; }

}


#annual_report_grid {
margin: 0px auto 0px auto;
  display: grid;
  display: -ms-grid; /* For IE*/
   grid-template-areas:
  	'header'
    'nav'
	'parl_lib_message'
    'library_numbers'
    'strategic_outlook'
    'divider1'
    'services'
    'about'
    'divider2'
	'financial_info'
    'footest';
  grid-gap: 0px;
  /*padding: 15px;*/
 -ms-grid-columns: 100%; /* FOR IE*/
  grid-template-columns: 100%;
  /*width:1170px;*/
  max-width: 100%;
}

.parl_lib_message, .strategic_outlook, .services, .about, .financial_info {
padding: 0px 20px 0px 20px;
margin-right:auto;
margin-left:auto;
width:80%;}
 }