@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/story/Story.jpg);
	background-image: url(img src=images/story/Story11.jpg);
	background-image: url(img src=images/story/Story12.jpg);
	background-image: url(img src=images/story/Story13.jpg);
	background-image: url(img src=images/story/Story14.jpg);
	background-image: url(img src=images/story/Story15.jpg);
	background-image: url(img src=images/story/Story16.jpg);
	background-image: url(img src=images/story/Story17.jpg);
	background-image: url(img src=images/story/Story21.jpg);
	background-image: url(img src=images/story/Story22.jpg);
	background-image: url(img src=images/story/Story23.jpg);
	background-image: url(img src=images/story/Story24.jpg);
	background-image: url(img src=images/story/Story25.jpg);
	background-image: url(img src=images/story/Story26.jpg);
	background-image: url(img src=images/story/Story27.jpg);
	background-image: url(img src=images/story/Story31.jpg);
	background-image: url(img src=images/story/Story32.jpg);
	background-image: url(img src=images/story/Story33.jpg);
	background-image: url(img src=images/story/Story34.jpg);
	background-image: url(img src=images/story/Story35.jpg);
	background-image: url(img src=images/story/Story36.jpg);
	background-image: url(img src=images/story/Story37.jpg);
	background-image: url(img src=images/story/Story41.jpg);
	background-image: url(img src=images/story/Story42.jpg);
	background-image: url(img src=images/story/Story43.jpg);
	background-image: url(img src=images/story/Story44.jpg);
	background-image: url(img src=images/story/Story45.jpg);
	background-image: url(img src=images/story/Story46.jpg);
	background-image: url(img src=images/story/Story47.jpg);
	background-image: url(img src=images/story/Story51.jpg);
	background-image: url(img src=images/story/Story52.jpg);
	background-image: url(img src=images/story/Story53.jpg);
	background-image: url(img src=images/story/Story54.jpg);
	background-image: url(img src=images/story/Story55.jpg);
	background-image: url(img src=images/story/Story56.jpg);
	background-image: url(img src=images/story/Story57.jpg);
	background-image: url(img src=images/story/Story61.jpg);
	background-image: url(img src=images/story/Story62.jpg);
	background-image: url(img src=images/story/Story63.jpg);
	background-image: url(img src=images/story/Story64.jpg);
	background-image: url(img src=images/story/Story65.jpg);
	background-image: url(img src=images/story/Story66.jpg);
	background-image: url(img src=images/story/Story67.jpg);
	background-image: url(img src=images/story/Story71.jpg);
	background-image: url(img src=images/story/Story72.jpg);
	background-image: url(img src=images/story/Story73.jpg);
	background-image: url(img src=images/story/Story74.jpg);
	background-image: url(img src=images/story/Story75.jpg);
	background-image: url(img src=images/story/Story76.jpg);
	background-image: url(img src=images/story/Story77.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%;
}

}