@charset "UTF-8";
/* CSS Document */




/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}





/* reset some styles */
h1 { font-size:200%; color:#5e4738;   }
h2 { font-size:150%; color:#5e4738;  }
h3 { font-size:120%; color:#5e4738;   }
h1,h2,h3 { margin:0.8em 0 0.5em; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
em { font-style:italic; }

blockquote,ul,ol,dl { margin:1em; }
ol,ul,dl { margin-left:2.5em; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }





/* put PBS nav back */
#pbs_gnav_t,
#pbs_gnav_t tr,
#pbs_gnav_t td {
	margin:auto;
	vertical-align:middle;
	text-align:center;
}















html { height: 100%; }


body {
	background: #e5d6b7 url(../_images/tile.jpg) repeat top center;
	text-align:center;
	margin:0;
	padding:0;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;/*"HelveticaNeue-Light", */
	font-size:14px;
	line-height:1.5em;

}
hr {
	clear: both;
	height: 1px;
	border: 0;
	margin:0;
	visibility: hidden;
}



a { outline: none; }

a:link {
	color:#900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #900;
}
a:hover {
	text-decoration:underline;
	color:#C00;
}
a:active {
	text-decoration: underline;
	color:#300;
}



.left {float:left;}
.right {float:right;}
.clear {clear:both;}






.left-pic {float:left; margin:0 10px 5px -20px;}








div.container {
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:left;
}



div#top-bkg {
	height:270px;
	width:100%;
	min-width:800px;
	background:url(../_images/top-bkg.jpg) no-repeat top center;
	position:absolute;
	top:28px;
	left:0;
	z-index:-1;
}





div#header {
	width:800px;
	/*background:url(../_images/logo.gif) no-repeat center top;*/
	margin:30px 0 23px;
	text-align:center;
}

div#footer {
	color:#958769;
	font-size:10px;
	text-transform:uppercase;
	margin:10px 0;
}
div#footer a { color:#958769; }
div#footer a:active,
div#footer a:hover { color:#900; }

/*div#pbs-shadow {
	height:2px;
	background:url(../_images/pbs-shadow.gif) repeat-x;
}*/




/*-----------   NAV   ------------*/
div#nav {
	height: 62px;
	text-align:center;
	margin:0;
	padding:0;
}


div#nav ul {
	height:24px;
	margin:0 auto;
	padding:0;
	list-style:none;
	text-align:left;
}
div#nav ul.nav-row1 { width:640px; }
div#nav ul.nav-row2 { width:518px; }

div#nav ul li {
	float:left;
	list-style:none;
}

div#nav ul li a {
	display:block;
	height:24px;
	background-image:url(../_images/buttons.gif);
	text-indent:-9999px;
}

div#nav ul li.nav-btn-1 a { width:239px; background-position:0 0; }
div#nav ul li.nav-btn-2 a { width:171px; background-position:0 -30px; }/*div#nav ul li.nav-btn-2 a { width:234px; background-position:0 -30px; }*/
div#nav ul li.nav-btn-3 a { width:143px; background-position:0 -60px; }
div#nav ul li.nav-btn-4 a { width:161px; background-position:0 -90px; }
div#nav ul li.nav-btn-5 a { width:152px; background-position:0 -120px; }
div#nav ul li.nav-btn-6 a { width:122px; background-position:0 -150px; }

div#nav ul li.nav-btn-1 a:hover,
div#nav ul li.nav-btn-1 a.selected { background-position: -300px 0; }

div#nav ul li.nav-btn-2 a:hover,
div#nav ul li.nav-btn-2 a.selected { background-position: -300px -30px; }

div#nav ul li.nav-btn-3 a:hover,
div#nav ul li.nav-btn-3 a.selected { background-position: -300px -60px; }

div#nav ul li.nav-btn-4 a:hover,
div#nav ul li.nav-btn-4 a.selected { background-position: -300px -90px; }

div#nav ul li.nav-btn-5 a:hover,
div#nav ul li.nav-btn-5 a.selected { background-position: -300px -120px; }

div#nav ul li.nav-btn-6 a:hover,
div#nav ul li.nav-btn-6 a.selected { background-position: -300px -150px; }


div#nav ul li.slashes {
	background:url(../_images/slashes.gif) no-repeat;
	width:11px;
	height:12px;
	margin:3px 15px;
}
div#nav ul li.slash1 { background-position:0 0; }
div#nav ul li.slash2 { background-position:-20px 0; }
div#nav ul li.slash2 { background-position:-40px 0; }
div#nav ul li.slash2 { background-position:-60px 0; }







div.title { text-align:center; padding:5px 0 30px; }
div.title h1 { display:none; }





/*-----------   HOMEPAGE   ------------*/
div#home-page {
	margin:28px auto 0;
	padding:0;
}

div#home-page .main-pic {
	margin:0;
	padding:0;
	border:none;
}

/*div#home-page div.page {
	background:url(../_images/home/page.png) no-repeat bottom left;
	padding:0 20px 50px;
	margin:0;
}*/
/*div#home-page p { padding: 10px 0; margin:0 30px; }*/

div#home-page .tape-img {
	padding:0 20px;
}

div#home-page .logos {
	clear:both;
	text-align:center;
	/*margin-top:20px;*/
}

div.front-paper-holder { margin:0; padding:0; }

div.front-paper-holder div.paper-content {
	background:url(../_images/home/paper-tile.gif) repeat-y top left;
	padding:1px 45px;
	margin:0;
	min-height:200px;
	position:relative;
}
div.front-paper-holder div.paper-content .inside-offset { margin:-5px 0 0 0; padding:0; }

div.front-paper-holder div.paper-content p {
	padding:0 0 0.5em 0;
	margin:0 30px;
}


div.front-paper-holder div.paper-bottom {
	width:800px;
	height:74px;
	background:url(../_images/home/paper-btm.gif) no-repeat top left;
	margin:0;
	padding:0;
	margin-top:-40px;
}













/*-----------   PAPER   ------------*/
div.paper-holder {}

div.paper-holder ul.paper-tabs {
	height:40px;
	margin:0 auto;
	padding:0 0 0 22px;
	list-style:none;
	text-align:left;
}

div.paper-holder ul.paper-tabs li {
	float:left;
	height:40px;
	margin-right:-7px;
	list-style:none;
}

div.paper-holder ul.paper-tabs li a {
	display:block;
	height:40px;
	background-image:url(../_images/paper/tab.png);
	float:left;
	
	margin:0;
	padding:0;
}

div.paper-holder ul.paper-tabs li a img {
	border:none;
	padding:15px 5px 15px 20px;
}
div.paper-holder ul.paper-tabs li div {
	height:40px;
	width:20px;
	background:url(../_images/paper/tab.png) no-repeat right top;
	float:left;
}

/*div.paper-holder ul.paper-tabs li a:hover { background-position: left bottom; }*/


div.paper-holder ul.paper-tabs li a em { display:none; }


div.paper-holder ul.paper-tabs li.ui-tabs-selected a  { background-position: left bottom; }
div.paper-holder ul.paper-tabs li.ui-tabs-selected div { background-position: right bottom; }

.ui-tabs-hide { display: none; }






div.paper-holder div.paper-top {
	margin:-10px 0 0 0;
	padding:0;
	background:url(../_images/paper2/paper-top.png) no-repeat top left;
	height:40px;
	width:800px;
}

div.paper-holder div.paper-content {
	background:url(../_images/paper2/paper-tile.png) repeat-y top left;
	padding:1px 45px;
	min-height:200px;
	position:relative;
}
div.paper-holder div.paper-content p {
	padding:0.5em 0;
	margin:0;
}


div.paper-holder div.paper-bottom {
	width:800px;
	height:50px;
	background:url(../_images/paper2/paper-bottom.png) no-repeat top left;
	margin:0;
	padding:0;
}


div.paper-holder div.paper-content .pane-padded {
	padding-top:0px;
}




div.paper-holder div.paper-content img.main-pic {
	float:right;
	padding:0;
	margin:-20px -10px 5px 5px;
	z-index:100;
}

div.paper-holder div.paper-content img.paper-clip {
	position:absolute;
	top:-40px;
	right:130px;
}




/*div.paper-holder div.paper-bkg {
	margin:-7px 0 0 0;
	background:url(../_images/paper/page-bkg.png) no-repeat top left;
}

div.paper-holder div.paper-content {
	padding:1px 30px 0 45px;
	min-height:400px;
	position:relative;
}
div.paper-holder div.paper-content p {
	padding:0.5em 0;
	margin:0;
}


div.paper-holder div.paper-bottom {
	height:80px;
	background:url(../_images/paper/page-bkg.png) no-repeat bottom left;
}


div.paper-holder div.paper-content .pane-padded {
	padding-top:30px;
}*/









/*-----------   DAVID AND GREG   ------------*/
#david-greg { margin-top: 30px; }


#david-greg div.paper-holder div.paper-content img.name {
	padding:5px 0 10px 10px;
}



#david-greg div.paper-holder div.paper-content p {
	margin:5px 11px;
	line-height:1.7em;
}


#david-greg div.paper-holder div.paper-content div.extra-pics {
	padding:20px 30px 0;
}
#david-greg div.paper-holder div.paper-content div.extra-pics a {
	float:left;
	margin:0 10px;
}



#david-greg #HowTheyWork ol li {
	margin:15px 0px;
	list-style-image:url(../_images/david-greg/bullet.gif);
}


#david-greg #HowTheyWork .left-pic {float:left; margin:0 20px 5px -50px;}









/*-----------   ENDANGERED LANGUAGES   ------------*/
div#languages {
	padding-top:30px;
}

div#LanguageQuiz {
	padding:0px 20px 1px 20px;
}

div#LanguageQuiz div.title { text-align:center; }



div#LanguageQuiz div.question {
	padding-top:30px;
}


div#LanguageQuiz div.question h1 {
	font-size:18px;
	font-weight:normal;
	color:#660000;
}
div#LanguageQuiz div.question h1 img.correct { vertical-align:bottom; }
div#LanguageQuiz div.question h1 img.incorrect { vertical-align:middle; }

div#LanguageQuiz div.question ul {
	list-style:none;
	margin:0;
	padding:0 25px;
}

div#LanguageQuiz div.question ul li {
	margin:5px 0;
	list-style:none;
}


div#LanguageQuiz div.question a.checkbox {
	text-decoration:none;
	color:#333;
}
div#LanguageQuiz div.question a.checkbox.checked {
	font-weight:bold;
}

div#LanguageQuiz div.question a.checkbox.wrong {
	font-weight:bold;
	font-style:italic;
}

div#LanguageQuiz div.question a.checkbox img.button {
	background:url(../_images/quiz/checkbox.gif) no-repeat left top;
	width:13px;
	height:16px;
	vertical-align:middle;
	
	position:relative;
	top:-2px;
}
div#LanguageQuiz div.question a.checkbox:active img.button { background-position:bottom left; }

div#LanguageQuiz div.question a.checkbox.checked img.button { background-position:right top; }
div#LanguageQuiz div.question a.checkbox.checked:active img.button { background-position:right bottom; }

div#LanguageQuiz div.question a.checkbox img { border:none; }

div#LanguageQuiz div.question a.checkbox img.correct { vertical-align:middle; }


div#LanguageQuiz div.question div.answer-long {
	padding:5px 30px;
	font-style:italic;
}



div#LanguageQuiz div#check-answers {
	padding-top:20px;
	margin-top:30px;
	background:url(../_images/quiz/div.gif) no-repeat center top;
}
div#LanguageQuiz div#check-answers a {
	display:block;
	width:214px;
	height:20px;
	margin:0 233px;
	background:url(../_images/quiz/check-my-answers.gif) no-repeat top;
	text-indent:-9999px;
}
div#LanguageQuiz div#check-answers a:hover { background-position:bottom; }



div#KeyTerms h2 {
	margin-top:0;
}
div#KeyTerms h3 {
	margin-bottom:0 auto;
}






/* ----  See the Languages  ----  */
div#SeeTheLanguages {}

div#SeeTheLanguages div.title { padding:0px 0 10px; }


div#SeeTheLanguages div.section {
	padding:0 30px 30px;
	
}

div#SeeTheLanguages div.section h2 {
	color:#5e4738;
	font-size:24px;
	background:url(../_images/endangered/div.gif) no-repeat bottom left;
	margin:5px 0;
	padding:2px;
}
div#SeeTheLanguages div.section h2 span {
	font-weight:normal;
	/*font-style:italic;*/
	font-size:16px;
}

div#SeeTheLanguages div.section p {
	color:#5e4738;
	font-size:16px;
	margin:0;
	padding:3px 30px 0;
}
div#SeeTheLanguages div.section p strong {
	color:#8c0a09;
	font-size:18px;
}

div#SeeTheLanguages div.section div.words {
	margin:0;
	padding:0 60px;
}

div#SeeTheLanguages div.section div.words h3 {
	font-size:20px;
	font-weight:normal;
	color:#000;
	margin:20px auto 0;
	padding:0;
}
div#SeeTheLanguages div.section div.words p {
	margin:0;
	padding:0;
	color:#5e4738;
	font-size:16px;
}

div#SeeTheLanguages div.section div.words div.three-column {
	width:180px;
	float:left;
}





div#SeeTheLanguages div.section div.words table {
	margin:10px 0 0;
	text-align:center;
	width:100%;
}


div#SeeTheLanguages div.section div.words table th {
	font-size:12px;
	font-weight:bold;
	color:#8c0a09;
}

div#SeeTheLanguages div.section div.words table tr { margin:0; padding:0; }

div#SeeTheLanguages div.section div.words table td { margin:0; padding:10px; }

div#SeeTheLanguages div.section div.words table.quarters td h3 {
	margin:0 auto;
}



div#SeeTheLanguages div.section div.words table.thirds   td { width:33%; }
div#SeeTheLanguages div.section div.words table.quarters td { width:25%; }



div#SeeTheLanguages div.section div.words table.quarters tr { background:url(../_images/endangered/div-light.gif) no-repeat bottom left; }
div#SeeTheLanguages div.section div.words table.quarters tr.no-underline { background:none; }





div#Resources a:link {
	color:#600;
	text-decoration:underline;
}




/* ----  Hear the Languages  ----  */
div#HearTheLanguages { text-align:center; }
div#HearTheLanguages h2 { margin-bottom:0; }
div#HearTheLanguages h3 { margin-top:5px; }



/*-----------   SPEAKERS   ------------*/
div#speakers {
	padding-top:30px;
}

div#speakers .title {
	text-align:center;
	padding:5px;
}


div#speakers div.main-map {
	background:url(../_images/speakers/map.jpg) no-repeat top left;
	width:800px;
	height:440px;
	
	position:relative;
}

div#speakers div.main-map a {
	display:block;
	text-indent:-9999px;
	
	width:134px;
	height:60px;
	
	position:absolute;
}
div#speakers div.main-map a:hover { background-position:bottom; }

div#speakers div.main-map a.chulym		{ background-image:url(../_images/speakers/chulym.png);		top:66px;  left:520px; }
div#speakers div.main-map a.sora		{ background-image:url(../_images/speakers/sora.png);		top:173px; left:511px; }
div#speakers div.main-map a.kallawaya	{ background-image:url(../_images/speakers/kallawaya.png);	top:259px; left:164px; }
div#speakers div.main-map a.chemehuevi	{ background-image:url(../_images/speakers/chemehuevi.png);	top:117px; left:67px; }



div.language-bio {
	padding:20px 30px;
	text-align:left;
	background-color:#FFF;
}


div.language-bio h1 {
	font-size:20px;
	margin:5px 0 10px;
	color:#8c0a09;
}

div.language-bio h2 {
	font-size:16px;
	margin: 20px 0 0;
	color:#5e4738;
}

div.language-bio p { margin:5px 0 10px; }

div.language-bio a.close-btn {
	font-weight:bold;
	font-size:12px;
	padding:5px 10px;
	background-color:#5e4738;
	color:#FFF;
	text-decoration:none;
	
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
div.language-bio a.close-btn:hover {
	background-color:#8c0a09;
}




/*-----------   ABOUT THE FILM   ------------*/
#about-the-film { margin-top: 30px; }

#about-the-film div.paper-holder div.paper-content img.title {
	padding:5px 0 20px;
}




#about-the-film #credit-list { text-align:left; padding:0 40px; }

#about-the-film #credit-list p {
	margin:0;
	padding:0;
	/*font-weight:bold;*/
}

#about-the-film #credit-list h1 {
	font-size:12px;
	margin:0;
}

#about-the-film #credit-list hr {
	padding:10px 0;
}

#about-the-film #credit-list .two-col {
	width:300px;
	float:left;
}





#about-the-film #Bios h2 {
	margin:0;
}


#about-the-film #Contact .insides {
	text-align:center;
	padding:0 60px;
}

#about-the-film .trailer-bkg {
	background:url(../_images/aboutthefilm/trailer-bkg.gif) no-repeat center center;
	width:626px;
	height:362px;
	margin:0 40px 10px;
}
#about-the-film #trailer-box {
	margin:9px 13px 0;
}

#about-the-film #Trailer .title {
	padding:0 5px 5px;
}


#about-the-film .poster {
	float:right;
	margin:5px 20px;
}




/*-----------   FOR EDUCATORS   ------------*/
#educators { margin-top: 30px; }

div.video-box {
	background:url(../_images/educators/extra-bkg.gif) no-repeat top left;
	width:360px;
	height:263px;
	padding:7px 9px 15px 11px;
	margin:0 auto;
}

#VideoExtras h3 { text-align:center; }




/*-----------   SHOW TIMES   ------------*/
#showtimes { margin-top: 30px; }

#showtimes .showtimes-content { padding:0 50px; }

#showtimes h2 { margin:0; }

/*-----------   VIDEO   ------------*/
/*.video-box {
	border:#000 solid 4px;
}*/





.print-only { display:none; }