html {
	overflow-x: hidden;
}

#wem_annual_report {
	margin: 0px;
	padding: 0px;
    font-family: Whitney_book, "Lucida Grande", Tahoma, Sans-Serif;
	font-size:1.1em;
	line-height:1.6em;
}

/* ****************************************** FONTS ****************************************** */


h1 {
	font-family: Whitney_book, arial, "Lucida Grande", Sans-Serif;
	font-size: 2.8em;
	padding: 5px 0px 0px 0px;
	margin: 20px 0px;
	line-height: 100%;
	color: #ffffff;
	text-transform: uppercase;
	text-align: left;
	text-align: -moz-left;
	height:290px;
	width:240px;
	position:relative;
	top:125px;
	left:215px;
}

hr.header_hr
{ 	border-top: 2px #50a5ff solid;
	position:relative;
	width:208px;
	top:146px;
	left:215px;
margin:0px 0px -5px 0px;
}

hr.header_hr_fr
{ 	border-top: 2px #50a5ff solid;
	position:relative;
	width:235px;
	top:146px;
	left:215px;
margin:0px 0px -5px 0px;
}

/* For EDGE */
@supports (-ms-ime-align:auto) {

hr.header_hr { left:-265px; }

hr.header_hr_fr { left:-260px; }

}

/* For IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
hr.header_hr { left:-265px;}

hr.header_hr_fr { left:-260px;}

h1 {font-size:2.8em;}
}

.h1_bigger {
	font-size: 2.3em;
	line-height: 110%;
	font-family: Whitney_book;
}

h2 {
	font-family: Whitney_condensed_medium;
	font-weight: normal;
	font-size: 3em;
	margin: 1.1em 0px .5em 0px;
	padding: 0px;
	line-height: 100%;
	color: #2F4F8E;
	text-align: center;
	text-transform: uppercase;
}

.h2_special {
	line-height: 0.2em;
}

.h2_special_a {
line-height: 100%;
}

h3 {
	font-family: Whitney_book;
	font-size: 2.2em;
	line-height: 1.1em;
	margin: 40px 0px 15px 0px;
	padding: 0px;
	color: #231f20;
	text-align: left;
	font-weight: normal;
}

h4 {
	font-family: Whitney_semibold;
	font-size: 1.25em;
	margin: 40px 0px 15px 0px;
	padding: 0px;
	color: #305090;
	line-height: 1.2em;
	text-align: left;
	font-weight:normal;
	text-shadow: 0 0 black;
}

h5 {
	font-family: Whitney_semibold;
	font-size: 1.1em;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	line-height: 100%;
	color: #221f20;
	text-align: left;
}

h6 {
	font-family: Source Sans Pro;
	font-weight: bold;
	font-size: 12pt;
	margin: 0px;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 0px;
	line-height: 100%;
	color: #221f1f;
	text-align: left;
	text-transform: uppercase;
}

        @media (max-width: 500px) {
        
        h2 {font-size: 2.2em;}

        h3 {font-size: 1.6em;}

        h4 {font-size: 1.25em;}

        h5 {font-size: 1.1em;}

       }

p {
	margin: 0px;
	margin-top: 12px;
	/*margin-bottom: 12px;*/
	padding: 0px;
	color: #231f20;
}


a, a:visited, a:focus, a:link, a:hover, a:active {
	color: #1448dd;
	}

a:hover {
	text-decoration: underline;
}

@font-face {
    font-family: Whitney_book;
    src: url("/staticfiles/PublicWebsite/assets/css/AnnualReport2017-2018/WhitneySSm-Book-Pro.otf"), url("/staticfiles/PublicWebsite/assets/css/AnnualReport2017-2018/WhitneySSm-Book-Pro.eot");
}

@font-face {
    font-family: Whitney_condensed_medium;
    src: url("/staticfiles/PublicWebsite/assets/css/AnnualReport2017-2018/WhitneyCondSSm-Medium.otf"),
	url("/staticfiles/PublicWebsite/assets/css/AnnualReport2017-2018/WhitneyCondSSm-Medium.eot");
    font-weight: bold;
}

@font-face {
    font-family: Whitney_semibold;
    src: url("/staticfiles/PublicWebsite/assets/css/AnnualReport2017-2018/WhitneySSm-Semibold-Pro.otf"),
	url("/staticfiles/PublicWebsite/assets/css/AnnualReport2017-2018/WhitneySSm-Semibold-Pro.eot");
 }


.highlight {background-color:yellow;}

.txt_centered {text-align: center;
text-align: -moz-center;}

.txt_left {text-align: left;
text-align: -moz-left;}

.txt_right {text-align: right;
text-align: -moz-right;}

.txt_light_blue {color:#50a5ff;}

.text_light_blue2 {color: #8bceed;} /* A slightly lighter light blue for the infographs. */

.txt_medium_blue {color:#2f4f8e;}

.txt_medium_blue2 {color: #279ec8;} /* This one is a bit greener and used in the infographs. */

.txt_dark_blue {color:#233a74;}

.txt_dark_grey {color:#414042;}

.txt_gold {
	color:#f7b213;
	font-family: Whitney_semibold;}

.txt_greenish_blue {color: #008680;}

.txt_medium_small1 {font-size:0.90em;}

.txt_medium_small2 {font-size:0.95em;}

.txt_small {font-size:0.85em;}

.txt_smaller {font-size:0.75em;
/*line-height:0.8em;*/}

.txt_smallest {font-size:0.5em;
line-height:0.8em;}

.txt_big {font-size:1.5em;}
 
.txt_bigger {font-size:2em;}

.txt_remove_all_caps {	text-transform: none;}

.txt_whitney_book {font-family: Whitney_book;}

.txt_whitney_condensed_medium {font-family: Whitney_condensed_medium;}

.txt_whitney_semibold {font-family: Whitney_semibold;}

.txt_large_numbers {font-size: 3em;
color:#233a74;
font-family: Whitney_book;
font-weight:bold;
}

.txt_narrow {letter-spacing:-4.5px;}

.txt_justified {  text-align: justify;}

.txt_narrow_light {letter-spacing:-0.5px;}

.txt_line_height_narrow {line-height:1.15em !important;}

ul {color: #231f20;}


.parl_lib_message li, .library_numbers li, .strategic_outlook li, .services li, .about li, .financial_info li {padding-bottom:10px;}

ol {
    color: #2f4f8e;
	font-weight:bold;
}

ol li .txt_normal {color:black;
font-weight:normal;}

ol.notes_ol {color:#231f20;
font-weight:normal;}

sup.sup_notes {margin-left:2px;}

sup.sup_notes_fr {margin-left:4px;}


/* ****************************************** FOOTER ****************************************** */

/* Renamed the footer div "footest" for WEM, don't ask.  */
.footer_text {position: relative;
top: 20px;
left: 20px;
width:500px;
font-size: 0.9em;}

.footest a {
	color: #FFFFFF;
	border-left: 8px #ffffff solid;
	padding-left: 15px;
	text-transform: uppercase;
	line-height: 15px;
	margin-left: 5px;
	display: inline-block;

}

.footest a:hover span  {
	text-decoration: underline;
}

.space_footer {
	height: 20px;
}

.space_footer_2 {
	height: 27px;
}

.footer_img_style_1 .space_footer {
	height: 8px;
}

.footer_text_margin_fix {
	margin-top: -8px;
}

@media only screen and (max-width: 1170px) {
	.main_sections_footer {
		background-image: url(../images/footer_image_mobile.jpg);
		background-position: top left;
		height: 554px;
		width: 100%;
		margin: auto;
	}

	.footer_padding {
		margin-left: 20px;
	}
}
.space_footer {
	height: 20px;
}

.space_footer_2 {
	height: 27px;
}

.footer_img_style_1 .space_footer {
	height: 8px;
}

.footer_text_margin_fix {
	margin-top: -8px;
}

@media only screen and (max-width: 1170px) {
	.main_sections_footer {
		background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/footer_image_mobile.jpg);
		background-position: top left;
		height: 554px;
		width: 100%;
		margin: auto;
	}

	.footer_padding {
		margin-left: 20px;
	}
}

/* ****************************************** READ MORE ****************************************** */

.read_more_main {
	max-height: 275px;
	position: relative;
	overflow: hidden;
}

.read_more { 
	position: absolute; 
	bottom: 0; 
	left: 0;
	width: 100%; 
	text-align: left;
	margin: 0;
	padding: 100px 0px 0px 0px; 
	background-image: -webkit-linear-gradient(transparent, white 80%);
	background-image: -o-linear-gradient(transparent, white 80%);
	background-image: linear-gradient(transparent, white 80%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgba(255, 255, 255, 0)),
		color-stop(0.8, rgba(255, 255, 255, 100)));
}

.read_more_button {
	background-color: none;
}

.read_more a, .read_more a:active, .read_more a:hover, .read_more a:visited {
	color: #27a5dc;
	font-weight: normal;
	text-decoration: none;
}

.read_more a:hover {
	text-decoration: underline;
}

.read_notes_main {
	max-height: 30px;
	position: relative;
	overflow: hidden;
}

.read_notes { 
	position: absolute; 
	bottom: 0; 
	left: 0;
	width: 100%; 
	text-align: left;
	margin: 0px !important;
	padding: 30px 0px 10px 0px !important;
	background-color: #FFFFFF !important;
}

.read_notes_button {
	background-color: none;
}

.read_notes a, .read_notes a:active, .read_notes a:hover, .read_notes a:visited {
	font-weight: normal;
	text-decoration: none;
	font-family: Source Sans Pro;
	font-size: 12pt;
	line-height: 100%;
}

.read_notes a:hover {
	text-decoration: underline;
}

.wow {
	background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/wow.png);
	margin: 20px 0px 20px 0px;
	padding: 0px;
	height: 43px;
	background-position: center center;
}


/* ******************************************************************************************************* */
/* ****************************************** BEGINNING OF NAV ****************************************** */
/* ****************************************************************************************************** */

/* ********************************************* DESKTOP NAV ******************************************** */
.main_sections_bg_nav {
	/*background-color: #F2F2F2;*/
	height: 45px;
}


.main_sections_bg_fade {
	z-index: 9998;
}

.main_sections_bg_nav_fixed {
	top: 0;
	position: fixed;
-webkit-box-shadow: 0px 0px 7px 2px rgba(133,133,133,0.55);
-moz-box-shadow: 0px 0px 7px 2px rgba(133,133,133,0.55);
box-shadow: 0px 0px 7px 2px rgba(133,133,133,0.55); 
	width:920px;
		}

.main_sections_nav {
	height: 45px;
	z-index: 9999;	
	/*background-image: none;
	background-repeat: repeat-y;*/
	background-color:#ffffff;
	width:920px;
	}

.main_sections_nav ul {
list-style-type: none;
margin: 0 auto 0 auto;
padding: 10;
max-width:920px;
font-family: Whitney_semibold;
}
.main_sections_nav ul li {
	float: left;
	width:auto;
	background-color: #ffffff;
}


/* Regular nav items */
.main_sections_nav ul li a {
	/*width: 100px;*/
	display: block;
	line-height: 45px;
	text-decoration: none;
    text-transform:uppercase;
	color: #2F4F8E;
	font-size: 18px;
	-webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
}

/* The period between nav items*/
.main_sections_nav ul li a:after {content:'\00B7';
color: #50a5ff;
padding:15px;
font-weight:bold;}

/* Formatting for PDF link in the nav */
.main_sections_nav ul li a.nav_nodot {color:#484848;
font-family: Whitney_book;
font-size:0.9em;
font-weight:normal;
text-transform:none;}

/* Removes the dot after the PDF link in the nav */
.main_sections_nav ul li a.nav_nodot:after {content:none;}

.test_line img {margin-top:5px;}

.main_sections_nav ul li a:hover {
	/*background-color: #a3a3a3;*/
	color:orange;
	/*background-color: #FFFFFF;
	color: #000000;*/
}

.active {
	background-color: #666666;
}


.main_sections_nav_wider img {
	margin: 0px 5px;
	padding: 0px;
	line-height: 45px;
	vertical-align: middle;
}



@media only screen and (max-width: 995px) {
	.hide_on_mobile {
		display: none;
	}
}

@media only screen and (min-width: 996px) {
	.hide_on_desktop {
		display: none;
	}
	
}

/* ********************************************** MOBILE NAV ******************************************** */

.nav_mobile .main_sections_bg_nav {
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
	background-color:#182e50;
	padding-top:5px;
	height:55px;
}

	
.nav_mobile .main_sections_bg_nav_fixed {
	top: 0;
	position: fixed;
	background-color:#182e50;
	-webkit-box-shadow: 0px 0px 7px 2px rgba(133,133,133,0.55);
	-moz-box-shadow: 0px 0px 7px 2px rgba(133,133,133,0.55);
	box-shadow: 0px 0px 7px 2px rgba(133,133,133,0.55); 
	width:100%;
}

.nav_mobile .main_sections_nav {
	height: 45px;
	z-index: 9999;	
	background-color:#182e50;
	width:100%;
	}

.nav_mobile .main_sections_nav ul {
list-style-type: none;
margin: 0 auto 0 auto;
padding: 0px;
max-width:100%;
font-family: Whitney_book;
}

.nav_mobile .main_sections_nav ul li {
display:block;
padding: 0px;
width:100%;
background-color: #182e50; 	}

/* Regular nav items */
.nav_mobile .main_sections_nav ul li a {
	/*width: 100px;*/
	display: block;
	line-height: 45px;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
	color: #ffffff;
	font-size: .8em;
	-webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
}

/* The period between nav items*/
.nav_mobile .main_sections_nav ul li a:after {content:none;}

/* Formatting for PDF link in the nav */
.nav_mobile .main_sections_nav ul li a.nav_nodot {color:#484848;
font-family: Whitney_book;
font-size:0.9em;
font-weight:normal;}

/* Removes the dot after the PDF link in the nav */
.nav_mobile .main_sections_nav ul li a.nav_nodot:after {content:none;}


.nav_mobile .main_sections_nav ul li a:hover {color:orange;}

.nav_mobile .active { background-color: #666666;}

.nav_mobile .main_sections_nav_wider img {
	margin: 0px 5px;
	padding: 0px;
	line-height: 45px;
	vertical-align: middle; }

/* Prevent the PDF link from being uppercase. */
.nav_mobile .main_sections_nav_wider {text-transform:none;}

/*-----------------------*/

.mobile_menu_toggler {width:100%;
height:45px;}

.mobile_menu_toggler a { margin-top:0px;
padding-top:0px;
}

@media only screen and (max-width: 995px) {
	.main_sections_nav ul {
		width: 100%;
		text-align: center;
	}
	.main_sections_nav ul li {
		width: 100%;
		clear: both;
		cursor: pointer;
	}
	.main_sections_nav ul li a {
		width: 100%;
		border-top-color: #231f20;
		border-top-style: solid;
		border-top-width: 1px;
	}
}


/* ******************************************************************************************************* */
/* ********************************************* END OF NAV ********************************************** */
/* ****************************************************************************************************** */


.back-to-top {
	background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/back_to_top1.png);
	background-repeat: no-repeat;
    background-position: 50% 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    text-decoration: none;
    padding: 25px;
    display: none;
	z-index: 9999999;
}

.back-to-top:hover {    
    background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/back_to_top2.png);
}

@media only screen and (max-width: 1170px) {
	.back-to-top {
		bottom: 15px;
    	right: 15px;
	}
}

.sr_only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

.nowrap {
	white-space: nowrap;
}

.bold {
	font-weight: bold;
}

sup {
	font-size: 70%;
	line-height: 70%;
	
}

.top_include_content_area {
	height: 160px;
}

abbr {
	text-decoration: none !important;
	border-bottom: 0px !important;
	cursor: help;
}

.collapse {
	display: none;
}
.collapse.in {
	display: block;
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility;
	-webkit-transition-duration: 0.75s;
	-o-transition-duration: 0.75s;
	transition-duration: 0.75s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

.outdent {
	font-family: Source Sans Pro;
	font-weight: bold;
	font-size: 12pt;
	margin: 0px;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: -50px;
	padding: 0px;
	line-height: 100%;
	color: #231f20;
	text-align: left;
	text-transform: uppercase;
}

.donuts_1 {
	width: 780px;
	height: 234px;
	margin: 0px;
	padding: 0px;
}

.donuts_2 {
	width: 780px;
	height: 316px;
	margin: 0px;
	padding: 0px;
}

.donuts_1 img, .donuts_2 img {
	position: absolute;
	margin: 0px;
	padding: 0px;
}

.donut_1_lines {
	margin: 0px;
	padding: 0px;
	margin-top: -234px;
}

.donut_2_lines {
	margin: 0px;
	padding: 0px;
	margin-left: -316px;
}

.donut_1_text_position {
	margin: 0px;
	padding: 0px;
	position: absolute;
	margin-left: 615px;
	margin-top: 15px;
}

.donut_2_text_position {
	margin: 0px;
	padding: 0px;
	position: absolute;
	margin-left: 615px;
	margin-top: 23px;
}

.donut_2_text_position_b {
	margin: 0px;
	padding: 0px;
	position: absolute;
	margin-left: 56px;
	margin-top: 157px;
}

.donuts_text {
	font-family: Source Sans Pro;
	font-weight: bold;
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	line-height: 120%;
	color: #231f20;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 38px;
}

.notes {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	width: 100%;
}

.notes p {
	font-size:0.9em;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	color: #231f20;
}

.notes {font-size:0.8em;
line-height: 1.1em;
font-family: Whitney_book;
}

.donuts_mobile {
	text-align: center;
	width: 320px;
	margin: auto;
}

.donuts_mobile p {
	font-family: Source Sans Pro;
	font-weight: bold;
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	line-height: 120%;
	color: #231f20;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 5px;
	float: left;
}

.spending_trends_desktop {
	text-align: center;
	width: 100%;
}

.spending_trends_mobile {
	text-align: center;
	max-width: 425px;
	margin: auto;
}

.spending_trends_desktop p {
	font-family: Source Sans Pro;
	font-weight: bold;
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	line-height: 120%;
	color: #231f20;
	text-transform: none;
	text-align: left;
	margin-bottom: 5px;
	float: left;
}

.spending_trends_desktop .legend_block_1, .spending_trends_desktop .legend_block_3, .spending_trends_desktop .legend_block_5 {
	margin-left: 75px;
}

@media only screen and (max-width: 1170px) {
	.spending_trends_desktop .legend_block_1, .spending_trends_desktop .legend_block_3, .spending_trends_desktop .legend_block_5 {
		margin-left: 20px;
	}
	.notes {
		width: 100%;
		margin: 10px 0px 5px 0px;
	}
}

.total {
	font-size: 10pt;
}

.legend_block_1 {
	width: 20px;
	height: 20px;
	background-color: #73cef4;
	float: left;
	margin-right: 10px;
}

.legend_block_2 {
	width: 20px;
	height: 20px;
	background-color: #006699;
	float: left;
	margin-right: 10px;
}

.legend_block_3 {
	width: 20px;
	height: 20px;
	background-color: #032151;
	float: left;
	margin-right: 10px;
}

.legend_block_4 {
	width: 20px;
	height: 20px;
	background-color: #662d8c;
	float: left;
	margin-right: 10px;
}

.legend_block_5 {
	width: 20px;
	height: 20px;
	background-color: #008f86;
	float: left;
	margin-right: 10px;
}

.legend_block_total {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
}

.space_1 {
	height: 10px;
}

.space_2 {
	height: 20px;
}

.space_3 {
	height: 30px;
}

.space_4 {
	height: 40px;
}

.space_5 {
	height: 50px;
}

.space_7 {
	height: 7px;
}

.reveal {
    overflow: hidden !important;
    position: relative !important;
    display: inline-block !important;
	margin: 0px !important;
	padding: 0px !important;
}

.reveal:after {
    content: " " !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #ffffff !important;
    z-index: 2 !important;
    transition: all 2s ease !important;
}

.reveal.show:after {
    left: 100% !important;
}

.reveal_rtl {
    overflow: hidden !important;
    position: relative !important;
    display: inline-block !important;
	margin: 0px !important;
	padding: 0px !important;
}

.reveal_rtl:after {
    content: " " !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #ffffff !important;
    z-index: 2 !important;
    transition: all 2s ease !important;
}

.reveal_rtl.show:after {
    right: 100% !important;
}



.border_bottom_off {
	border-bottom: none !important;
	padding-bottom: 0px !important;
}

.border_top_off {
	border-top: none !important;
}

.border_right_off {
	border-right: none !important;
}

.border_left_off {
	border-left: none !important;
}

.align_left {
	text-align: left !important;
}

.align_right {
	text-align: right !important;
}

.align_center {
	text-align: center !important;
}

.align_margin_auto {
	margin: auto !important;
}

.text_regular {
	color: #231f20;
	font-weight: normal;
	text-transform: none;
}



img {
    max-width: 100%;
    height: auto;
}

.font_black {
	color: #000000 !important;
}

@media only screen and (max-width: 1170px) {
	.main_sections_financial table {
		font-size: 8pt;
		max-width: 780px;
	}
	.financial_smaller_text {
		font-size: 7pt;
	}
	.main_sections_financial th, .main_sections_financial td {
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.who_we_are_titles {
		width: 100%;
		height: auto;
		float: left;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	.who_we_are_text {
		width: 100%;
		height: auto;
		float: left;
		margin-bottom: 1px;
	}
}


hr {
	border: none;
	height: 1px;
	background-color: #74c5ea;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}

/* ****************************************** SPOTLIGHT ****************************************** */
.spotlight_wrapper1, .spotlight_wrapper2, .spotlight_wrapper3, .spotlight_wrapper4, .spotlight_wrapper4_fr, .spotlight_wrapper5, .spotlight_wrapper6, .spotlight_wrapper7 {
	margin-left: -185px;
	width: 1170px;
	background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/dots_horizontal.png);
	background-position: top right 50px;
    background-repeat: repeat-y;
	padding: 55px 0px;
}

.spotlight {
	width: 920px;
	margin-left: 125px;
	background-color: #FDB813;
}

.spotlight img {
	float: left;
	margin-right: 50px;
}

.spotlight h4, .spotlight p, .spotlight ul {
	/*padding-right: 225px;*/
	padding-right: 75px;
	font-size: 1em;
	line-height: 1.35em;
}

.spotlight h4 {
	padding-top: 50px;
	font-family: Whitney_semibold;
	padding-bottom: 10px;
	text-transform: uppercase;
	color: #231f20;
	font-size: 1.8em;
}

.spotlight p {
	margin: 0px;
	padding-bottom: 20px;
}

.spotlight ul {
	margin: 0px;
	padding: 0px;
	padding-right: 75px;
}


/*.spotlight_wrapper7 ul {overflow:hidden;}*/
/*

.spotlight_wrapper7 ul {
    list-style: outside disc;
    margin-left: 1em;
}
.spotlight_wrapper7 ul li {
    position: relative;
    left: 1em;
    padding-right: 1em;    
}*/




/* This is for IE. Bullets weren't clearing the float. */
.wrapper7_ul_container {position: relative;}
.wrapper7_ul {position: absolute;
width:550px;
display:block;
left:375px;}



.spotlight ul li {
	padding-bottom: 20px;
}


/* Spotlight Tablet */
	@media (max-width: 995px) {
.wrapper7_ul {position: relative;
width:100%;
display:block;
left:15px;}

	.spotlight_wrapper1, .spotlight_wrapper2, .spotlight_wrapper3, .spotlight_wrapper4, .spotlight_wrapper4_fr , .spotlight_wrapper5, .spotlight_wrapper6, .spotlight_wrapper7 {
		/*margin-left: -185px;*/
		width: 100%;
		/*max-width: 1174px;*/
		padding: 220px 0px 0px 0px;
		margin: 50px 0px 50px 0px;
		background-color: #FDB813;
		/*background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/spotlightmobile_apps.png);*/
		background-position: top center;
		background-repeat: no-repeat;
		}

	.spotlight_wrapper1 { background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/spotlightmobile_webcontent.png); }
	.spotlight_wrapper2 { background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/spotlightmobile_counsellor.png); }
	.spotlight_wrapper3 { background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/spotlightmobile_GIS.png); }
	.spotlight_wrapper4 { background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/spotlightmobile_apps.png);}
	.spotlight_wrapper4_fr { background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/spotlightmobile_apps_fr.png);}
	.spotlight_wrapper5 { background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/spotlightmobile_scrapbook.png);}
	.spotlight_wrapper6 { background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/spotlightmobile_poet.png);}
	.spotlight_wrapper7 { background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/spotlightmobile_birthday.png);}
	
	.spotlight_content {
	padding: 0px 0px 20px 30px;
	}
	
	.spotlight {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	/*background-color:green;*/
}
	
	.spotlight h4 {
		padding-top: 0px;
		font-family: Whitney_semibold;
		padding-bottom: 10px;
		text-transform: uppercase;
		color: #231f20;
		font-size: 1.8em;
	}

	.spotlight h4, .spotlight p, .spotlight ul {
	padding-right: 30px;}

	.spotlight h4 {font-size:1.5em;}
	
	.spotlight_wrapper1, .spotlight_wrapper3, .spotlight_wrapper4, .spotlight_wrapper4_fr, .spotlight_wrapper5, .spotlight_wrapper7 {
		margin-bottom: 65px;
	} 
}
	
	
	
	
	
	
	
	


.continue_bg_1 {
	/*margin-left: -25px;*/
	padding-left: 35px;
	background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/continue_reading_button1.png);
	background-repeat: no-repeat;
	background-position: center left;
	text-decoration: none;
}

.continue_bg_1:hover {
	/*margin-left: -25px;*/
	padding-left: 35px;
	background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/continue_reading_button2.png);
	background-repeat: no-repeat;
	background-position: center left;
}

/*.continue_bg_2 {
	margin-left: -25px;
	padding-left: 25px;
	background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/continue_reading_button2.png);
	background-repeat: no-repeat;
	background-position: center left;
}*/

.continue_bg_3 {
font-size:0.8em;
}



@media only screen and (max-width: 1170px) {
	.continue_bg_1 {
		margin-left: 0px;
		padding-left: 35px;
		background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/continue_reading_button1.png);
		background-repeat: no-repeat;
		background-position: center left;
		text-decoration: none;
	}

	.continue_bg_2 {
		margin-left: 0px;
		padding-left: 25px;
		background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/continue_reading_button2.png);
		background-repeat: no-repeat;
		background-position: center left;
	}
	

}
.no_wrap {
	white-space: nowrap;
}

.infographic_1 {
	background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/infographic_tours_bg.jpg);
	width: 408px;
	height: 412px;
	text-align: center;
	margin: 33px 0px 50px 50px;
	float: right;
}

.infographic_1_title {
	background-color: #231f20;
	width: 320px;
	text-align: center;
	margin: auto;
	margin-top: 50px;
	height: 36px;
	clear: both;
}

.infographic_1_title h8 {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	line-height: 36px;
	text-transform: uppercase;
	font-size: 16pt;
}

.infographic_1_main {
	width: 100px;
	text-align: center;
	margin-left: 70px;
	float: left;
	margin-top: -1px;
}

.infographic_1_main p {
	color: #27a3da;
	padding: 0px;
	line-height: 80%;
	font-size: 25pt;
	font-weight: bolder;
}

.main_2 {
	color: #231f20;
	font-size: 18pt;
}

.infographic_1_bubble {
	width: 204px;
	text-align: center;
	float: left;
}

.infographic_1_bubble p {
	color: #FFFFFF;
	padding: 0px;
	line-height: 130%;
	font-size: 12pt;
	font-weight: normal;
}

.bubble_2 {
	font-weight: bold;
	font-size: 16pt;
}

.bubble_3 {
	font-weight: bold;
	color: #231f20;
	font-size: 12pt;
}

@media only screen and (max-width: 1170px) {
	.infographic_1 {
		margin: 0px;
		margin-top: 20px;
	}
	.infographic {
		width: 408px;
		margin: auto;
	}
}

.no_transform {
	text-transform: none;
}

.image_1 {
	float: right;
	margin: 20px 0px 20px 30px;
}

.image_2 {
	float: right;
	margin: 3px 0px 20px 40px;
}

.image_3 {
	float: left;
	margin: 33px 30px 8px 0px;
}

.image_2_text_fix {
	width: 430px;
	float: left;
}

.image_2_image_fix {
	margin-top: 33px;
}

@media only screen and (max-width: 1170px) {
	.image_1 {
		width: 100%;
		text-align: center;
		margin: 15px 0px 20px 0px;
	}

	.image_2 {
		width: 100%;
		text-align: center;
		margin: 15px 0px 20px 0px;
	}

	.image_3 {
		width: 100%;
		text-align: center;
		margin: 15px 0px 20px 0px;
	}

	.image_2_text_fix {
		width: 100%;
		margin: 0px;
	}

	.image_2_image_fix {
		margin: 0px;
		margin-bottom: -30px;
	}
}

.wide_space {
	word-spacing: 2px;
}


/* ****************************************** TABLES ****************************************** */

table {
	/*border: 1px #a7d6f1 solid;*/
	border: 1px #e4e5e5 solid;
	border-spacing: 0px;
    border-collapse: separate;
	/*border-bottom: 5px #a7d6f1 solid;*/
	margin-top: 25px;
}

table.vertical_top td { vertical-align: top;}

table caption {
	text-align: left;
	padding-left: 10px;
	padding-bottom:10px;
	color: #000000;
	font-weight: bold;
	font-size:1.1em;
}

th {
	background-color:#2f4f8d;
	color: #ffcb64;
	border: 1px #e4e5e5 solid;
	padding: 10px;
	font-family: Whitney_book;
	text-transform: uppercase;
	font-size: 1.1em;
	border-bottom: none;
	text-align: left;
}

td {
	border: 1px #e4e5e5 solid;
	padding: 10px 20px 10px 10px;
}

tr.row_total {background-color:#a6d5f0;
font-weight:bold;}

tr.row_mini_total {background-color:#E9F8FF;
font-weight:bold;}

		@media (max-width: 600px) {

		th {
			padding: 5px;
			font-size: 0.9em;
		}

		td {
			padding: 5px;
			font-size: 0.8em;
		}


		}


table.table_library_org {
	border-top: 1px #50a5ff solid;
	border-right: 0px;
	border-bottom: 1px #50a5ff solid;
	border-left: 0px;
}

table.table_library_org td {
	border-top: 1px #e4e5e5 solid;
	border-bottom: 1px #e4e5e5 solid;
	border-right: 0px;
	border-left: 0px;
padding:35px;}

table.table_library_org th {padding:35px;
vertical-align: top;}


/* Financial Information Table */

table.table_budget {
width:100%;
font-size:0.9em;
}

table.table_budget th {
	background-color:#2f4f8d;
	color: #ffcb64;
	padding: 10px;
	font-family: Whitney_book;
text-align: center;
text-align: -moz-center;
text-transform: none;
	font-size: 1.1em;
	text-transform: uppercase;
}

table.table_budget td {
	padding: 10px;
	text-align: right;
text-align: -moz-right;
}

table.table_budget td.txt_left {
	text-align: left;
text-align: -moz-left;
}

table.table_budget th.th_level2 {background-color:#ffffff;
	color: #000000;
	padding: 5px;
	font-family: Whitney_book;
text-align: left;
text-align: -moz-left;
text-transform: none;
	font-size: 1em;}

@media (max-width: 750px) {

table.table_budget {
width:100%;
line-height:1em;
font-size:0.8em;
}

table.table_budget th, table.table_budget td {padding:5px;}

}

	@media (max-width: 600px) {

		table.table_budget {
	width:100%;
	line-height:1.4em;
	font-size:0.5em;
	}

	table.table_budget th, table.table_budget td {padding:5px;}

	}

/* ****************************************** LIBRARY BY THE NUMBERS GRID ****************************************** */

/* Row 1 */
.lop_numbers1-1 {grid-area: lop_numbers1-1;
 -ms-grid-row: 1;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1; }

.lop_numbers1-2 {grid-area: lop_numbers1-2;
 -ms-grid-row: 1;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;}
 
.lop_numbers1-empty {grid-area: lop_numbers1-empty;
 -ms-grid-row: 1;
 -ms-grid-column: 3;
 -ms-grid-column-span: 1; }

.lop_numbers1-3 {grid-area: lop_numbers1-3;
 -ms-grid-row: 1;
 -ms-grid-column: 4;
 -ms-grid-column-span: 1; }

.lop_numbers1-4 {grid-area: lop_numbers1-4;
 -ms-grid-row: 1;
 -ms-grid-column: 5;
 -ms-grid-column-span: 1;}

/* Row 2 */
.lop_numbers2-1 {grid-area: lop_numbers2-1;
 -ms-grid-row: 2;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1; }

.lop_numbers2-2 {grid-area: lop_numbers2-2;
 -ms-grid-row: 2;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1; }
 
.lop_numbers2-empty {grid-area: lop_numbers2-empty;
 -ms-grid-row: 2;
 -ms-grid-column: 3;
 -ms-grid-column-span: 1; }

.lop_numbers2-3 {grid-area: lop_numbers2-3;
 -ms-grid-row: 2;
 -ms-grid-column: 4;
 -ms-grid-column-span: 1; }

.lop_numbers2-4 {grid-area: lop_numbers2-4;
 -ms-grid-row: 2;
 -ms-grid-column: 5;
 -ms-grid-column-span: 1; }



/* Row 3 */
.lop_numbers3-1 {grid-area: lop_numbers3-1;
 -ms-grid-row: 3;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1; }

.lop_numbers3-2 {grid-area: lop_numbers3-2;
 -ms-grid-row: 3;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1; }

.lop_numbers4-empty {grid-area: lop_numbers4-empty;
 -ms-grid-row: 4;
 -ms-grid-column: 3;
 -ms-grid-column-span: 1; }

.lop_numbers3-3 {grid-area: lop_numbers3-3;
 -ms-grid-row: 3;
 -ms-grid-column: 4;
 -ms-grid-column-span: 1; }

.lop_numbers3-4 {grid-area: lop_numbers3-4;
 -ms-grid-row: 3;
 -ms-grid-column: 5;
 -ms-grid-column-span: 1; }


/* Row 4 */
.lop_numbers4-1 {grid-area: lop_numbers4-1;
 -ms-grid-row: 4;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;}

.lop_numbers4-2 {grid-area: lop_numbers4-2;
 -ms-grid-row: 4;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1; }

.lop_numbers4-empty {grid-area: lop_numbers4-empty;
 -ms-grid-row: 4;
 -ms-grid-column: 3;
 -ms-grid-column-span: 1; }

.lop_numbers4-3 {grid-area: lop_numbers4-3;
 -ms-grid-row: 4;
 -ms-grid-column: 4;
 -ms-grid-column-span: 1; }

.lop_numbers4-4 {grid-area: lop_numbers4-4;
 -ms-grid-row: 4;
 -ms-grid-column: 5;
 -ms-grid-column-span: 1; }

.lop_numbers1-1, .lop_numbers1-2, .lop_numbers1-empty, .lop_numbers1-3, .lop_numbers1-4, .lop_numbers2-1, .lop_numbers2-2, .lop_numbers2-empty, .lop_numbers2-3, .lop_numbers2-4, .lop_numbers3-1, .lop_numbers3-2, .lop_numbers3-empty, .lop_numbers3-3, .lop_numbers3-4 /*, .lop_numbers4-1, .lop_numbers4-2, .lop_numbers4-empty, .lop_numbers4-3, .lop_numbers4-4*/ {
margin-bottom:60px;}

.lop_numbers1-1, .lop_numbers1-3, .lop_numbers2-1, .lop_numbers2-3, .lop_numbers3-1, .lop_numbers3-3, .lop_numbers4-1, .lop_numbers4-3 {
margin-right:20px;}


/* Library by the numbers Grid */
#lop_numbers {
margin: 65px auto 150px auto;
display: grid;
display: -ms-grid; /* For IE*/
grid-template-areas:
'lop_numbers1-1 lop_numbers1-2 lop_numbers1-empty lop_numbers1-3 lop_numbers1-4'
'lop_numbers2-1 lop_numbers2-2 lop_numbers2-empty lop_numbers2-3 lop_numbers2-4'
'lop_numbers3-1 lop_numbers3-2 lop_numbers3-empty lop_numbers3-3 lop_numbers3-4'
'lop_numbers4-1 lop_numbers4-2 lop_numbers4-empty lop_numbers4-3 lop_numbers4-4';
/*grid-row-gap: 60px;*/
/*-ms-grid-row-gap: 500px;*/
/*grid-column-gap: 20px;*/
	-ms-grid-columns: 105px 297px 75px 105px 297px; /* FOR IE*/
grid-template-columns: 105px 297px 75px 105px 297px;
max-width: 920px;
/*font-weight:bold;*/
font-family: Whitney_semibold;
font-size: 1.2em;
}

 
.lib_numbers_br {line-height:1.9em;}

.lop_numbers_img {margin-top: -15px;}

			/* MOBILE LOP NUMBERS GRID */
			@media (max-width: 850px) {

			/* Row 1 */
			.lop_numbers1-1 {grid-area: lop_numbers1-1;
			 -ms-grid-row: 1;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1; }

			.lop_numbers1-2 {grid-area: lop_numbers1-2;
			 -ms-grid-row: 2;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			 margin-bottom:50px;}

			.lop_numbers1-3 {grid-area: lop_numbers1-3;
			 -ms-grid-row: 3;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1; }

			.lop_numbers1-4 {grid-area: lop_numbers1-4;
			 -ms-grid-row: 4;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			 margin-bottom:50px;}

			.lop_numbers2-1 {grid-area: lop_numbers2-1;
			 -ms-grid-row: 5;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1; }

			.lop_numbers2-2 {grid-area: lop_numbers2-2;
			 -ms-grid-row: 6;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			 margin-bottom:50px;}

			.lop_numbers2-3 {grid-area: lop_numbers2-3;
			 -ms-grid-row: 7;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1; }

			.lop_numbers2-4 {grid-area: lop_numbers2-4;
			 -ms-grid-row: 8;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			 margin-bottom:50px;}

			.lop_numbers3-1 {grid-area: lop_numbers3-1;
			 -ms-grid-row: 9;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1; }

			.lop_numbers3-2 {grid-area: lop_numbers3-2;
			 -ms-grid-row: 10;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			 margin-bottom:50px;}

			.lop_numbers3-3 {grid-area: lop_numbers3-3;
			 -ms-grid-row: 11;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1; }

			.lop_numbers3-4 {grid-area: lop_numbers3-4;
			 -ms-grid-row: 12;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			 margin-bottom:50px;}

			.lop_numbers4-1 {grid-area: lop_numbers4-1;
			 -ms-grid-row: 13;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;}

			.lop_numbers4-2 {grid-area: lop_numbers4-2;
			 -ms-grid-row: 14;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			 /*margin-bottom:70px;*/}

			.lop_numbers4-3 {grid-area: lop_numbers4-3;
			 -ms-grid-row: 15;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1; }

			.lop_numbers4-4 {grid-area: lop_numbers4-4;
			 -ms-grid-row: 16;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			 }

			.lop_numbers1-1, .lop_numbers1-empty, .lop_numbers1-3, .lop_numbers2-1, .lop_numbers2-empty, .lop_numbers2-3, .lop_numbers3-1, .lop_numbers3-empty, .lop_numbers3-3, .lop_numbers4-1, .lop_numbers4-empty, .lop_numbers4-3 {
			margin-bottom:0px;}

			.lop_numbers1-1, .lop_numbers1-3, .lop_numbers2-1, .lop_numbers2-3, .lop_numbers3-1, .lop_numbers3-3, .lop_numbers4-1, .lop_numbers4-3 {
			margin-right:0px;}

			/* Spotlight Grid */
			#lop_numbers {
			margin: 65px auto 150px auto;
			display: grid;
			display: -ms-grid; /* For IE*/
			grid-template-areas:
			'lop_numbers1-1'
			'lop_numbers1-2'
			'lop_numbers1-3'
			'lop_numbers1-4'
			'lop_numbers2-1'
			'lop_numbers2-2'
			'lop_numbers2-3'
			'lop_numbers2-4'
			'lop_numbers3-1'
			'lop_numbers3-2'
			'lop_numbers3-3'
			'lop_numbers3-4'
			'lop_numbers4-1'
			'lop_numbers4-2'
			'lop_numbers4-3'
			'lop_numbers4-4';
			grid-row-gap: 10px;
			grid-column-gap: 0px;
				-ms-grid-columns: 300px; /* FOR IE*/
			grid-template-columns: 300px;
			max-width: 300px;
			font-weight:bold;
			font-family: Whitney_semibold;
			font-size: 1em;
			text-align: center;
			text-align: -moz-center;
			}

			.lib_numbers_br {line-height:1.9em;}

			.lop_numbers_img {margin-top: 0px;}

			}

/* ****************************************** WELCOMING PUBLIC GRID ****************************************** */

/* Row 1 */
.welcome_pub1-1 {grid-area: welcome_pub1-1;
 -ms-grid-row: 1;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1; }

.welcome_pub1-2 {grid-area: welcome_pub1-2;
 -ms-grid-row: 1;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1; }

.welcome_pub_empty {height:60px;
 -ms-grid-row: 2;
 -ms-grid-column: 1;
 -ms-grid-column-span: 2;
}


/* Row 2 */
.welcome_pub2-1 {grid-area: welcome_pub2-1;
 -ms-grid-row: 3;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1; }

.welcome_pub2-2 {grid-area: welcome_pub2-2;
 -ms-grid-row: 3;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1; }


/* Welcome Grid */
#welcome_pub {
margin: 30px auto 50px auto;
display: grid;
display: -ms-grid; /* For IE*/
grid-template-areas:
'welcome_pub1-1 welcome_pub1-2'
'welcome_pub_empty welcome_pub_empty'
'welcome_pub2-1 welcome_pub2-2';
/*grid-row-gap: 60px;*/
grid-column-gap: 16%;
-ms-grid-columns: 42% 42%; /* FOR IE*/
grid-template-columns: 42% 42%;
max-width: 80%;
}


			/* MOBILE WELCOME PUB GRID */
			@media (max-width: 700px) {

			/* Row 1 */
			.welcome_pub1-1 {grid-area: welcome_pub1-1;
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1; }
			
			/* Row 2 */
			.welcome_pub1-2 {grid-area: welcome_pub1-2;
			-ms-grid-row: 2;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1; }

			/* Row 3 */
			.welcome_pub2-1 {grid-area: welcome_pub2-1;
			-ms-grid-row: 3;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1; }
			
			/* Row 4 */
			.welcome_pub2-2 {grid-area: welcome_pub2-2;
			-ms-grid-row: 4;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1; }


			/* Welcome Grid */
			#welcome_pub {
			margin: 30px auto 50px auto;
			display: grid;
			display: -ms-grid; /* For IE*/
			grid-template-areas:
			'welcome_pub1-1'
			'welcome_pub1-2'
			'welcome_pub2-1'
			'welcome_pub2-2';
			grid-row-gap: 60px;
			grid-column-gap: 16%;
			-ms-grid-columns: 100%; /* FOR IE*/
			grid-template-columns: 100%;
			max-width: 80%;
			}

			}
 
/* ****************************************** ISSUES PUBLISHED GRID ****************************************** */

/* Row 1 */
.issues_ls_number {grid-area: issues_ls_number;
 -ms-grid-row: 1;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1; }
 
 .issues_ls_icon {grid-area: issues_ls_icon;
 -ms-grid-row: 1;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1; }
 
 .issues_empty_column {grid-area: issues_empty_column;
 -ms-grid-row: 1;
 -ms-grid-column: 3;
 -ms-gid-row-span:11;
 -ms-grid-column-span: 1; }
 
 .issues_hn_number {grid-area: issues_hn_number;
 -ms-grid-row: 1;
 -ms-grid-column: 4;
 -ms-grid-column-span: 1; }
 
 .issues_hn_icon {grid-area: issues_hn_icon;
 -ms-grid-row: 1;
 -ms-grid-column: 5;
 -ms-grid-column-span: 1; }
 
 /* Row 2 */
.issues_ls_title {grid-area: issues_ls_title;
 -ms-grid-row: 2;
 -ms-grid-column: 1;
 -ms-grid-column-span: 2; }
 
 .issues_hn_title {grid-area: issues_hn_title;
 -ms-grid-row: 2;
 -ms-grid-column: 4;
 -ms-grid-column-span: 2; }
 
 /* Row 3 */
.issues_ls_text {grid-area: issues_ls_text;
 -ms-grid-row: 3;
 -ms-grid-column: 1;
 -ms-grid-column-span: 2; }
 
 .issues_hn_text {grid-area: issues_hn_text;
 -ms-grid-row: 3;
 -ms-grid-column: 4;
 -ms-grid-column-span: 2; }
 
  /* Row 4 */
.issues_empty_row1-1 {grid-area: issues_empty_row1-1;
 -ms-grid-row: 4;
 -ms-grid-column: 1;
 -ms-grid-column-span: 2;
}
 
 .issues_empty_row1-2 {grid-area: issues_empty_row1-2;
 -ms-grid-row: 4;
 -ms-grid-column: 4;
 -ms-grid-column-span: 2;
}

/* Row 5 */
.issues_bg_number {grid-area: issues_bg_number;
 -ms-grid-row: 5;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1; }
 
 .issues_bg_icon {grid-area: issues_bg_icon;
 -ms-grid-row: 5;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1; }
 
 .issues_ti_number {grid-area: issues_ti_number;
 -ms-grid-row: 5;
 -ms-grid-column: 4;
 -ms-grid-column-span: 1; }
 
 .issues_ti_icon {grid-area: issues_ti_icon;
 -ms-grid-row: 5;
 -ms-grid-column: 5;
 -ms-grid-column-span: 1; }
 
 /* Row 6 */
.issues_bg_title {grid-area: issues_bg_title;
 -ms-grid-row: 6;
 -ms-grid-column: 1;
 -ms-grid-column-span: 2; }
 
 .issues_ti_title {grid-area: issues_ti_title;
 -ms-grid-row: 6;
 -ms-grid-column: 4;
 -ms-grid-column-span: 2; }
 
 /* Row 7 */
.issues_bg_text {grid-area: issues_bg_text;
 -ms-grid-row: 7;
 -ms-grid-column: 1;
 -ms-grid-column-span: 2; }
 
 .issues_ti_text {grid-area: issues_ti_text;
 -ms-grid-row: 7;
 -ms-grid-column: 4;
 -ms-grid-column-span: 2; }
 
  /* Row 8 */
.issues_empty_row2-1 {grid-area: issues_empty_row2-1;
 -ms-grid-row: 8;
 -ms-grid-column: 1;
 -ms-grid-column-span: 2; }
 
 .issues_empty_row2-2 {grid-area: issues_empty_row2-2;
 -ms-grid-row: 8;
 -ms-grid-column: 4;
 -ms-grid-column-span: 2; }

/* Row 9 */
.issues_joint_number {grid-area: issues_joint_number;
 -ms-grid-row: 9;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1; }
 
 .issues_joint_icon {grid-area: issues_joint_icon;
 -ms-grid-row: 9;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1; }
 
 .issues_empty_cell {grid-area: issues_empty_cell;
 -ms-grid-row: 9;
 -ms-grid-column: 4;
 -ms-grid-column-span: 2;
 -ms-grid-row-span: 3;}
 
 /* Row 10 */
.issues_joint_title {grid-area: issues_joint_title;
 -ms-grid-row: 10;
 -ms-grid-column: 1;
 -ms-grid-column-span: 2; }
 
 /* Row 11 */
.issues_joint_text {grid-area: issues_joint_text;
 -ms-grid-row: 11;
 -ms-grid-column: 1;
 -ms-grid-column-span: 2; }

/* Numbers */
.issues_ls_number, .issues_hn_number, .issues_bg_number, .issues_ti_number, .issues_joint_number {
height:125px;
position: relative;
}

.issues_ls_number p, .issues_hn_number p, .issues_bg_number p, .issues_ti_number p, .issues_joint_number p {position: absolute;
font-size: 6.3em;
color:#233a74;
font-family: Whitney_book;
line-height:1.1em;
top:15px;
  bottom: 0;
}
  
.issues_ls_title, .issues_hn_title, .issues_bg_title, .issues_ti_title, .issues_joint_title {
font-size: 1.65em;
font-weight:bold;
text-transform:uppercase;
line-height:1.3em;
}

.issues_joint_icon img {margin-left: -90px;} /* Fixing ONLY the icon on the 1 joint publication because it's so small and far from its number, it looked bad otherwise. */

.issues_empty_row1-1, .issues_empty_row1-2, .issues_empty_row2-1, .issues_empty_row2-2 {height:35px;}

.issues_closer {margin-top:-5px;}
/* ISSUES Grid */
#issues_pub {
margin: 10px auto 50px auto;
display: grid;
display: -ms-grid; /* For IE*/
grid-template-areas:
'issues_ls_number issues_ls_icon issues_empty_column issues_hn_number issues_hn_icon'
'issues_ls_title issues_ls_title issues_empty_column issues_hn_title issues_hn_title'
'issues_ls_text issues_ls_text issues_empty_column issues_hn_text issues_hn_text'
'issues_empty_row1-1 issues_empty_row1-1 issues_empty_column issues_empty_row1-2 issues_empty_row1-2'
'issues_bg_number issues_bg_icon issues_empty_column issues_ti_number issues_ti_icon'
'issues_bg_title issues_bg_title issues_empty_column issues_ti_title issues_ti_title'
'issues_bg_text issues_bg_text issues_empty_column issues_ti_text issues_ti_text'
'issues_empty_row2-1 issues_empty_row2-1 issues_empty_column issues_empty_row2-2 issues_empty_row2-2'
'issues_joint_number issues_joint_icon issues_empty_column issues_empty_cell issues_empty_cell'
'issues_joint_title issues_joint_title issues_empty_column issues_empty_cell issues_empty_cell'
'issues_joint_text issues_joint_text issues_empty_column issues_empty_cell issues_empty_cell';
grid-row-gap: 0px;
grid-column-gap: 0px;
	-ms-grid-columns: 135px 205px 60px 135px 205px; /*FOR IE*/
grid-template-columns: 135px 205px 60px 135px 205px;
max-width: 740px;
}

/* MOBILE ISSUES GRID */
			@media (max-width: 800px) {
			/* Row 1 */
			.issues_ls_number {grid-area: issues_ls_number;
			 -ms-grid-row: 1;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1; }

			.issues_ls_title {grid-area: issues_ls_title;
			 -ms-grid-row: 1;
			 -ms-grid-column: 2;
			 -ms-grid-column-span: 1;
			 padding-top:10px;}

			 /* Row 2 */
			 .issues_ls_text {grid-area: issues_ls_text;
			 -ms-grid-row: 2;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 2; }


			 /* Row 3 */
			 .issues_hn_number {grid-area: issues_hn_number;
			 -ms-grid-row: 3;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1; }

			 .issues_hn_title {grid-area: issues_hn_title;
			 -ms-grid-row: 3;
			 -ms-grid-column: 2;
			 -ms-grid-column-span: 1;
			 margin-top:20px;}

			  /* Row 4 */
			 .issues_hn_text {grid-area: issues_hn_text;
			 -ms-grid-row: 4;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 2; }

			/* Row 5 */
			.issues_bg_number {grid-area: issues_bg_number;
			 -ms-grid-row: 5;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1; }

			.issues_bg_title {grid-area: issues_bg_title;
			 -ms-grid-row: 5;
			 -ms-grid-column: 2;
			 -ms-grid-column-span: 1;}

			 /* Row 6 */ 
			 .issues_bg_text {grid-area: issues_bg_text;
			 -ms-grid-row: 6;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 2; }


			 /* Row 7 */
			 .issues_ti_number {grid-area: issues_ti_number;
			 -ms-grid-row: 7;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1; }

			 .issues_ti_title {grid-area: issues_ti_title;
			 -ms-grid-row: 7;
			 -ms-grid-column: 2;
			 -ms-grid-column-span: 1; }


			  /* Row 8 */
			 .issues_ti_text {grid-area: issues_ti_text;
			 -ms-grid-row: 8;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 2; }


			/* Row 9 */
			.issues_joint_number {grid-area: issues_joint_number;
			 -ms-grid-row: 9;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1; }

			.issues_joint_title {grid-area: issues_joint_title;
			 -ms-grid-row: 9;
			 -ms-grid-column: 2;
			 -ms-grid-column-span: 1;
			  padding-top:10px;}


			 /* Row 10 */
			 .issues_joint_text {grid-area: issues_joint_text;
			 -ms-grid-row: 10;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 2;
			}

			#issues_pub {
			margin: 30px auto 50px auto;
			display: grid;
			display: -ms-grid; /* For IE*/
			grid-template-areas:
			'issues_ls_number issues_ls_title'
			'issues_ls_text issues_ls_text'
			'issues_hn_number issues_hn_title'
			'issues_hn_text issues_hn_text'
			'issues_bg_number issues_bg_title'
			'issues_bg_text issues_bg_text'
			'issues_ti_number issues_ti_title'
			'issues_ti_text issues_ti_text'
			'issues_joint_number issues_joint_title'
			'issues_joint_text issues_joint_text';
			grid-row-gap: 10px;
			grid-column-gap: 5%;
				-ms-grid-columns: 30% 65%; /*FOR IE*/
			grid-template-columns: 30% 65%;
			max-width: 75%;
			}

			.issues_ls_number, .issues_hn_number, .issues_bg_number, .issues_ti_number, .issues_joint_number {
			height:75px;
			position:none;
			}

			.issues_ls_number p, .issues_hn_number p, .issues_bg_number p, .issues_ti_number p, .issues_joint_number p {position: absolute;
			font-size: 3.7em;
			color:#233a74;
			font-family: Whitney_book;
			line-height:none;
			top:0;
			}

			.issues_ls_title, .issues_hn_title, .issues_bg_title, .issues_ti_title, .issues_joint_title {
			font-size: 1.1em;
			font-weight:bold;
			text-transform:uppercase;
			line-height:1.2em;
			}


			}

/* ****************************************** ABOUT GRID ****************************************** */

/* Row 1 */
.grid_about_vision {grid-area: grid_about_vision;
 -ms-grid-row: 1;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
 padding-right:10px;
 padding-left:10px;}
 
 .grid_about_divider1 {grid-area: grid_about_divider1;
 -ms-grid-row: 1;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;
 background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/about_threecols_divider.png);
 background-position: center;
  backgorund-repeat: repeat-x;}
 
 .grid_about_mission {grid-area: grid_about_mission;
 -ms-grid-row: 1;
 -ms-grid-column: 3;
 -ms-grid-column-span: 1;
  padding-right:10px;
 padding-left:10px;}
 
 .grid_about_divider2 {grid-area: grid_about_divider2;
 -ms-grid-row: 1;
 -ms-grid-column: 4;
 -ms-grid-column-span: 1;
 background-image: url(/staticfiles/PublicWebsite/assets/images/About/CorporateDocuments/AnnualReport2017-2018/about_threecols_divider.png);
 background-position: center;
  backgorund-repeat: repeat-x;}
 
 .grid_about_strategic {grid-area: grid_about_strategic;
 -ms-grid-row: 1;
 -ms-grid-column: 5;
 -ms-grid-column-span: 1;
  padding-right:10px;
 padding-left:10px;}
 

#grid_about {
margin: 30px auto 70px auto;
display: grid;
display: -ms-grid; /* For IE*/
grid-template-areas:
'grid_about_vision grid_about_divider1 grid_about_mission grid_about_divider2 grid_about_strategic';
grid-row-gap: 0px;
grid-column-gap: 0px;
	-ms-grid-columns: 30% 31px 30% 31px 30%; /*FOR IE*/
grid-template-columns: 30% 31px 30% 31px 30%;
max-width: 100%;
}

h3.grid_about_h3 {font-size:1.4em;
text-align: center;
text-align: -moz-center;}

			/* MOBILE About GRID */
			@media (max-width: 700px) {		
			
			/* Row 1 */
			.grid_about_vision {grid-area: grid_about_vision;
			 -ms-grid-row: 1;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			 padding: 0px 10px 30px 10px;
			 border-bottom: 1px solid #e4e5e5;}

			/* Row 2 */
			 .grid_about_mission {grid-area: grid_about_mission;
			 -ms-grid-row: 2;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			 padding: 0px 10px 30px 10px;
			 border-bottom: 1px solid #e4e5e5;}

			/* Row 3 */
			 .grid_about_strategic {grid-area: grid_about_strategic;
			 -ms-grid-row: 3;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			 padding: 0px 10px 20px 10px;}


			#grid_about {
			margin: 30px auto 50px auto;
			display: grid;
			display: -ms-grid; /* For IE*/
			grid-template-areas:
			'grid_about_vision'
			'grid_about_mission'
			'grid_about_strategic';
			grid-row-gap: 0px;
			grid-column-gap: 0px;
				-ms-grid-columns: 100%; /*FOR IE*/
			grid-template-columns: 100%;
			max-width: 90%;
			}

			
			}


/* ************************************** HOW THE LIBRARY IS ORGANIZED GRID ****************************************** */

/* Row 1 */
.grid_org_senate_title {grid-area: grid_org_senate_title;
 -ms-grid-row: 1;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
border-top: 1px #50a5ff solid;
}
 
 .grid_org_senate_text {grid-area: grid_org_senate_text;
 -ms-grid-row: 1;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;
border-top: 1px #50a5ff solid;
}

/* Row 2 */
.grid_org_joint_title {grid-area: grid_org_joint_title;
 -ms-grid-row: 2;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;}
 
 .grid_org_joint_text {grid-area: grid_org_joint_text;
 -ms-grid-row: 2;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;}

/* Row 3 */
.grid_org_librarian_title {grid-area: grid_org_librarian_title;
 -ms-grid-row: 3;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;}
 
 .grid_org_librarian_text {grid-area: grid_org_librarian_text;
 -ms-grid-row: 3;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;}

/* Row 4 */
.grid_org_info_title {grid-area: grid_org_info_title;
 -ms-grid-row: 4;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;}
 
 .grid_org_info_text {grid-area: grid_org_info_text;
 -ms-grid-row: 4;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;}

/* Row 5 */
.grid_org_budget_title {grid-area: grid_org_budget_title;
 -ms-grid-row: 5;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;}
 
 .grid_org_budget_text {grid-area: grid_org_budget_text;
 -ms-grid-row: 5;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;}

/* Row 6 */
.grid_org_document_title {grid-area: grid_org_document_title;
 -ms-grid-row: 6;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;}
 
 .grid_org_document_text {grid-area: grid_org_document_text;
 -ms-grid-row: 6;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;}

/* Row 7 */
.grid_org_bss_title {grid-area: grid_org_bss_title;
 -ms-grid-row: 7;
 -ms-grid-column: 1;
 -ms-grid-column-span: 1;
border-bottom: 1px #50a5ff solid;
}
 
 .grid_org_bss_text {grid-area: grid_org_bss_text;
 -ms-grid-row: 7;
 -ms-grid-column: 2;
 -ms-grid-column-span: 1;
border-bottom: 1px #50a5ff solid;
}

/* Padding and BG color of header cells */
.grid_org_senate_title, .grid_org_joint_title, .grid_org_librarian_title, .grid_org_info_title, .grid_org_budget_title, .grid_org_document_title, .grid_org_bss_title {
background-color:#2f4f8d;
padding:25px;
}

/* Padding of regular cells */
.grid_org_senate_text, .grid_org_joint_text, .grid_org_librarian_text, .grid_org_info_text, .grid_org_budget_text, .grid_org_document_text, .grid_org_bss_text
{
padding:35px;
}

/*Grey border on all the rows except the last. */
.grid_org_senate_title, .grid_org_joint_title, .grid_org_librarian_title, .grid_org_info_title, .grid_org_budget_title, .grid_org_document_title, .grid_org_senate_text, .grid_org_joint_text, .grid_org_librarian_text, .grid_org_info_text, .grid_org_budget_text, .grid_org_document_text { border-bottom: 1px #e4e5e5 solid; }

#grid_org h4 {
color: #ffcb64;
font-family: Whitney_book;
text-transform: uppercase;
font-size: 1.1em;
font-weight:bold;
text-align: left;
padding-top:0px;
margin-top:0px;
}

#grid_org p {margin-top:0px;}

#grid_org {
margin: 30px auto 0px auto;
display: grid;
display: -ms-grid; /* For IE*/
grid-template-areas:
'grid_org_senate_title grid_org_senate_text'
'grid_org_joint_title grid_org_joint_text'
'grid_org_librarian_title grid_org_librarian_text'
'grid_org_info_title grid_org_info_text'
'grid_org_budget_title grid_org_budget_text'
'grid_org_document_title grid_org_document_text'
'grid_org_bss_title grid_org_bss_text';
grid-row-gap: 0px;
grid-column-gap: 0px;
	-ms-grid-columns: 40% 60%; /*FOR IE*/
grid-template-columns: 40% 60%;
max-width: 100%;
}

			/* MOBILE ORGANIZED GRID */
			@media (max-width: 700px) {		
			
			/* Row 1 */
			.grid_org_senate_title {grid-area: grid_org_senate_title;
			 -ms-grid-row: 1;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			border-top: none;
			}

			/* Row 2 */
			 .grid_org_senate_text {grid-area: grid_org_senate_text;
			 -ms-grid-row: 2;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			 border:none;
			}

			/* Row 3 */
			.grid_org_joint_title {grid-area: grid_org_joint_title;
			 -ms-grid-row: 3;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;}
			 
			/* Row 4 */
			 .grid_org_joint_text {grid-area: grid_org_joint_text;
			 -ms-grid-row: 4;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;}

			/* Row 5 */
			.grid_org_librarian_title {grid-area: grid_org_librarian_title;
			 -ms-grid-row: 5;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;}
			 
			/* Row 6 */
			 .grid_org_librarian_text {grid-area: grid_org_librarian_text;
			 -ms-grid-row: 6;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;}

			/* Row 7 */
			.grid_org_info_title {grid-area: grid_org_info_title;
			 -ms-grid-row: 7;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;}
			 
			/* Row 8 */
			 .grid_org_info_text {grid-area: grid_org_info_text;
			 -ms-grid-row: 8;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;}

			/* Row 9 */
			.grid_org_budget_title {grid-area: grid_org_budget_title;
			 -ms-grid-row: 9;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;}
			 
			/* Row 10 */
			 .grid_org_budget_text {grid-area: grid_org_budget_text;
			 -ms-grid-row: 10;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;}

			/* Row 11 */
			.grid_org_document_title {grid-area: grid_org_document_title;
			 -ms-grid-row: 11;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;}
			 
			/* Row 12 */
			 .grid_org_document_text {grid-area: grid_org_document_text;
			 -ms-grid-row: 12;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;}

			/* Row 13 */
			.grid_org_bss_title {grid-area: grid_org_bss_title;
			 -ms-grid-row: 13;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			border-top: none;
			}
			
			/* Row 14 */
			 .grid_org_bss_text {grid-area: grid_org_bss_text;
			 -ms-grid-row: 14;
			 -ms-grid-column: 1;
			 -ms-grid-column-span: 1;
			border-top: none;
			border-bottom: none;
			}

			/* Padding and BG color of header cells */
			.grid_org_senate_title, .grid_org_joint_title, .grid_org_librarian_title, .grid_org_info_title, .grid_org_budget_title, .grid_org_document_title, .grid_org_bss_title {
			background-color:#2f4f8d;
			padding:15px;
			}

			/* Padding of regular cells */
			.grid_org_senate_text, .grid_org_joint_text, .grid_org_librarian_text, .grid_org_info_text, .grid_org_budget_text, .grid_org_document_text, .grid_org_bss_text
			{
			padding:15px;
			margin-bottom: 30px;
			}

			/*Grey border on all the rows except the last. */
			.grid_org_senate_title, .grid_org_joint_title, .grid_org_librarian_title, .grid_org_info_title, .grid_org_budget_title, .grid_org_document_title, .grid_org_senate_text, .grid_org_joint_text, .grid_org_librarian_text, .grid_org_info_text, .grid_org_budget_text, .grid_org_document_text { border: none; }

			#grid_org h4 {text-align: center;
			text-align: -moz-center;
			margin-bottom:0px;
			padding-bottom:0px;}
			
			#grid_org {
			margin: 30px auto 0px auto;
			display: grid;
			display: -ms-grid; /* For IE*/
			grid-template-areas:
			'grid_org_senate_title'
			'grid_org_senate_text'
			'grid_org_joint_title'
			'grid_org_joint_text'
			'grid_org_librarian_title'
			'grid_org_librarian_text'
			'grid_org_info_title'
			'grid_org_info_text'
			'grid_org_budget_title'
			'grid_org_budget_text'
			'grid_org_document_title'
			'grid_org_document_text'
			'grid_org_bss_title'
			'grid_org_bss_text';
			grid-row-gap: 0px;
			grid-column-gap: 0px;
				-ms-grid-columns: 100%; /*FOR IE*/
			grid-template-columns: 100%;
			max-width: 90%;
			}

			
			}


/* ********************************** Parliamentarians Supported Infograph *************************************** */

.infog_parl_sup {margin-right:auto;
margin-left:auto;
width: 775px;
height:300px;
position:relative;
clear:both;}

.infog_parl_sup_graph {width:380px;
height:256px;
position:absolute;
top:44px;
}

.infog_parl_sup_graph_branch1 {position:absolute;
top: -10px;
left:70px;
z-index: 1;}

.infog_parl_sup_graph_branch2 {position:absolute;
left:280px;
top:65px;
z-index: 1;}

.infog_parl_sup_text {width:330px;
height:300px;
text-transform: uppercase;
position:absolute;
top:10px;
left:410px;}

.infog_parl_sup_text hr, .infog_parl_sup_mobile hr {border: 1px #DFDFDF solid;
	height: auto;
	background-color: none;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.infog_parl_sup_text_senators {position:absolute;
top: 25px;}

.infog_parl_sup_text_hoc {position:absolute;
top: 130px;}

.infog_parl_sup_text_total {position:absolute;
top: 300px;}

.infog_parl_sup_text_mobile {width:50%;
margin-right:auto;
margin-left:auto;
text-transform: uppercase;
text-align: left;
text-align: -moz-left;}

.infog_parl_sup_graph_mobile {margin-right:auto;
margin-left:auto;
width:380px;}

/* ********************************** Committees and Associations Supported Infograph *************************************** */

.infog_committee_associations {margin-top:20px;
margin-right:auto;
margin-left:auto;
width: 775px;
height: 350px;
position:relative;
clear:both;
text-transform: uppercase;}

.infog_committee_associations_semicircle {position:absolute;
top:100px;
left:8px;}

/*Senate committees branch */
.infog_committee_associations_branch1 {position:absolute;
top:20px;
left:102px;}

/*House of commons committees branch*/
.infog_committee_associations_branch2 {position:absolute;
top: 100px;
left:282px;}

/*Joint committees branch*/
.infog_committee_associations_branch3 {position:absolute;
top: 167px;
left:342px;}

/*Parliamentary associations branch*/
.infog_committee_associations_branch4 {position:absolute;
top: 130px;
left:0px;}

/*Parliamentary associations text*/
.infog_committee_associations_text1 {position:absolute;
width:150px;
height:75px;
top: 30px;
left: 0px;
}

/*Committees text + total*/
.infog_committee_associations_text2 {position:absolute;
width:290px;
height:300px;
top: 10px;
left: 475px;
}

.infog_committee_associations hr, .infog_committee_associations_mobile hr {border: 1px #DFDFDF solid;
	height: auto;
	background-color: none;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	}
   
.infog_committee_associations_mobile_text {width:50%;
margin-right:auto;
margin-left:auto;
text-transform: uppercase;
text-align: left;
text-align: -moz-left;}

.infog_committee_associations_graph_mobile {margin-right:auto;
margin-left:auto;
width:365px;}


.donut_notes {margin-top: -30px;
/*line-height: 1.2em;*/}

/* ********************************** LOP Spending Trends Infograph *************************************** */

.infog_spending_trends {margin-top:20px;
margin-right:auto;
margin-left:auto;
width: 614px;
height: 515px;
position:relative;
clear:both;}

.infog_spending_trends_xaxis {position:absolute;
top:355px;
left:0px;}

.infog_spending_trends_bar1 {position:absolute;
top:7px;
left:3px;}

.infog_spending_trends_bar2 {position:absolute;
top:7px;
left:63px;}

.infog_spending_trends_bar3 {position:absolute;
top:7px;
left:123px;}

.infog_spending_trends_bar4 {position:absolute;
top:7px;
left:220px;}

.infog_spending_trends_bar5 {position:absolute;
top:7px;
left:280px;}

.infog_spending_trends_bar6 {position:absolute;
top:7px;
left:340px;}

.infog_spending_trends_bar7 {position:absolute;
top:7px;
left:440px;}

.infog_spending_trends_bar8 {position:absolute;
top:7px;
left:500px;}

.infog_spending_trends_bar9 {position:absolute;
top:7px;
left:560px;}


/* ****************************************** MISC ****************************************** */

.twocol {
    width:100%;
	clear:both;
}

.twocol_left {
    width: 45%;
	float:left;
}

.twocol_right {
    width: 45%;
	float:right;
}

.threecol {column-count: 3;
    column-gap: 25px;
	-webkit-column-rule: 1px solid #e4e5e5; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid #e4e5e5; /* Firefox */
    column-rule: 1px solid #e4e5e5;
	margin-bottom:40px;
	margin-top:30px;
	}
	
.threecol p {padding:10px;}

.column_break {
	break-after: column;
	border: none;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.clear_float {
	clear: both;
}

.width10 {width:10%}

.width15 {width:15%}

.width20 {width:20%}

.width25 {width:25%}

.width30 {width:30%}

.width40 {width:40%}

.width50 {width:50%}

.width60 {width:60%}

.width70 {width:70%}

.width75 {width:75%}

.width80 {width:80%}

.width90 {width:90%}

.width100 {width:100%}

.padding_left10 {padding-left:10px;}

hr.clear {clear:both;
border:none;}

.parl_lib {width: 100%;}

.parl_lib_left {width:260px;
padding:5px 30px 20px 0px;
clear:both;
float:left;
margin-bottom:50px;}

.parl_lib_right {}

@media (max-width: 850px) {

	.parl_lib_left {padding-top:20px;
	margin-bottom:5px;
	margin-right:500px;}

	.parl_lib_right {/*clear:both;*/}
	
	.donut_notes {margin-top: 10px;}

}

.margin_left15 {margin-left:40px;}

a #ar_about { position:relative;
top:-45px;}


br.spacer_br {margin-bottom:35px;}

p + ol, p + ul {margin-top:15px;}

li a {text-decoration: underline;}

div.spotlight_close {height:0px;
clear:both;
margins:0px;
padding:0px;}

span.nobreak {
  white-space: nowrap;
}