/* ------------------------- AUTUMN SEASON BACKGROUND PICTURE ------------------- */

#seasonpicture {
	background: url("../images/summer17.jpg") no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	padding: 0;
	margin: 0;
}

/* HOMEPAGE BOXES */
.bigbox1 {
	margin-bottom: 10px; padding: 7px; background-color: white;
}

.home-topbox-video {
	display: inline-block; max-width: 666px; width: 100%; padding: 0px;
}

.home-topbox-video-fr {
	display: inline-block; max-width: 666px; width: 100%; padding: 0px; margin-right: 7px;
}

.home-topbox-frame-1 {
	max-width: 300px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: -o-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: -moz-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: linear-gradient(to bottom, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: top;
}

.home-topbox-frame-2-3 {
	max-width: 300px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: -o-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: -moz-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: linear-gradient(to bottom, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}

.home-topbox-bud {
	max-width: 253px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: -o-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: -moz-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: linear-gradient(to bottom, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	display: inline-block;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}

.home-topbox-bud_23 {
	max-width: 396px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: -o-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: -moz-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: linear-gradient(to bottom, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	display: inline-block;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	vertical-align: top;
}

.home-topbox-bud_23b {
	max-width: 264px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: -o-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: -moz-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: linear-gradient(to bottom, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	display: inline-block;
	margin-left: 0x;
	margin-right: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

.home-topbox-bud_23c {
	max-width: 369px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: -o-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: -moz-linear-gradient(top, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	background: linear-gradient(to bottom, rgba(217,226,238,0.4), rgba(143,129,90,0.4));
	display: inline-block;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	vertical-align: top;
}

h3.homeboxes-temp {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	text-align: center;
	color: #666;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 75%;
}

h3.homeboxes-temp img {
	width: 100%;
}

.home-bottombox-frame-1 {
	max-width: 300px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -o-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -moz-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: linear-gradient(to bottom, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	display: inline-block;
	margin-left: 4px;
	margin-bottom: 10px;
	vertical-align: top;
}

.home-bottombox-frame-2 {
	max-width: 250px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -o-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -moz-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: linear-gradient(to bottom, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 0px;
	vertical-align: top;
}

.home-bottombox-frame-2-gb {
	max-width: 294px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -o-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -moz-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: linear-gradient(to bottom, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	display: inline-block;
	margin-bottom: 0px;
	margin-left: -1px;
	vertical-align: top;
}

.home-bottombox-frame-3-gb {
	max-width: 668px;
	height: auto;
	padding: 4px;
	background: -webkit-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -o-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -moz-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: linear-gradient(to bottom, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	display: inline-block;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: top;
}

.home-bottombox-frame-4-gb {
	max-width: 270px;
	height: auto;
	padding: 4px;
	background: -webkit-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -o-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -moz-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: linear-gradient(to bottom, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	display: inline-block;
	margin-bottom: 0px;
	margin-left: 4px;
	vertical-align: top;
}

.home-bottombox-frame-2-3 {
	max-width: 400px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -o-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -moz-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: linear-gradient(to bottom, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	display: inline-block;
	margin-left: 6px;
	margin-bottom: 10px;
	vertical-align: top;
}


/* CEO Video */
.myhome-topbox-frame-1 {
	max-width: 450px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -o-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -moz-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: linear-gradient(to bottom, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: top;
}

/* IR Presentation */
.myhome-topbox-frame-2-3 {
	max-width: 400px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -o-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -moz-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: linear-gradient(to bottom, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}

/* What's New */
.myhome-bottombox-frame-2-3 {
	max-width: 470px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -o-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: -moz-linear-gradient(top, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	background: linear-gradient(to bottom, rgba(170,171,169,0.4), rgba(255,255,255,0.4));
	display: inline-block;
	margin-left: 0px;
	margin-bottom: 10px;
	vertical-align: top;
}

/* GB Video */
.myhome-bottombox-frame-1 {
	max-width: 400px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(231, 212, 121,0.4), rgba(220, 219, 218,0.4));
	background: -o-linear-gradient(top, rgba(231, 212, 121,0.4), rgba(220, 219, 218,0.4));
	background: -moz-linear-gradient(top, rgba(231, 212, 121,0.4), rgba(220, 219, 218,0.4));
	background: linear-gradient(to bottom, rgba(231, 212, 121,0.4), rgba(220, 219, 218,0.4));
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}

#BPHome {
	width: 100%;
	max-width: 680px;
}

#BPHome th.left {
	font-size: .8em;
	background-color: #CCC986;
	padding: .25em;
	text-align: left;
}

#BPHome th {
	font-size: .8em;
	background-color: #CCC986;
	padding: .25em;
	text-align: right;
}

#BPHome th.vertical {
	font-size: .8em;
	background-color: #DDD;
	padding: .25em;
	text-align: left;
	/*width: 80%;*/ /*Temporary for Budget 2019
	width: 40%;*/
	font-weight: normal;
}

#BPHome td {
	padding: .25em;
	background-color: #F2F2F2;
	font-size: .8em;
	text-align: right;
}

/* Debt page table */
#ARTable2 {
	width: 100%;
	max-width: 1024px;
}

#ARTable2 th {
	font-size: 0.97em;
	background-color: #CCC986;
	padding: .5em;
}

#ARTable2 td {
	padding: .5em;
	background-color: #F2F2F2;
	font-size: .9em;
	text-align: right;
}

#ARTable2 .greyedbk {
	background-color: #ccc;
	text-align: left;
}

#ARTable2 .bluebk {
	background-color: #c2d7e5;
	text-align: left;
}

#ARTable2 .seablue {
	background-color: #EAF4F4;
}

#ARTable2 .bluewhite {
	background-color: #069;
	color: #fff;
}

/* for long words in French */
#ARTable2 .pers {
	word-break: break-all;
}



@media screen and (max-width: 414px) {

.home-bottombox-frame-2-3 {
	max-width: 300px;
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 10px;
}

/* Borrowing Program */
.home-topbox-frame-2-3, .home-topbox-bud {
	margin: auto;
	max-width: 300px;
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 10px;
}

/* CEO Video */
.myhome-topbox-frame-1 {
	margin: auto;
	max-width: 340px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

/* IR Presentation */
.myhome-topbox-frame-2-3 {
	margin: auto;
	max-width: 340px;
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 10px;
}

/* What's New */
.myhome-bottombox-frame-2-3 {
	margin: auto;
	max-width: 340px;
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 10px;
}

/* Green Bond Video */
.myhome-bottombox-frame-1 {
	margin: auto;
	max-width: 340px;
	width: 100%;
	display: block;
}
}

@media screen and (max-width: 667px) and (orientation: landscape) {
/* Borrowing Program */
.home-topbox-frame-2-3 .home-topbox-bud {
	margin: auto;
	max-width: 340px;
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 10px;
}

/*.home-topbox-bud, .home-bottombox-frame-2 {
	margin: auto;
	max-width: 325px;
	width: 100%;
	height: auto;
	display: inline-block;
	margin-bottom: 10px;	
}*/



/* CEO Video */
.myhome-topbox-frame-1 {
	margin: auto;
	max-width: 470px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

/* IR Presentation */
.myhome-topbox-frame-2-3 {
	margin: auto;
	max-width: 340px;
	width: 100%;
	display: block;	
	margin-bottom: 10px;
}

/* What's New */
.myhome-bottombox-frame-2-3 {
	margin: auto;
	max-width: 450px;
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 10px;
}

/* Green Bond Video */
.myhome-bottombox-frame-1 {
	margin: auto;
	max-width: 470px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
}