@charset "UTF-8";
/* CSS Document */

ul li { text-align: center; display: inline-block; margin-left:-40px;padding: 0px; background-color: none; color: white; z-index:0;}
ul li:hover { }
ul li ul { display: none; }
ul li:hover ul,ul li.over ul { display: block; margin-top: -768px; margin-left: 0px; z-index: 100;}
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;

body {
	font-family:'Avenir LT W01 35 Light';
	font-family:'Avenir LT W01 65 Medium' Helvetica, sans-serif;
}

a:link {
	color:#999;
	text-decoration:none;
}

a:visited {
	color: #999;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
	font-family: "Avenir LT W01 65 Medium Helvetica", sans-serif;
	letter-spacing: 1px;
}

#wrap {
	float:left;
	width: 1024px;
	height: 768px;
}

.background {
	width: 1024px;
	height: 768px;
}

#mapimage {
	position: absolute;
}
#map a {
    cursor: hand;
}

*:focus
{
outline: none;
outline-width: 0;
}

#page-content {
	clear: both;
	position: relative;
	top: 30px;
	margin-left: 380px;
	width: 485px;
}
#page-content-narrow {
	clear: both;
	position: relative;
	top: 30px;
	margin-left: 380px;
	width: 300px;
}
#page-content-narrow-mission {
	clear: both;
	position: relative;
	top: 0px;
	margin-left: 0px;
	width: 380px;
}
#page-content-right {
	float: left;
	position: absolute;
	top: 94px;
	margin-left: 320px;
	width: 320px;
}
#page-content-right-perf {
	float: left;
	position: absolute;
	top: 10px;
	margin-left: 320px;
	width: 320px;
}
#page-content-right-perf2 {
	float: left;
	position: absolute;
	top: 150px;
	margin-left: 672px;
	width: 320px;
}
#thumbs-left {
	float: left;
	position: absolute;
	margin-left: 0px;
	width: 100px;
}
#thumbs {
	float: left;
	position: absolute;
	margin-left: 0px;
	width: 300px;
}

#thumbs-middle {
	float: left;
	position: absolute;
	margin-left: 100px;
	width: 100px;
}
#thumbs-right {
	float: left;
	position: absolute;
	margin-left: 200px;
	width: 100px;
}
.thumbs {
	margin-bottom: 10px;
	margin-right: 10px;
}

.column-pics {
	padding: 0px 0 6px 0;
	margin: 0;
	font-family: "Avenir LT W01 65 Medium Helvetica", sans-serif;
}

#s2 {
	margin: auto; 
	display: block;
}

.slides {  
    margin: 20px auto; 
	padding: 0;  
} 

#page-content-text {
	margin-top: 20px;
	width: 425px;
}

#page-content-narrow-text {
	margin-top: 20px;
	width: 300px;
}

.recital-title {
	font-family:'Avenir LT W01 65 Medium' Helvetica, sans-serif;
	font-size: 1.05em;
	line-height: 1.8em;
	color: #fff;
	font-weight: bold;
	letter-spacing:1px;
}

.recital-text {
	font-family:'Avenir LT W01 35 Light' Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
	color: #fff;
	margin-top:10px;
	letter-spacing:1px;
}
.mission-text {
	font-family:'Avenir LT W01 35 Light' Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
	color: #ebce7b;
	margin-top:20px;
	letter-spacing:1px;
}
.board {
	font-family:'Avenir LT W01 35 Light' Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.3em;
	color: #ebce7b;
	margin-top:20px;
	letter-spacing:1px;
}
.ital {
	font-family:'AvenirLTW01-45BookObliq' Helvetica, sans-serif;
}
.mission-credits {
	font-family:'Avenir LT W01 35 Light' Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #ebce7b;
	margin-top:10px;
	letter-spacing:1px;
	margin-bottom: 0px;
}

.recital-text-name {
	font-family:'Avenir LT W01 35 Light' Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: .8em;
	color: #fff;
	margin-top:0px;
	margin-bottom: 28px;
	letter-spacing:1px;
}

.exhibit-head {
	font-family:'Avenir LT W01 65 Medium' Helvetica, sans-serif;
	font-size: 1.45em;
	line-height: 1.8em;
	color: #fff;
	font-weight: bold;
	letter-spacing:1px;
}

.performance-head {
	font-family:'Avenir LT W01 65 Medium' Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #ebce7b;
	font-weight: bold;
	letter-spacing:1px;
	margin-top:6px;
	margin-bottom: 0px;
}
.performance-subhead {
	font-family:'Avenir LT W01 65 Medium' Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.4em;
	color: #ebce7b;
	font-weight: normal;
	letter-spacing:1px;
	margin-top: 6px;
	margin-bottom: 22px;
}

.exhibit-title {
	font-family:'Avenir LT W01 65 Medium' Helvetica, sans-serif;
	font-size: 1.05em;
	line-height: 1.8em;
	color: #fff;
	font-weight: bold;
	letter-spacing:1px;
}
.exhibit-text {
	font-family:'Avenir LT W01 35 Light' Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
	color: #fff;
	margin-top:10px;
	letter-spacing:1px;
}

.hidden {
	display: none;
	color: #333333;
}
#my_video {
	height: 100%;
	widthe: 100%;
}

.preload-images {
	background-image: url(img src=images/forum/Forum.jpg);
	background-image: url(img src=images/forum/Forum11.jpg);
	background-image: url(img src=images/forum/Forum12.jpg);
	background-image: url(img src=images/forum/Forum13.jpg);
	background-image: url(img src=images/forum/Forum14.jpg);
	background-image: url(img src=images/forum/Forum15.jpg);
	background-image: url(img src=images/forum/Forum16.jpg);
	background-image: url(img src=images/forum/Forum17.jpg);
	background-image: url(img src=images/forum/Forum21.jpg);
	background-image: url(img src=images/forum/Forum22.jpg);
	background-image: url(img src=images/forum/Forum23.jpg);
	background-image: url(img src=images/forum/Forum24.jpg);
	background-image: url(img src=images/forum/Forum25.jpg);
	background-image: url(img src=images/forum/Forum26.jpg);
	background-image: url(img src=images/forum/Forum27.jpg);
	background-image: url(img src=images/forum/Forum31.jpg);
	background-image: url(img src=images/forum/Forum32.jpg);
	background-image: url(img src=images/forum/Forum33.jpg);
	background-image: url(img src=images/forum/Forum34.jpg);
	background-image: url(img src=images/forum/Forum35.jpg);
	background-image: url(img src=images/forum/Forum36.jpg);
	background-image: url(img src=images/forum/Forum37.jpg);
	background-image: url(img src=images/forum/Forum41.jpg);
	background-image: url(img src=images/forum/Forum42.jpg);
	background-image: url(img src=images/forum/Forum43.jpg);
	background-image: url(img src=images/forum/Forum44.jpg);
	background-image: url(img src=images/forum/Forum45.jpg);
	background-image: url(img src=images/forum/Forum46.jpg);
	background-image: url(img src=images/forum/Forum47.jpg);
	background-image: url(img src=images/forum/Forum51.jpg);
	background-image: url(img src=images/forum/Forum52.jpg);
	background-image: url(img src=images/forum/Forum53.jpg);
	background-image: url(img src=images/forum/Forum54.jpg);
	background-image: url(img src=images/forum/Forum55.jpg);
	background-image: url(img src=images/forum/Forum56.jpg);
	background-image: url(img src=images/forum/Forum57.jpg);
	background-image: url(img src=images/forum/Forum61.jpg);
	background-image: url(img src=images/forum/Forum62.jpg);
	background-image: url(img src=images/forum/Forum63.jpg);
	background-image: url(img src=images/forum/Forum64.jpg);
	background-image: url(img src=images/forum/Forum65.jpg);
	background-image: url(img src=images/forum/Forum66.jpg);
	background-image: url(img src=images/forum/Forum67.jpg);
	background-image: url(img src=images/forum/Forum71.jpg);
	background-image: url(img src=images/forum/Forum72.jpg);
	background-image: url(img src=images/forum/Forum73.jpg);
	background-image: url(img src=images/forum/Forum74.jpg);
	background-image: url(img src=images/forum/Forum75.jpg);
	background-image: url(img src=images/forum/Forum76.jpg);
	background-image: url(img src=images/forum/Forum77.jpg);
	display: none;
	background-repeat: none;
}

@media (max-width: 1024px) {
	/* reduce widths of layout */
#wrap {
	float:left;
	margin-top:-20px;
	margin-left: -10px;
	width: 960px;
	height: auto;
}
.various {
	width: 960px;
	height: auto;
}
#my_video {
	height: 100%;
	widthe: 100%;
}
#video-player:-webkit-full-screen {
    width: 100%;
}

}
