@import url(//fonts.googleapis.com/css?family=Spinnaker);@import url(//fonts.googleapis.com/css?family=Nunito);a,article,aside,b,blockquote,body,cite,details,dialog,div,em,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,img,input,label,li,main,nav,object,ol,p,pre,section,select,span,strong,summary,table,tbody,td,textarea,tfoot,th,thead,tr,u,ul{box-sizing:border-box;margin:0;padding:0;border:0;vertical-align:baseline;font-size:1em;font-family:Nunito,sans-serif}body,label,p{line-height:1.5}input,textarea{display:block}input[type=hidden]{margin:0;padding:0}ol,ul{list-style:none}ol>li,ul>li{line-height:1.5}blockquote,q{quotes:none}blockquote:after,blockquote:before{content:'';content:none}* a{text-decoration:none}* a:hover{text-decoration:underline;cursor:pointer}table{border-collapse:collapse;border-spacing:0}[dialog] div,blockquote,div,div div,div ul,form,p{overflow:auto}.cke_dialog_tabs{overflow:visible}.ui-datepicker,[dialog=container]{overflow:visible}[dialog=content]{overflow:inherit}body>.mainContainer>header>nav.mainMenu p,body>.mask.mainMenu>nav>p{font-weight:400}body>.mainContainer>header>nav.mainMenu p>a,body>.mask.mainMenu>nav>p>a{display:block;color:#333}body>.mainContainer>header>nav.mainMenu p>a.selected,body>.mainContainer>header>nav.mainMenu p>a:hover,body>.mask.mainMenu>nav>p>a.selected,body>.mask.mainMenu>nav>p>a:hover{color:#fff;text-decoration:underline;cursor:pointer}body>.mainContainer>main>.buttonBar,body>.mainContainer>main>.playList>.playInfo>.buttonBar,body>.mainContainer>main>form>.buttonBar{display:grid;justify-content:right;margin:0 0 1em 0}body>.mainContainer>main>.buttonBar>input,body>.mainContainer>main>.buttonBar>p,body>.mainContainer>main>.playList>.playInfo>.buttonBar>input,body>.mainContainer>main>.playList>.playInfo>.buttonBar>p,body>.mainContainer>main>form>.buttonBar>input,body>.mainContainer>main>form>.buttonBar>p{font-size:1.1em;text-align:center;margin:0 0 0 .5em;border:2px solid #e7421d}body>.mainContainer>main>.buttonBar>input>a,body>.mainContainer>main>.buttonBar>p>a,body>.mainContainer>main>.playList>.playInfo>.buttonBar>input>a,body>.mainContainer>main>.playList>.playInfo>.buttonBar>p>a{text-decoration:underline;display:block}body>.mainContainer>main>.buttonBar>input,body>.mainContainer>main>.buttonBar>p>a,body>.mainContainer>main>.playList>.playInfo>.buttonBar>input,body>.mainContainer>main>.playList>.playInfo>.buttonBar>p>a,body>.mainContainer>main>form>.buttonBar>input{color:#e7421d;background-color:#fff;cursor:pointer;padding:.1em}body>.mainContainer>main>.buttonBar>input:hover,body>.mainContainer>main>.buttonBar>p>a:hover,body>.mainContainer>main>.playList>.playInfo>.buttonBar>input:hover,body>.mainContainer>main>.playList>.playInfo>.buttonBar>p>a:hover,body>.mainContainer>main>form>.buttonBar>input:hover{color:#000;background-color:#eee}body{font-size:1.4em}* a{color:#e7421d}body>.mask.mainMenu{display:block;font-size:.8em;position:fixed;top:0;left:0;width:100vw;height:100vh;transition:width .2s ease 0s,height .2s ease 0s;z-index:99;background-color:rgba(0,0,0,.25)}body>.mask.mainMenu.inactive{width:0;height:0;transition:width .2s ease .4s,height .2s ease .4s}body>.mask.mainMenu>nav{display:block;background-color:#dbdbdb;top:0;left:0;width:14em;position:relative;transition:left .4s ease .2s;border:.1em solid #000}body>.mask.mainMenu>nav>p{line-height:3;width:100%;border-bottom:.1em solid #000}body>.mask.mainMenu>nav>p:last-child{border:none}body>.mask.mainMenu>nav>p>a{padding:0 1em 0 1em}body>.mask.mainMenu>nav.inactive{left:-14em;transition:left .4s ease 0s}body>.headerBackground{background-color:#dbdbdb;height:8em;width:100%;position:absolute;left:0;top:0;z-index:-1}body>.mainContainer{padding:0 .5em}body>.mainContainer>header{display:grid;grid-template-columns:83% 13%;grid-column-gap:4%;grid-template-rows:4em 4em;width:100%}body>.mainContainer>header>h1{color:#333;font-family:Spinnaker,sans-serif;font-size:1em;font-weight:700;align-self:end}body>.mainContainer>header>svg{height:2em;width:2em;align-self:end}body>.mainContainer>header>svg:hover{cursor:pointer}body>.mainContainer>header>svg>rect{fill:#333;width:14px;height:2px}body>.mainContainer>header>svg>rect.one{x:1px;y:3px}body>.mainContainer>header>svg>rect.two{x:1px;y:7px}body>.mainContainer>header>svg>rect.three{x:1px;y:11px}body>.mainContainer>header>h2{color:#333;font-size:.6em;font-weight:400;align-self:start}body>.mainContainer>header>nav.mainMenu{display:none}body>.mainContainer>header>nav.mainMenu p{line-height:1.7}body>.mainContainer>.headerSpace{height:1em}body>.mainContainer>.warning{padding:.2em .3em;border:2px solid #e7421d;margin:0 0 1em 0;vertical-align:top;width:100%}body>.mainContainer>.warning>p{font-size:1.1em;color:#bf0808;line-height:2}body>.mainContainer>main h1,body>.mainContainer>main h2,body>.mainContainer>main h3{letter-spacing:.1em}body>.mainContainer>main h1{font-size:1.4em}body>.mainContainer>main h2{font-size:1.3em}body>.mainContainer>main h3{font-size:1.1em;font-style:italic;margin:0 0 .3em 0}body>.mainContainer>main .underline{margin:.5em 0 1em 0;width:2em;border-bottom:.2em solid #e7421d}body>.mainContainer>main p{margin:0 0 1em 0;font-size:1.2em}body>.mainContainer>main>.welcome{display:grid;grid-template-columns:100%;padding:.2em .3em}body>.mainContainer>main>.welcome>img{width:50%;margin:0 auto 1em auto}body>.mainContainer>main>.playList{display:grid;grid-template-columns:100%}body>.mainContainer>main>.playList>.playInfo{margin:0 0 3em 0}body>.mainContainer>main>.playList>.playInfo>p{margin:0 0 1em 0}body>.mainContainer>main>.playList>.playInfo>.buttonBar{grid-template-columns:13em}body>.mainContainer>main>form{display:grid;grid-template-columns:100%;margin:0 0 1em 0}body>.mainContainer>main>form>label{font-size:1.2em}body>.mainContainer>main>form>input,body>.mainContainer>main>form>textarea{font-size:1.2em;border:2px solid #000;margin:0 0 1em 0;padding:.2em .3em}body>.mainContainer>main>form>textarea{height:25em}body>.mainContainer>main>form>.buttonBar{grid-template-columns:5em 5em}body>.mainContainer>main>.buttonBar{grid-template-columns:5em}@media only screen and (min-width:62em){body{font-size:1em}body>.mask.mainMenu{display:none}body>.mainContainer{width:50em;margin:1em auto 5em auto;font-size:1.1em}body>.mainContainer>header{margin:0 auto;grid-template-columns:1fr 1fr}body>.mainContainer>header>h1{font-size:1.9em;grid-column:1/span 2}body>.mainContainer>header>svg{display:none}body>.mainContainer>header>h2{font-size:1em;grid-column:1/span 1}body>.mainContainer>header>nav.mainMenu{display:grid;align-self:start;grid-template-columns:1fr 1fr 1fr 1fr;justify-items:center}body>.mainContainer>main>.welcome{display:grid;grid-template-columns:30% 68%;grid-column-gap:2%}body>.mainContainer>main>.welcome>img{width:100%;grid-row:1/span 10}body>.mainContainer>main>.playList{display:grid;grid-template-columns:31% 67%;grid-column-gap:2%}body>.mainContainer>main>.playList>.playTitle{margin:0 0 0 .5em}body>.mainContainer>main>form{display:grid;grid-template-columns:28% 70%;grid-column-gap:2%}body>.mainContainer>main>form>label{text-align:right}body>.mainContainer>main>form>input{width:20em}body>.mainContainer>main>form>.buttonBar{grid-column:1/span 2}}