@font-face
{
	font-family: Lato;
	src: url(/fonts/lato-regular.ttf);
	font-weight: normal;
}


@font-face
{
font-family: Lato-Light;
src: url(/fonts/Lato-Light.ttf);
font-weight: normal;
}

@font-face
{
font-family: Lato-LightItalic;
src: url(/fonts/Lato-LightItalic.ttf);
font-style: italic;
}



@font-face
{
font-family: AverageMono;
src: url(/fonts/AverageMono.ttf);
font-weight: normal;
}

@font-face
{
font-family: UniversElse;
src: url(/fonts/UniversElse-Regular.ttf);
font-weight: normal;
}

@font-face
{
font-family: UniversElse-Light;
src: url(/fonts/UniversElse-Light.ttf);
font-weight: normal;
}


body {
	font-family: Lato-Light;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top: 0px;
	font-size: 1em;
	background-color: white;
    }

div#topBar {
	
	text-align: center;
	line-height: 1.5;
	width: 100%;
	white-space: nowrap;
	background-color: transparent;
	z-index: 90;
	position: fixed;
	top: 10px;
	opacity:;
}

div#bottomBar {
	text-align: center;
	line-height: 1.5;
	width: 100%;
	white-space: nowrap;
	background-color: transparent;
	z-index: 90;
	position: fixed;
	bottom: 5%;
}

div#sideBar {
	text-align: left;
	line-height: 1.1;
	width: 20%;
	background-color: transparent;
	z-index: 90;
	position: fixed;
	left: 0%;
	top: 50px;
}



a.noUnderline {
    text-decoration: none;
    background-color: green;
}

a.undecorated:link {
    text-decoration: none;
    background-color: ;
}




div#sideBarRight {
	text-align: right;
	line-height: 1.1;
	width: 20%;
	background-color: transparent;
	z-index: 90;
	position: absolute;
	right: 0%;
	top: 120px;
	opacity: 1;
}


div#sideBarRight_years {
	text-align: right;
	line-height: 1.9;
	width: 20%;
	background-color: transparent;
	z-index: 90;
	position: absolute;
	right: 0%;
	top: 140px;
	opacity: 0.9;
}



a.sideBarRight_years:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.sideBarRight_years:visited {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.sideBarRight_years:active {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.sideBarRight_years:hover {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid rgb(100,100,100);
	border-left: 2px solid rgb(100,100,100);
	border-bottom: 2px solid rgb(100,100,100);
}





a.sideBarRight_years_on:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.sideBarRight_years_on:visited {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.sideBarRight_years_on:active {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.sideBarRight_years_on:hover {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}




div#sideBarRightMainPages {
	text-align: right;
	line-height: 1.9;
	width: 20%;
	background-color: transparent;
	z-index: 90;
	position: absolute;
	right: 0%;
	top: 140px;
	opacity: 1;
}


div#sideBarRight_2019 {
    text-align: right;
    letter-spacing: 1.2px;
    line-height: 1.1;
    width: 20%;
    background-color: transparent;
    z-index: 90;
    position: absolute;
    right: 0%;
    top: 140px;
    opacity: 1;
}

a.spaced {
    letter-spacing: 2px;
}

div#sideBarLeft_projects {
    text-align: left;
    line-height: 1.1;
    font-size: 1em;
    width:;
    padding-left: 3px;
   background-color: transparent;
    z-index: 90;
    position: fixed;
    left: 0%;
    top: 50px;
}


div#sideBarRight_2019_projects {
    text-align: right;
    font-size: 1em;
    line-height: 1.1;
    width: ;
    padding-right: 3px;
    background-color: transparent;
    z-index: 90;
    position: absolute;
    right: 0%;
    top: 50px;
    opacity: 1;
}



div#numberBarRight {
	text-align: right;
	line-height: 1;
	display: inline;
	width: 20%;
	background-color: transparent;
	z-index: 90;
	position: fixed;
	right: 0%;
	bottom: 6%;
	opacity: 1;
}


div#titleholder_camp {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 40px;
left:15%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}



div#titleholder_projects_2019 {
font-family: ;
font-size: 1.1em;
letter-spacing: 3px;
line-height: 1.5;
width: 50%;
padding: 0px;
text-align: left;
background-color: transparent;
position: fixed;
top: 40px;
left: 20%;
color: black;
opacity: 1;
}

div#say {
font-family: ;
font-size: 1.4em;
letter-spacing: 6px;
line-height: 1.5;
width: 23%;
padding: 0px;
text-align: right;
background-color: transparent;
position: fixed;
top: 250px;
left: 0px;
color: black;
opacity: 1;
}

div#something {
font-family: ;
font-size: 1.4em;
letter-spacing: 6px;
line-height: 1.5;
width: 23%;
padding: 0px;
text-align: left;
background-color: transparent;
position: fixed;
top: 250px;
right: 0px;
color: black;
opacity: 1;
}

div#imageContainer_flatoutindex
{
width: 50%;
height: 356px;
background-color: transparent;
text-align: left;
position: relative;
margin: 0 auto;
top: 100px;
z-index: ;
}

div#textContainer_flatout
{
width: 50%;
text-align: left;
line-height:1.6;
font-size: 1em;
background-color: transparent;
position: relative;
margin: 0 auto;
top: 20px;
}


div#titleholder_projects_R {
font-family: ;
font-size: 1.1em;
letter-spacing: 3px;
line-height: 1.5;
width: 50%;
padding: 0px;
text-align: left;
background-color: transparent;
position: fixed;
top: 40px;
left: 55%;
color: black;
opacity: 1;
}


div#titleholder_program2019 {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 40px;
left:16%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#visit_titleholder  {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 2%;
left:15%;
color: black;
z-index: 1;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}



div#starlings_key {
position: relative;
width: 10%;
top: 100px;
left: 80%;
background-color: transparent;
z-index: 70;
}

div#starlingContainer {
position: relative;
top: 100px;
left: 0px;
width: 100%;
background-color: transparent;
}




div#visit_textContainer {
position: relative;
width: 60%;
top: 80px;
left: 20%;
background-color: transparent;
}
    


div#visit_links {
position: relative;
width: 60%;
top: 100px;
left: 20%;
background-color: transparent;
}  






div#titleholder_listen {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 40px;
left:20%;
color: white;
opacity: 1;
     
    -moz-animation-name: feintToFullMoz;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFullMoz {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-keyframes feintToFull {
   0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}

div#titleholder_about {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 40px;
left:17%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#titleholder_index_only {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 40px;
left:16%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#titleholder_reveil {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 40px;
left:12%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#titleholder_stream {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 40px;
left:12%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}




div#textContainer1_index_only
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: absolute;
left: 20%;
top: 60%;
}



div#textAbout
{
width: 55%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 22%;
top: -260px;
}


div#textIndex
{
width: 50%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 23%;
top: 50px;
}


div#textIndex_em1 {
width: 60%;
text-align: left;
line-height:1.6;
font-size: 1em;
color: ;
background-color: transparent;
position: relative;
left: 20%;
top: 0px;
}



div#textContainer_camp
{
width: 55%;
text-align: left;
line-height:1.6;
font-size: 1em;
background-color: transparent;
position: relative;
left: 20%;
top: 130px;
}

div#textContainer_program2019
{
width: 55%;
text-align: left;
line-height:1.6;
font-size: 1em;
background-color: transparent;
position: relative;
left: 20%;
top: -20px;
}

div#textContainer_projects
{
width: 55%;
text-align: left;
line-height:1.6;
font-size: 1em;
background-color: transparent;
position: relative;
left: 20%;
top: 80px;
}



div#textcontainer_camp? {
width: 30%;
height:%;
overflow: scroll;
text-align: left;
line-height:1.6;
font-size: ;
background-color: transparent;
margin-top: 10%;
position: absolute;
overflow: hidden;
left: 20%;
top: 10%;
color: black;
z-index: -20;
}


.greyedOut {
	opacity: 0.1;
}


p	{
	font-family: Lato-Light;
	background-color: transparent;
	letter-spacing: 1px;
	text-align: left;
	line-height:1.8;

}


p.r {
	font-family: Lato-Light;
	background-color: transparent;
	letter-spacing: 1px;
	text-align: right;
	line-height:1.8;

}



p.close {
font-family: Lato-Light;
	background-color: transparent;
	letter-spacing: 1px;
	text-align: left;
	line-height:1.3;


}

p.r {
	font-family: Lato-Light;
	background-color: transparent;
	letter-spacing: 1px;
	text-align: right;
	line-height:1.8;

}

p.lr {
	font-family: Lato;
	src: url(../../../../fonts/lato-regular.ttf);
	font-weight: normal;
}


p.bigger {
	font-size: 1.3em;
}

p.em1point1 {
	font-size: 1.1em;
}

p.em1point2 {
	font-size: 1.2em;
}

p.em1point3 {
	font-size: 1.3em;
}

p.em1point4 {
	font-size: 1.4em;
}

p.em1point5 {
	font-size: 1.5em;
}

p.aLittleBigger {
	font-size: 1.1em;
}

p.em1point1close {
	font-size: 1.1em;
	line-height: 1;
}

p.biggerStill {
	font-size: 2em;
}

p.spaced {
	letter-spacing: 2px;
}

p.extraspaced {
	letter-spacing: 2.5px;
}

.letterspaced3px {
    letter-spacing: 5.0px;
}

.letterspaced5px {
    letter-spacing: 5.0px;
}

.letterspaced7px {
    letter-spacing: 7.0px;
}

span.close {
    letter-spacing: 0.7px;
}

span.em1 {
    font-size: 1em;
}

p.bold {
	font-family: Lato;
	font-weight: normal;
}

p.boldsimple {
	font-weight: bold;
}

p.aM {
	font-family: AverageMono;
	src: url(../../../fonts/AverageMono.ttf);
	font-weight: normal;
}

p.justify {
	text-align: justify;
}


p.sideBar {
	font-size: 1em;
}

font.h1 {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(220,220,220);
	background-color:black ;
	letter-spacing:2px;
}


p.italic	{
	font-family: Lato-LightItalic;
	font-style: italic;
}


p.smaller {
font-size: 0.9em;	
}


p.white {
color: white;
}

p.overlay {
	color: black;
	background-color:white ;
	opacity: 1;
}

p.big {
	font-family: Lato-Light;
	font-size: 3em;
	letter-spacing: 15px;
}


.LH2p5em {
	line-height: 2.5em;
}

.LHp5em {
	line-height: 0.5em;
}


font.h1 {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(220,220,220);
	background-color:black ;
	letter-spacing:2px;
}

p.italic	{
	font-family: Lato-LightItalic;
	font-style: italic;
}

.whiteOnBlack {
	font-family: UniversElse;
	color: white;
	background-color: black;
}

.whiteOnClear {
    font-family: UniversElse-Light;
    color: white;
    background-color: transparent;
}

p.ul {
	text-decoration: underline;
}


span.ul {
	text-decoration: underline;
}

span.blackOnWhite {
	color: black;
	font-size: 0.8em;
	background-color: white;
	opacity: 1;
}

span.white {
    color: white;   
}


.UE {
	font-family: UniversElse;
}

.UEL {
	font-family: UniversElse-Light;
}

.bold {
    font-weight: bold;
}



a.h1spacedwide:link {
	color: rgb(240,240,240);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
	margin-left: 0%;
	margin-right: 15%;
}

a.h1spacedwide:visited {
	color: rgb(240,240,240);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
	margin-left: 0%;
	margin-right: 15%;
}


a.h1spacedwide:hover {
	color: rgb(120,120,120);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
	margin-left: 0%;
	margin-right: 15%;
}

a.h1spacedwide:active {
	color: rgb(120,120,120);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
	margin-left: 0%;
	margin-right: 15%;
}




a.sideBarRight:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}



a.h1white:link {
	color: white;
	background-color: transparent;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left: 7px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
    border-top: 1px white solid; 
    border-right: 1px white solid; 
    border-bottom: 1px white solid; 

}

a.h1white:visited {
    color: white;
    background-color: transparent;
    letter-spacing: 2px;
    text-decoration: none;
    padding-left: 7px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px white solid; 
    border-right: 1px white solid; 
    border-bottom: 1px white solid; 

}


a.h1white:hover {
    color: white;
    background-color: transparent;
    letter-spacing: 2px;
    text-decoration: none;
    padding-left: 7px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px white solid; 
    border-right: 1px white solid; 
    border-bottom: 1px white solid; 
    opacity: 0.9;
}

a.h1white:active {
        color: white;
    background-color: transparent;
    letter-spacing: 2px;
    text-decoration: none;
    padding-left: 7px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px white solid; 
    border-right: 1px white solid; 
    border-bottom: 1px white solid; 

}

a.h1whiteright:link {
    color: white;
    background-color: transparent;
    letter-spacing: 2px;
    text-decoration: none;
    padding-left: 7px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px white solid; 
    border-left: 1px white solid; 
    border-bottom: 1px white solid; 

}

a.h1whiteright:visited {
    color: white;
    background-color: transparent;
    letter-spacing: 2px;
    text-decoration: none;
    padding-left: 7px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px white solid; 
    border-right: 1px white solid; 
    border-bottom: 1px white solid; 

}


a.h1whiteright:hover {
    color: white;
    background-color: transparent;
    letter-spacing: 2px;
    text-decoration: none;
    padding-left: 7px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px white solid; 
    border-right: 1px white solid; 
    border-bottom: 1px white solid; 
    opacity: 0.9;
}

a.h1whiteright:active {
        color: white;
    background-color: transparent;
    letter-spacing: 2px;
    text-decoration: none;
    padding-left: 7px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px white solid; 
    border-right: 1px white solid; 
    border-bottom: 1px white solid; 

}


a.h1:link {
    color: rgb(240,240,240);
    background-color: black;
    letter-spacing: 2px;
    text-decoration: none;
    padding-left: 7px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
}

a.h1:visited {
    color: rgb(240,240,240);
    background-color: black;
    letter-spacing: 2px;
    text-decoration: none;
}


a.h1:hover {
    color: rgb(120,120,120);
    background-color: black;
    letter-spacing: 2px;
    text-decoration: none;
}

a.h1:active {
    color: rgb(120,120,120);
    background-color: black;
    letter-spacing: 2px;
    text-decoration: none;
}




a.h1now:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: white;
	font-weight: bold;
	background-color:black;
	letter-spacing:2px;
	padding-left: 5px;
	padding-right: 3px;
	text-decoration: none;
}

a.h1now:visited {
	font-family: Lato-Light;
	font-size: 1em;
	color: white;
	font-weight: bold;
	background-color:black;
	letter-spacing:2px;
	padding-left: 5px;
	padding-right: 3px;
	text-decoration: none;
}

a.h1now:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: rgb(120,120,120);
	background-color:black;
}


a.h1now:active {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: rgb(120,120,120);
	background-color:black;
}



a.h1mute:link {
	color: rgb(200,200,200);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 2px;
}

a.h1mute:visited {
	color: rgb(200,200,200);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
}


a.h1mute:hover {
	color: rgb(200,200,200);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
}


a.twentyFourteen:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen:visited {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen:active {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen:hover {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid rgb(100,100,100);
	border-left: 2px solid rgb(100,100,100);
	border-bottom: 2px solid rgb(100,100,100);
}





a.twentyFourteen_off:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(230,230,230);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen_off:visited {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(245,245,245);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen_off:active {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(230,230,230);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen_off:hover {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(230,230,230);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}




a.white:link {
	font-family: UniversElse;
	text-align: ;
	color: white;
	background-color: transparent;
	letter-spacing:px;
	text-decoration: underline;
	
}

a.white:visited {
	font-family: UniversElse;
	text-align: ;
	color: white;
	background-color: transparent;
	letter-spacing:px;
	text-decoration: underline;
}

a.white:active {
	font-family: UniversElse;
	text-align: ;
	color: white;
	background-color: transparent;
	letter-spacing:px;
	text-decoration: underline;

}

a.white:hover {
	font-family: UniversElse;
	font-size: ;
	text-align: center;
	color: white;
	background-color: transparent;
	letter-spacing:px;
	text-decoration: none;

}



a.listen:link {
	font-family: AverageMono;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(230,230,230);
	letter-spacing:2px;
	text-decoration: none;
	padding: 1px;
	
}

a.listen:visited {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(245,245,245);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	
}

a.listen:active {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(230,230,230);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;

}

a.listen:hover {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(230,230,230);
	letter-spacing:2px;
	text-decoration: none;
	padding: 1px;

}


a.listen2019:link {
    font-family: UniversElse-Light;
    font-size: 1em;
    text-align: center;
    color: white;
    background-color: transparent;
    letter-spacing:2px;
    text-decoration: underline;
    padding: 1px;
    
}

a.listen2019:visited {
    font-family: UniversElse-Light;
    font-size: 1em;
    text-align: center;
    color: white;
    background-color: transparent;
    letter-spacing:2px;
    text-decoration: underline;
    padding: 1px;
    
}

a.listen2019:active {
    font-family: UniversElse-Light;
    font-size: 1em;
    text-align: center;
    color: white;
    background-color: transparent;
    letter-spacing:2px;
    text-decoration: underline;
    padding: 1px;

}

a.listen2019:hover {
     font-family: UniversElse-Light;
    font-size: 1em;
    text-align: center;
    color: white;
    background-color: transparent;
    letter-spacing:2px;
    text-decoration: underline;
    padding: 1px;

}





a.h2:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: black;
	background-color: white ;
	letter-spacing:2px;
	text-decoration: ;
	opacity: 1;
}

a.h2:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: black;
	background-color: white ;
	letter-spacing:2px;
	text-decoration: ;
	opacity: 1;
}

a.h2:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color:black ;
	letter-spacing:2px;
	text-decoration: none;
	
}



a.h2now:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color:black ;
	letter-spacing:2px;
	text-decoration: none;
}

a.h2now:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color:black ;
	letter-spacing:2px;
	text-decoration: none;
}

a.h2now:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(120,120,120);
	background-color:black ;
	letter-spacing:2px;
	text-decoration: none;
	
}










a.h3:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(100,100,100) ;
	letter-spacing:2px;
	text-decoration: none;
	opacity: 1;
	padding-left: 2px;
	padding-right: 2px;
	padding-left: 3px;
	padding-right: 1px;
}

a.h3:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(100,100,100) ;
	letter-spacing:2px;
	text-decoration: none;
	opacity: 1;
	padding-left: 3px;
	padding-right: 1px;
}


a.h3:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
}




a.h3now:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
}


a.h3now:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
}


a.h3now:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
	
}





a.h5:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(150,150,150) ;
	letter-spacing:2px;
	text-decoration: none;
	opacity: 1;
	padding-left: 2px;
	padding-right: 2px;
	padding-left: 3px;
	padding-right: 1px;
}

a.h5:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(150,150,150) ;
	letter-spacing:2px;
	text-decoration: none;
	opacity: 1;
	padding-left: 3px;
	padding-right: 1px;
}


a.h5:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
}




a.h5now:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
}


a.h5now:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
}


a.h5now:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
	
}







a.h4:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h4:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h4:active {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color:black ;
	letter-spacing:2px;
	text-decoration: none;
}

a.h4:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(120,120,120);
	background-color:black ;
	letter-spacing:2px;
	text-decoration: none;
	
}

a.h4now:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(120,120,120);
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h4now:active {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(120,120,120);
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
}


a.h4now:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(120,120,120);
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h4now:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(120,120,120);
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
	
}






a:link {
	color: rgb(0, 0, 0);
	text-decoration: underline;
}

a:visited {
	color: rgb(20, 20, 20);
	text-decoration: underline;
}

a:active {
	color: rgb(100, 100, 100);
	text-decoration: underline;
}

a:hover {
	color: rgb(15, 15, 15);
	text-decoration: none;
	
}


a.plain:link {
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

a.plain:visited {
    color: rgb(20, 20, 20);
    text-decoration: underline;
}

a.plain:active {
    color: rgb(100, 100, 100);
    text-decoration: underline;
}

a.plain:hover {
    color: rgb(15, 15, 15);
    text-decoration: none;
}


a.pl:link {
	color: rgb(120,120,120);
	text-decoration: none;
}

a.pl:visited {
	color: rgb(120,120,120);
	text-decoration: none;
}

a.pl:active {
	color: rgb(120,120,120);
	text-decoration: underline;
}

a.pl:hover {
	text-decoration: underline;
	
}





a.lighter:link {
	color: rgb(120, 120, 120);
	text-decoration: underline;
}

a.lighter:visited {
	color: rgb(120, 120, 120);
	text-decoration: underline;
}

a.lighter:active {
	color: rgb(120, 120, 120);
	text-decoration: underline;
}

a.lighter:hover {
	color: rgb(150, 150, 150);
	text-decoration: underline;
	
}


a.topspace {
position: relative;
top: -150px;
display: block;
height: 0;
width:0
}


a.left {
	text-align: left;
}



a.strong:link {
    color: ;
    background-color: transparent;
    letter-spacing: 2px;
    text-decoration: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px;
    border-style: solid;
}

a.strong:visited {
    color: ;
    background-color: ;
    letter-spacing: 2px;
    text-decoration: none;
}


a.strong:hover {
    color: ;
    background-color: ;
    letter-spacing: 2px;
    text-decoration: none;
    border: 1px;
    border-style: solid;
    border-color: transparent;
}

a.strong:active {
    color: ;
    background-color: ;
    letter-spacing: 2px;
    text-decoration: none;
}





div.shiftRight {
	position: absolute;
	left: 30%;
	top: 10px;
	width: 55%;
	font-family: Lato-Light;
	line-height:;
	font-size: 0.9em;
	position: ;
	background-color: transparent;
}

div.shiftRightDown {
	position: absolute;
	left: 30%;
	top: 90px;
	width: 55%;
	font-family: Lato-Light;
	line-height:;
	font-size: 0.9em;
	position: ;
	background-color: transparent;
}

div.textContainer_B
{
font-family: Lato-Light;
line-height:;
border: 0px ;
padding: 0px;
font-size: 0.9em;
position: ;
background-color: transparent;
}

div#container_wavefarm
{
width: 60%;
text-align: left;
line-height:0em;
background-color: transparent;
position: relative;
overflow: ;
left: 20%;
top: 250px;
color: ;
background-color: transparent;
}

div#container_resonance
{
width: 60%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: relative;
overflow: ;
left: 20%;
top: 380px;
color: ;
background-color: transparent;
}

div#container_rest
{
width: 60%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: relative;
overflow: ;
left: 20%;
top: 510px;
color: ;
background-color: transparent;
}





div#imageContainer1
{
width: %;
overflow:;
text-align: right;
padding: 10px;
font-size: ;
background-color: transparent;
position: fixed;
left: 35%;
top: 30%;
z-index:-2;
}

div#text_contexts {
width: 50%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 23%;
top: 80px;
}

div#imageContainer_resources
{
text-align: right;
width: 80%;
padding: 10px;
background-color: transparent;
position: relative;
left: 0%;
top: 20px;
z-index: -1;
opacity: 1;
}





div#imageContainer_streaming_download
{
text-align: left;
width: 80%;
padding: 10px;
background-color: green;
position: relative;
left: 10%;
top: 30px;
z-index: -1;
opacity: 1;
}



div#imageContainer_index_tent {
width: 60%;
text-align: center;
padding: 10px;
background-color: transparent;
position: relative;
top: 60px;
left: 17%;
z-index:-2;
}

div#imageContainer_stream {
width: 40%;
text-align: center;
padding: 10px;
background-color: transparent;
position: relative;
top: 60px;
left: 300px;
z-index:-2;
}



div#contribute {
width: 60%;
text-align: center;
padding: 10px;
background-color: transparent;
position: relative;
top: 15%;
left: 18%;
z-index:-2;
}

div#contribute_credit {
width: 30%;
text-align: right;
padding: 10px;
background-color: transparent;
position: fixed;
bottom: 50px;
right: 70px;
z-index:2;

}

div#imageContainer_About {
width: 100%;
text-align: center;
padding: 0px;
background-color: transparent;
overflow: hidden;
position: relative;
top: -10px;
left: -0px;
z-index:-2;
}


div#imageContainer1_tent
{
width: 100%;
overflow:;
text-align: center;
padding: 10px;
font-size: ;
background-color: transparent;
position: fixed;
top: 10%;
z-index:-2;
}



div#imageContainer1b_tent
{
width: 100%;
height:;
overflow:;
text-align: center;
border: 0px solid black;
padding: 10px;
font-size: 85%;
background-color: transparent;
position: fixed;
top: 10%;
z-index:-1;
opacity: 0;

    
    -moz-animation-name: fadetotransparent;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 10s;

    -webkit-animation-name: fadetotransparent;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 20s;

    -o-animation-name: fadetotransparent;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 20s;

    -animation-name: fadetotransparent;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 20s;

    
}
@-moz-keyframes fadetotransparent {
    0% {
        opacity: 0.3;
	
    }
    100% {
        opacity: 0;
	
    }
}
@-webkit-keyframes fadetotransparent {
    0% {
         opacity: 0.3;
	
    }
    100% {
         opacity: 0;
	
    }
}

@-o-keyframes fadetotransparent {
    0% {
         opacity: 0.3;
	
    }
    100% {
         opacity: 0;
	
    }
}

@-keyframes fadetotransparent {
    0% {
         opacity: 0.3;
	
    }
    100% {
         opacity: 0;
	
    }
}




div#title_2017 {
font-family: AverageMono;
font-size: 2.4em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 40px;
left:20%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#imagebox_2017 {
width: 60%;
text-align: center;
padding-bottom: 20px;
background-color: transparent;
position: relative;
top: 70px;
left: 19%;
z-index: -20;
}


div#textContainer_2017
{
width: 50%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 25%;
top: 30px;
padding-top: 10px;
}


div#titleholder_index {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 2%;
left:20%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#titleholder_contexts {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: relative;
top: 40px;
left:17%;
color: black;
z-index: 5;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#titleholder_supporters {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 2%;
left:20%;
color: black;
z-index: 5;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}



div#titleholder_news {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: relative;
top: 40px;
left:17%;
color: black;
z-index: 5;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}





div#titleholder_partners {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 2%;
left:20%;
color: black;
z-index: 5;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}



div#title_2018 {
font-family: AverageMono;
font-size: 2.4em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 40px;
left:20%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#title_2019 {
font-family: AverageMono;
font-size: 2.4em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 40px;
left:20%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}

div#imagebox_2018 {
width: 60%;
text-align: center;
padding-bottom: 20px;
background-color: transparent;
position: relative;
top: 85px;
left: 19%;
z-index: -20;
}

div#imagebox_2019 {
width: 60%;
text-align: center;
padding-bottom: 20px;
background-color: transparent;
position: relative;
top: 50px;
left: 19%;
z-index: -20;
}

div#textbox_2018
{
width: 50%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 25%;
top: 100px;
padding-top: 10px;
}

div#textbox_2019
{
width: 50%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 300px;
top: 100px;
padding-top: 10px;
}


div#imagebox_2016 {
width: 60%;
text-align: center;
padding-bottom: 20px;
background-color: transparent;
position: relative;
top: -5px;
left: 20%;
z-index: -20;
}

div#textContainer_2016 {
width: 50%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 25%;
top: 0px;
padding-top: 10px;
}


div#title_2015 {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 40px;
left:20%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#imagebox_2015 {
width: 60%;
text-align: center;
padding-bottom: 20px;
background-color: transparent;
position: relative;
top: 100px;
left: 20%;
z-index: -20;
}

div#textContainer_2015 {
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 20%;
top: 90px;
padding-top: 10px;
}




div#contribute_titleholder {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 2%;
left:20%;
color: black;
z-index: 5;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#contribute_text
{
width: 50%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 25%;
top: 100px;
}

div#contribute_image {
width: 100%;
text-align: center;
padding: 0px;
background-color: transparent;
position: relative;
top: 70px;
left: 0px;
opacity: ;
z-index:-20;
}


div#text_news {
width: 50%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 23%;
top: 80px;
}

div#starling_holder {
position: absolute;
top: 30px;
width: 100%;
height: 80vh;
overflow-x: hidden;
z-index: -50;
}



div#titleholder_2 {
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 21px;
width: 80%;
left: 10%;
text-align: center;
background-color: transparent;
position: fixed;
left: 10%;
top: 30%;
z-index: -10;
color: rgb(10,10,10);
opacity: 1;
 }    
  

div#titleholder_3 {
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 21px;
width: 80%;
left: 10%;
text-align: center;
background-color: transparent;
position: fixed;
left: 15%;
top: 20%;
z-index: 10;
color: rgb(10,10,10);
opacity: 1;
 } 


div#titleholder_4 {
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 21px;
width: 80%;
left: 10%;
text-align: center;
background-color: transparent;
position: fixed;
left: 15%;
top: 10%;
z-index: 20;
color: rgb(10,10,10);
opacity: 1;
 } 



div#featured_streams {
position: fixed;
left: 70%;
top: 35%;	
}


div#unheard_download_index {
position: fixed;
left: 70%;
top: 45%;	
}



div#stream_link {
position: fixed;
left: 70%;
top: 30%;	
}


div#links_right {
position: fixed;
text-align: right;
right: 10%;
top: 30%;
width: 35%;	
}

div#imageContainer_tent_diagram_partners
{
width: %;
height:;
overflow:;
text-align: right;
border: 0px solid black;
padding: 10px;
font-size: 85%;
background-color: transparent;
position: fixed;
left: 69%;
top: 16%;
z-index: 20;
opacity: 0.05;

    
    -moz-animation-name: fadetotransparent;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 2s;

    -webkit-animation-name: fadetotransparent;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 2.5s;

    -o-animation-name: fadetotransparent;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-out;
    -o-animation-duration: 3s;

    -animation-name: fadetotransparent;
    -animation-iteration-count: once;
    -animation-timing-function: ease-out;
    -animation-duration: 3s;
    
}
@-moz-keyframes fadetotransparent {
    0% {
        opacity: 0.6;
	
    }
    100% {
        opacity: 0.05;
	
    }
}
@-webkit-keyframes fadetotransparent {
    0% {
         opacity: 0.6;
	
    }
    100% {
         opacity: 0.05;
	
    }
}

@-o-keyframes fadetotransparent {
    0% {
         opacity: 0.6;
	
    }
    100% {
         opacity: 0.05;
	
    }
}

@-keyframes fadetotransparent {
    0% {
         opacity: 0.6;
	
    }
    100% {
         opacity: 0.05;
	
    }
}


div#imageContainer_listen {
width: 100%;
text-align: left;
padding: 0px;
font-size: ;
background-color: transparent;
position: fixed;
z-index: -80;
opacity: 1;
}


div#broadcastCredits {
background-color: transparent;
position: absolute;
left: 10%;
bottom: 0px;
color: white;
opacity: 0.7;
}


div#imageContainer_shed {
width: 60%;
text-align: left;
padding: 10px;
font-size: ;
background-color: transparent;
position: relative;
left: 25%;
top: 40px;
z-index: -80;
opacity: 1;
}


div#warbler_box
{
width: 99%;
text-align: right;
padding: 0px;
background-color: transparent;
position: absolute;
overflow: hidden;
right: 0px;
top: 0px;
z-index: -80;
opacity: 1;
}



div#imageContainer_contact {
width: 60%;
text-align: left;
padding: 10px;
font-size: ;
background-color: transparent;
position: fixed;
left: 600px;
top: 25%;
z-index: -80;
opacity: 1;
}



div#imageContainer_sunrise {
width: 60%;
text-align: left;
padding: 10px;
font-size: ;
background-color: transparent;
position: fixed;
left: 0%;
top: 35%;
z-index: -80;
opacity: 1;
}

div#imageContainer_sunrise2 {
width: 500px;
text-align: right;
background-color: transparent;
position: fixed;
right: 0px;
top: 75%;
overflow: hidden;
z-index: -80;
}

div#imageContainer_tent_diagram
{
width: 99%;
background-color: transparent;
text-align: center;
position: relative;
right:0px;
top: 110px;
z-index: -10;
}

div#imageContainer_tent_platform
{
width: 99%;
background-color: transparent;
text-align: center;
position: relative;
right: 20px;
top: -50px;
z-index: -10;
}


div#imageContainer_projects_platform_tent
{
width: 99%;
height: 650px;
background-color: transparent;
text-align: center;
position: relative;
right: 20px;
top: 20px;
z-index: -10;
}

div#imageContainer_projects_jessie_brennan
{
width: 50%;
height: 300px;
background-color: transparent;
text-align: left;
position: relative;
left: 20%;
top: 100px;
z-index: -10;
}

table#corners {

width: 100%;
}

td.narrowL {
width: 20px;
height: 230px;
}

td.wide {
width: 230px;
}

td.narrowR {
width: 20px;
height: 230px;
}


div#imageContainer_projects_jessie_brennan_sounds
{
width: 50%;
height: 300px;
background-color: transparent;
text-align: left;
position: relative;
left: 20%;
top: 120px;
z-index: -10;
}



div#imageContainer_projects_reveil
{
width: 50%;
height: 300px;
background-color: transparent;
text-align: left;
position: relative;
left: 30%;
top: 100px;
z-index: -10;
}


div#imageContainer_reveil
{
width: 50%;
background-color: transparent;
text-align: left;
position: relative;
left:23%;
top: 0px;
overflow: hidden;
z-index: -10;
}


div#reveilText
{
width: 50%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 23%;
top: 50px;
}

div#titleholder {
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 21px;
width: 80%;
left: 10%;
text-align: center;
background-color: transparent;
position: fixed;
left: 10%;
top: 30%;
color: rgb(10,10,10);
     
    -moz-animation-name: fontWhitetoBlack;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: fontWhitetoBlack;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 3s;

    -o-animation-name: fontWhitetoBlack;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: fontWhitetoBlack;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes fontWhitetoBlack {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes fontWhitetoBlack {
    0% {
         color: white;
    }
    100% {
color: rgb(10,10,10);
    }
}
@-o-keyframes fontWhitetoBlack {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes fontWhitetoBlack {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }
}








div#titleholder_index {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
z-index: 10;
top: 2%;
left:20%;
color: black;
opacity: 1
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}





div#titleholder_resources {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 10%;
left:20%;
color: black;
opacity: 1
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}




div#titleholder_plain
{
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 21px;
width: 80%;
left: 10%;
text-align: center;
background-color: transparent;
position: absolute;
left: 10%;
top: 30%;
color: rgb(10,10,10);


}



div#titleholder_resources
{
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 21px;
width: 80%;
left: 10%;
text-align: center;
background-color: transparent;
position: absolute;
left: 10%;
top: 10%;
color: rgb(10,10,10);


}



div#wavefarm_logo {
background-color: transparent;
position: fixed;
left: 10%;
top: 40%;
color: rgb(20,20,20);
}





div#dateholder {
font-size: 1.4em;
letter-spacing: 5px;
text-align: center;
line-height:1.2;
width:80%;
background-color: transparent;
position: fixed;
left: 10%;
top: 20%;
color: rgb(20,20,20);
}

div#featured {
font-size: 1.4em;
letter-spacing: 5px;
text-align: center;
line-height:1.2;
width:80%;
background-color: transparent;
position: fixed;
left: 10%;
top: 20%;
color: rgb(10,10,10);
opacity: 0;
     
    -moz-animation-name: fontFadeIn;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 3s;

    -webkit-animation-name: fontFadeIn;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 3s;

    -o-animation-name: fontFadeIn;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 3s;

    -animation-name: fontFadeIn;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 3s;
   
}

@-moz-keyframes fontFadeIn {
    0% {
         opacity: 1;
    }
    100% {
		opacity: 0;
    }
}
@-webkit-keyframes fontFadeIn {
    0% {
         opacity: 1;
    }
    100% {
		opacity: 0;
    }
}
@-o-keyframes fontFadeIn {
    0% {
         opacity: 1;
    }
    100% {
		opacity: 0;
    }
}
@-keyframes fontFadeIn {
    0% {
         opacity: 1;
}
    100% {
		opacity: 0;
    }
}




div#textContainer1
{
width: 32%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
overflow: ;
left: 10%;
top: 40%;
color: ;
background-color: transparent;
}


div#resourcesMenu
{
width: 80%;
text-align: center;
line-height:1.6;
background-color: transparent;
position: relative;
overflow: ;
left: 10%;
top: 20px;
color: ;
background-color: transparent;
}



div#textResources
{
width: 40%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: relative;
overflow: ;
left: 30%;
top: 50px;
color: ;
background-color: transparent;
}




div#textContainer1_index
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: absolute;
overflow: hidden;
left: 20%;
top: 20%;
color: ;
background-color: transparent;
}




div#instructions
{
width: 400px;
text-align: left;
line-height:1.6;
background-color: transparent;
position: relative;
overflow: hidden;
left: 12%;
top: 15%;
color: ;
background-color: transparent;
z-index: 90;
}


div#textContainer_stream
{
width: 52%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
overflow: hidden;
left: 10%;
top: 25%;
color: ;
background-color: transparent;
}


div#broadcasters
{
width: %;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
z-index: 50;
left: 40%;
top: 25%;
color: ;
background-color: transparent;
}

    
div#textContact
{
width: 32%;
text-align: left;
line-height: 1em;
background-color: transparent;
position: absolute;
overflow: hidden;
left: 15%;
top: 15%;
color: ;
background-color: transparent;
}  






div#textContainer_listen
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: absolute;
left: 20%;
top: 35%;
}  



div#listenLink {
width: 60%;
text-align: left;
line-height:1.6;
font-size: 1em;
background-color: transparent;
position: absolute;
left: 15%;
top: 20px;
} 

div#broadcast_text {
width: 55%;
text-align: left;
line-height:;
font-size: 1em;
background-color: transparent;
position: relative;
left: 20%;
top: 200px;
z-index: 99;
} 

div#broadcast_text2 {
width: 55%;
text-align: left;
line-height:;
font-size: 1em;
background-color: yellow;
position: relative;
left: 20%;
top: 20px;
z-index: 99;
} 



div#listenCredit {
width: 80%;
text-align: justify;
line-height:1.6;
font-size: 0.9em;
color: white;
background-color: blue;
position: absolute;
left: 10%;
top: -150px;
opacity: 0.7;
z-index: 98;
} 


div#listenText2
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 20%;
top: 10px;
} 


div#listenText
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 20%;
top: -170px;
}  



div#imagebox_stream {
width: 40%;
text-align: left;
padding: 10px;
background-color: transparent;
position: relative;
top: 100px;
left: 23%;
z-index:-2;
}


div#imagebox_methods {
width: 40%;
text-align: left;
padding: 10px;
background-color: transparent;
position: relative;
top: 130px;
left: 22%;
z-index:-2;
}


div#streamText {
width: 50%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 23%;
top: 90px;
}  



div#textContainer2
{
width: 32%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
overflow: hidden;
left: 10%;
top: 60%;
color: ;
background-color: transparent;
}


div#pi_howto_menu
{
width: 32%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
left: 600px;
top: 40%;
color: ;
background-color: transparent;
}


div#pi_howto_menu_resources
{
width: 32%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
overflow: hidden;
left: 60%;
top: 40%;
color: ;
background-color: transparent;
}





div#whatWillIHear {
font-family: AverageMono;
line-height:1.6;
border: 0px ;
padding: 0px;
font-size: 0.9em;
position: fixed;
top: 65%;
left: 45%;
background-color: transparent;
}




div#table_container {
color: black;
width: 90%;
background-color: transparent;
position: absolute;
top: 35%;
left: 5%;
z-index: 50;	
}




table#test {
width: 90%;
position: absolute;
top: 20%;
left: 10%;
padding: 15px;
background-color: transparent;
z-index: 10;
}

img.toBack {
	z-index: -50;
}



tr {
vertical-align: top;


}

th {
padding-left: 20px;
padding-bottom: 70px;
border-bottom: solid black 1px;
text-align: left;
font-size: 1.2em;
}


td
{
padding-left: 20px;
padding-top: 30px;
padding-bottom: 30px;
font-size: 0.9em;
}

td.img
{
width: 
padding-left: 20px;
padding-top: 30px;
padding-bottom: 30px;
}


td.description {
width: 500px;
padding-left: 20px;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: none;
background-color: transparent;
}


td.player {
width: 180px;
padding-left: 10px;
padding-right: 0px;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: none;
background-color: transparent;
}

table#smallLogos {
	width: 70%;
	position: relative;
	left: 15%;
	top: 10%;

}

td.smallLogos {
	width: ;
	border-bottom: none;
	text-align: center;

}



table#contribute {
	width: 70%;
	position: relative;
	left: 12%;
	top: 180px;
	background-color: transparent;
	z-index: 0;
}



table#supporters {
	width: 70%;
	position: relative;
	left: 15%;
	top: 180px;
	z-index: 0;

}

td.supportersLogo {
	width: %;
	border-bottom: none;
	text-align: center;
	background-color: ;

}

td.contribute {
	width: ;
	border-bottom: none;
	text-align: center;
	background-color: ;
}





table#partners {
	width: 70%;
	position: relative;
	left: 12%;
	top: 180px;
	background-color: transparent;
	z-index: 0;
}


td.partnersLogo {
	width: ;
	border-bottom: none;
	text-align: center;
	background-color: ;
}


td.contribute_left {
	width: ;
	border-bottom: none;
	text-align: center;
	background-color: ;
}

td.partnersDescription {
width: 500px;
padding-left: 10px;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: none;
background-color: transparent;
}

td.contribute_right {
width: 500px;
padding-left: 10px;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: none;
background-color: transparent;
}

td.logo {
	width: %;
	border-bottom: none;
	text-align: left;
	background-color: ;
}







td.logo {
	width: %;
	border-bottom: none;
	text-align: left;
	background-color: red;

}



table.program2019 {
    position: relative;
    left: ;
    font-family: UniversElse-Light;
    font-size: 1.2em; 
}

table.program2019 tr {
    height: px;
}


table.program2019 td {
    height: 30px;
    padding: 2px;
    background-color: transparent;
}




div#linkToPage1
{
width: 50px;
height:;
line-height:;
overflow:;
text-align: center;
opacity: 1;
color: rgb(100, 100,  100);
background-color: transparent;
position: fixed;
left: 74%;
top: 90%;
z-index: 20;
}



div#linkToPage2
{
width: 50px;
height:;
line-height:;
overflow:;
text-align: center;
opacity: 1;
border: 0px solid black;
padding: 0px;
font-size: ;
color: rgb(100, 100,  100);
background-color: transparent;
position: fixed;
left: 78%;
top: 90%;
z-index: 20;
}


div#linkToPage3
{
width: 50px;
height:;
line-height:;
overflow:;
text-align: center;
opacity: 1;
border: 0px;
padding: 0px;
font-size: ;
color: rgb(100, 100,  100);
background-color: transparent;
position: fixed;
left: 82%;
top: 90%;
z-index: 20;
}


div#players7and8 {
	width: ;
	position: fixed;
	right: 50px;
	top: 18%;
	background-color: transparent;
	opacity: 0.6;
	}