<style type='text/css'>
#back-top { display:none; position:fixed; right:15px; bottom:15px; width:100px; font-size:9pt; font-weight:200; text-decoration:none; background: rgba(236, 239, 245, 0.4);}
#back-top:hover { text-decoration:underline; background:transparent; cursor:hand;}
</style>

<style type='text/css'>@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Nunito';
  src: url('/_mc/fonts/nunito/Nunito-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
</style>

<style type='text/css'>@charset "UTF-8";
*, *::before, *::after {
  box-sizing: border-box;
}

body {
    font: 12pt Arial, Helvetica, sans-serif; /*AurulentSansRegular,*/
    margin: 0px;
    padding: 0px;
    color: #000000;
}

/* * {
        box-sizing: border-box;
}*/

div {
        box-sizing: border-box; /*content-box*/
}

/* media width decisions */
@media all and (min-width:0px) and (max-width: 569px) {
.w569 {display:block;}
.w569plus {display:none;}
.profile1, .profile2, .profile3 {width:96%;}
}
@media all and (min-width:570px) and (max-width: 959px) {
.w569 {display:none;}
.w569plus {display:block;}
.profile1 {min-width:170px;width:170px;}
.profile2 {min-width:240px;max-width:390px;width:100%;}
.profile3 {min-width:240px;max-width:570px;width:100%;}
}
@media all and (min-width:960px) and (max-width: 4800px) {
.w569 {display:none;}
.w569plus {display:block;}
.profile1 {min-width:170px;width:170px;}
.profile2 {min-width:240px;max-width:320px;width:100%;}
.profile3 {min-width:240px;max-width:440px;width:100%;}
}

@media all and (min-width:0px) and (max-width: 759px) {
.w769 {display:block;}
.w769plus {display:none;}

.halfcontainer {
    margin-left:calc(10% - 41px); 
    margin-right:auto; 
    margin-top:20px; 
    width:calc(90% + 36px); 
/*    width:90%; */
/*    max-width:569px;*/ 
    min-width:420px; 
    position:relative;
    }
}
@media all and (min-width:760px) and (max-width: 4800px) {
.w769 {display:none;}
.w769plus {display:block;}

.halfcontainer {
    margin-left:5px; 
    margin-right:5px; 
    margin-top:20px; 
    width:calc(50% - 10px); 
/*    max-width:469px; 
    min-width:420px; */
    position:relative;
    }
}




.profile1 {
margin-right: 5px; 
margin-left: 5px; 
float: left; 
min-height: 50px;
}
.profile2 {
margin-right: 5px; 
margin-left: 5px; 
float: left; 
min-height: 50px;
}
.profile3 {
background-color:#eeeeee;
margin-right: 5px; 
margin-left: 5px; 
float: left; 
min-height: 50px;
}

/* IDs for default blocks begin */
/* if used in design */
/* these CSS may be left blank - default/inherited, even if corresponding block ID is used in the template */

/* near header area */
#mcAbs11 {} 
/* near header area */
#mcAbs12 {} 
/* near right margin */
#mcAbs21 {} 
/* near right margin */
#mcAbs22 {} 
/* near footer area */
#mcAbs31 {
    position: relative;
} 
/* near footer area */
#mcAbs32 {} 
/* near left margin */
#mcAbs41 {} 
/* near left margin */
#mcAbs42 {} 

/* content of the article */
#mcDiv000 {
    position: relative;
}
/* content embedded in the template */
#mcDiv001 {
    position: relative;
}
/* page frame */
#mcDiv002 {} 

/* relatively positioned */
#mcRel01 {} 
/* relatively positioned */
#mcRel02 {} 
/* relatively positioned */
#mcRel03 {} 
/* relatively positioned */
#mcRel04 {} 
/* default blocks end */




.menu ul li {
    margin-bottom: 5px;
}



h1, h2, h3, h4, h5, h6{
    margin-top: 0px;
    font-family: Arial, Helvetica, "Eras Medium ITC", "Eras Light ITC"; /*AurulentSansRegular,*/
    color:#001122;
    font-weight:600;
}
p {
    /*color: #494949;*/
}
a img {
    border: none;
}

a:link {
    color: #666666;
    text-decoration: none;
}
a:visited {
    color: #333333;
   /* text-decoration: underline;*/
}
a:hover, a:active, a:focus { 
    /*text-decoration: underline;*/
    /*background-color: #ffffcc;*/
}

.menu {
    float:left;
}

#article {
    /*float:left;*/
    width: auto;
}
#container {
    max-width: 960px;
    width: auto;

    margin-top: 36px; 
    margin-left: auto; 
    margin-right: auto; 
    /*-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 3px 4px 5px 6px #e7e7e8;
    -moz-box-shadow: 3px 4px 5px 6px #e7e7e8;
    box-shadow: 3px 4px 5px 6px #e7e7e8;*/
    padding: 0px;
    /*overflow:hidden;*/
}

#header {
/* */
    /*height: 124px;*/
    height: auto;
/* */
    /*-moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;*/
    position: relative;
    top: 16px;
    left: 0px;
}

@media screen and ( max-width: 600px ){
#header {
    position: relative;
    height: auto;
    left: 10px;
    }
}

@media screen and ( max-width: 1000px ){
#header {
    position: relative;
    height: auto;
    left: 15px;
    }
}





.slogan {
    display: block;
    /*max-width: 350px;*/
    /*max-width: 650px;*/
    float:left;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, "Eras Medium ITC", sans-serif; /*AurulentSansBoldItalic, */
    margin-left: 52px;
    /*font-size: 2.5em;*/
    /*font-size: 2em;*/
    position: absolute;
    bottom: 10px;
    left: 260px;
    }

.content {
    padding: 15px 0px 20px;
    /*border-top: 2px solid #878787;*/
    margin-top: 10px;
}

#footer {
    position: relative;
}

.footer {
    position: relative;
    padding: 0px 0px;
    font-size: 0.8em;
    min-height: 25px;
}
/*.footer img{
    float: left;
    margin-left: 10px;
    margin-right: 124px;
}*/

#colophon {
    position: relative;
}

.fltrt {
    float: right;
    margin-left: 8px;
}
.fltlft { 
    margin-right: 8px;
}
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#Insert_logo {
    float:left;
}


.zoomOnHover {
  /*transition: transform .2s;*/ /* Animation */
  transition: transform .9s ease; /* Animation */
}

.zoomOnHover:hover {
  transform: scale(1.1);
}


.details,
.show,
.hide:target {
    display: none;
}
.hide:target + .show,
.hide:target ~ .details {
    display: block;
}
</style>

<style type='text/css'>:root {
    --header-height: 260px;
    --banner-cutout-height: 200px;
    --article-body-width: 90%;
    --article-body-max-width: 940px;
    }


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, li, .li, p, .p
{
    text-rendering: optimizelegibility;
    font-weight: 200;
font-family:      'Nunito', Arial, Helvetica, sans-serif;
}


.body_div {
    /*position: relative;*/
    width: 100%;
    /*height: 100%;*/
    margin: 0;
    font-family: Arial, sans-serif;
    /*background-color: #1d3063;
    background: url('/files/image/p53_toronto01.png') no-repeat center top fixed;*/
    /*background-size: 100%;*/
    /*background-size: calc(max(100%, 500px)) auto;*/
    }

.background-blur {
    position: fixed;
    top: 0px; left: 0px;
    width: 100%;
    height: 500px;
    background-color: #00293d; /*#003047;*//*#1d3063;*/
    background-image: linear-gradient(to right, #003047, #00293d);
    /*background-image: url('/files/image/p53_toronto01.png');*/
    /*background-size: cover;*/
    /*background-size: 100% 100%;*/
    /*background-position: center top;*/
    /*filter: blur(8px);*/
    z-index: -2;
}

.foreground-image {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 500px;
    background: url('/files/image/p53_toronto01.png') no-repeat center top fixed;
    filter: brightness(85%);
    /*background-size: 940px;*/
    background-size: calc(max(80%, 1000px)) auto;
    background-position: center -100px;
    z-index: -1;
}

@media (max-width: 600px) {
    .foreground-image {
    background-size: 600px auto;
    }
}

@media (min-width: 1000px) {
    .foreground-image {
    background-size: 1000px auto;
    }
}

.cutout {
    position: relative;
    /*max-width: 940px;*/
    width:100%;
    /*min-height: 200px;*/
    /*min-height: var(--banner-cutout-height);
    height: 100%;*/
    margin: 0px auto;
    text-align: center;
    background: transparent;
    /*display: flex;
*/
    /*align-items: center;*/
    vertical-align: middle;
    padding-top: 110px;
    /*border-left: calc(50vw - (940px/2)) solid white;
    border-right: calc(50vw - (940px/2)) solid white;*/
    border-top: 2.60px solid white;
    z-index: 1;
    }

.cutout h1 {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(30pt, 4vw, 200%); /*200%; */
    font-weight: 200; 
    line-height: 40px; /*calc(4vw + 30px); /*2.2;*/
    color: white;
    text-shadow: 0 0 5px #000000;
    }

.cutout p {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(20pt, 4vw, 200%); /*200%; */
    font-weight: 200; 
    line-height: 30px; /*calc(4vw + 30px); /*2.2;*/
    color: white;
    text-shadow: 0 0 5px #000000;
    }

.content-wrapper {
    position: relative;
    /*top: calc(300px + 260px);*/
    z-index: 10;
    background: white;
    width: 100%;
    padding: 0px;
    margin: 0px;
    }

.content {
    position: relative;
    z-index: 10;
    background: white;
    width: 90%;
    max-width: 940px;
    padding: 50px;
    margin: auto;
    }

.banner-organizer-logos {
    background-color: white;
    max-width: 960px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    }

.banner-organizer-logos img {
    }




.full-width-container {
    position: relative;
    /*float: left;*/
    max-width: 100%;
    width: 100%;
    padding: 0px 10px;
    /*margin: 0px 5px;*/
    font-size: 14pt;
    }


.full-width-container-flush {
    display: block;
    width: calc(100% + 20px); /* 2 × padding */
    margin-left: -10px;
    margin-right: -10px;
    }





.left-column-sponsor {
    position: relative;
    float: left;
    /*max-width: 250px;*/
    max-width: 30%;
    width: 100%;
    padding: 0px 5px;
    /*margin: 0px 5px;*/
    font-size: 22pt;
    }

.right-column-sponsor {
    position: relative;
    float: right;
    /*min-width: 500px;*/
    max-width: 70%;
    width: 100%;
    /*padding: 5px;*/
    /*margin: 0px 5px;*/
    font-size: 22pt;
    }





.left-column-container {
    position: relative;
    float: left;
    max-width: 60%;
    width: 100%;
    padding: 0px 5px;
    /*margin: 0px 5px;*/
    font-size: 16pt;
    }

.right-column-container {
    position: relative;
    float: left;
    max-width: 40%;
    width: 100%;
    /*padding: 5px;*/
    /*margin: 0px 5px;*/
    font-size: 16pt;
    }

@media (max-width: 767px) {

.banner-organizer-logos img {
    max-width: 90%;
    }

.left-column-container {
    max-width: 100%;
    width: 100%;
    padding: 0px 5px;
    /*margin: 0px 5px;*/
    font-size: 16pt;
    }

.right-column-container {
    max-width: 100%;
    width: 100%;
    /*padding: 5px;*/
    /*margin: 5px;*/
    font-size: 16pt;
    }


.left-column-sponsor {
    max-width: 100%;
    width: 100%;
    padding: 0px 0px 0px 30px;
    font-size: 22pt;
    }

.right-column-sponsor {
    max-width: 600px;
    float: left;
    width: 100%;
    padding: 0px 0px 0px 30px;
    font-size: 22pt;
    }

.right-column-sponsor img {
    max-width: 90%;
    }



}


.red-right-button {
    position: relative; width:100%; background-color: red; color: white;
    }

.red-right-button:hover {
    background-color: #1d3063;
    }

.link-spanners, a.link-spanners {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color: transparent;
    }


.image-container {
  /*width: 300px;*/
  /*overflow: hidden;*/
}

.image-container img {
  width: 100%;
  transition: transform 0.4s ease;
}

.image-container img:hover {
  transform: scale(1.1); /* Zooms in 10% */
}

.button-container {
  opacity: 1; 
  background-color: #00293d; 
  color:#ffffff;
}
.button-container:hover {
  transform: scale(1.1); /* Zooms in 10% */
  background-color: #1d3063;
}
</style>