body {
  font-family: 'the_sans_plain', sans-serif;
  background:#747470;
  color:#FFF;
  min-width:320px;
}

.introduction {
	margin:40px 0 0 0;
	padding:0;
}
.starter-template {
  padding: 40px 0 0 0;
  margin: 0px 0 0 0;
}

.img-background {
	background:url(../images/background-bead.png) 0px -10px repeat-x;height:200px;margin:0 0 30px 0}
.footer {border-top:#999 solid 1px;margin:20px 0 0 0}
#si-nmai-logo circle {fill:#747470}
#si-nmai-logo path {fill:#FFFFFF}
#si-nmai-logo .si {fill:#FFFFFF;font-family:"Minion-Regular";font-size:16px}
#si-nmai-logo .nmai {fill:#FFFFFF;font-family:"Minion-Italic";font-size:16px;font-style:italic}
.caption em {margin:0 2px 0 0}
.caption .en-dash {bottom:1px;font-family:Arial, Helvetica, sans-serif;position:relative}

a {color:#FFF;text-decoration:none}
a:hover, a:focus {
	color: #FFFFFF;
	text-decoration: none
}


.audio-control {background:#3a3a3a;font-size:12px;display:block;text-align:left;font-weight:500;color:#FFF;border:none; padding:0 25px 5px 10px; margin:1px 5px 3px 0;width:250px}
.audio-title {position:relative;bottom:5px;left:3px }
.audio-icon {font-size:50px}


@font-face {
	font-family:'the_sans_plain';
	src: url('../fonts/TheSans-Plain.ttf') format('truetype');
	font-weight: normal;
	font-style:normal;
}


@font-face {
	font-family: 'franklin_gothic_fsbook';
    src: url('../fonts/FranklinGothic-Book-webfont.eot');
    src: url('../fonts/FranklinGothic-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FranklinGothic-Book-webfont.woff') format('woff'),
         url('../fonts/FranklinGothic-Book-webfont.ttf') format('truetype'),
         url('../fonts/FranklinGothic-Book-webfont.svg#franklin_gothic_fsbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
.navbar-brand {font-family: 'Lato', sans-serif;font-size:24px;font-weight:bold; letter-spacing:1px;}

.logo img {
	display: inline-block;
	padding-top: 10px;
	width: 150px;
}

.logo-nmai img {
	display: inline-block;
	padding-top: 10px;
	width: 380px;
}

.logo-divider {
	display: inline-block;
	padding-top: 10px;
	vertical-align: middle;
	padding-right: 5px;
	font-weight: bold;
}

.lead {font-family:'the_sans_plain', sans-serif;font-weight:400;line-height:1.4;margin-bottom:20px}
.title {font-family:'the_sans_plain', sans-serif;font-weight:400;line-height:1.4;margin-bottom:16px; font-size:24px; letter-spacing:1px;}
.title-nav {font-family:'the_sans_plain', sans-serif;line-height:1.4;margin-bottom:16px; font-size:16px; letter-spacing:1px; text-align:center; margin-bottom:60px;}
.title-transcript {font-family:'the_sans_plain', sans-serif;line-height:1.4;margin-bottom:20px; font-size:18px; letter-spacing:1px; font-weight:normal;}
.vertical {margin:30px 0}
.title-text {font-family:'the_sans_plain', sans-serif;line-height:1.4;margin-bottom:20px; font-size:14px; letter-spacing:.5px; font-weight:normal; margin-top:10px;}
.vertical {margin:30px 0}
.source {font-family:'the_sans_plain', sans-serif;font-weight:lighter;line-height:1.4;margin-bottom:10px; font-size:10px; letter-spacing:1px;}
.caption {font-size:12px;margin:15px 0 30px 0}
.identity {font-family: 'Lato', sans-serif; text-align:center; font-weight:bold; letter-spacing:1.5px; line-height:40px;}
.identity-small {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 24px; margin-top: -8px; letter-spacing:.5px; line-height:20px;}
.identity-small-date {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 20px; margin-top: 0px; letter-spacing:.5px;}

.gallery {display:inline;list-style:none}
.gallery-thumbnail {background:#747470;margin:10px 0;padding:1em}


.row-nav {
  /*margin-right: -15px;
  margin-left: -15px;*/
  text-align: center;
  /*padding-left: 90px;
  padding-bottom: 70px;*/
  margin-bottom: 7rem;

}

@media (min-width: 1200px) {
	.list-menu img {width:260px;height:260px;margin:0px 22px 7px 0}
	
}

@media (max-width:1199px) {
	.logo-nmai img {width: 260px; padding-top: 15px;}
	.logo img {width: 110px; padding-top: 15px;}
	
}	

@media (min-width: 992px) and (max-width:1199px) {
	.list-menu img {width:210px;height:210px;margin:0px 14px 7px 0}
	.list-menu-text {font-size:12px} 
	.row-nav {
  margin-right: -15px;
  margin-left: -15px;
  text-align:center;
  padding-left: 120px;
  padding-bottom: 70px;
}
}

@media (min-width: 992px) { 
	.lead {font-size:17px}
	.intro {padding:0 0 0 60px}
	.identity {font-family: 'Lato', sans-serif; font-weight:bold;
    font-style: normal; font-size:76px; position:relative; left:0px; top:50px; text-align:center; }
	.identity-small {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 24px; margin-top: 76px; letter-spacing:.3px;}
	.identity-small-date {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 20px; margin-top: 0px; letter-spacing:.5px;}

}

@media (max-width:991px) {
	.img-background {background:url(../images/background-bead.png) 0px 10px no-repeat; height:270px; margin:0 0 20px 0; }
	.logo-nmai img {width: 260px; padding-top: 15px;}
	.logo img {width: 110px; padding-top: 15px;}
	
	
}

@media (min-width: 768px) and (max-width:991px) {
	.list-menu img { width:220px; height:220px; margin:0px 16px 7px 0; }
	.list-menu-text {font-size:11px}
	.identity {font-family: 'Lato', sans-serif;;font-weight:bold;
    font-style: normal; font-size:70px; position:relative; left:0px; top:60px; text-align:center;}
	.identity-small {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 23px; margin-top: 76px; letter-spacing:.3px;}
	.identity-small-date {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 19px; margin-top: 0px; letter-spacing:.5px;}
	.title {font-family:'the_sans_plain', sans-serif;font-weight:400;line-height:1.4;margin-bottom:10px; font-size:20px; letter-spacing:1px; text-align:center;}
.title-transcript {font-family:'the_sans_plain', sans-serif;line-height:1.4;margin-bottom:10px; font-size:16px; letter-spacing:1px; font-weight:normal;}
.title-text {font-family:'the_sans_plain', sans-serif;line-height:1.4;margin-bottom:12px; font-size:13px; letter-spacing:.5px; font-weight:normal;}
.row-nav {
  margin-right: -15px;
  margin-left: -15px;
  text-align:center;
  padding-left: 10px;
  padding-bottom: 70px;
}
}


@media (min-width: 768px) { 
	.lead {font-size:19px}
	.navbar-collapse {float:right}
	.breadcrumb-footer {margin:33px 0 0 0}
	 
}


@media (max-width: 767px) {
	.breadcrumb-footer {font-size:12px;margin:5px 0 0 0}
	.img-background {background:url(../images/background-bead-medium.png) -450px 10px no-repeat;height:200px; margin:0 0 10px 0;}
	.source { padding: 0 15px 0 15px;}
	.title-text {padding: 0 15px 0 15px;}
	
}



@media (min-width: 481px) and (max-width:767px) {
	.list-menu img {width:190px;height:190px;margin:0px 18px 7px 0}
	.list-menu-text {font-size:11px}
	.img-background {background:url(../images/background-bead-medium.png); -450px 10px no-repeat;height:200px; margin:0 0 10px 0;}
	.identity {font-family: 'Lato', sans-serif;;font-weight:bold;
    font-style: normal; font-size:40px; position:relative; left:0px; top:25px; text-align:center;}
	.identity-small {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 18px; margin-top: 28px; letter-spacing:.3px;}
	.identity-small-date {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 14px; margin-top: -8px; letter-spacing:.5px;}
	.title {font-family:'the_sans_plain', sans-serif;font-weight:400;line-height:1.4;margin-bottom:6px; font-size:18px; letter-spacing:1px; text-align:center;}
.title-transcript {font-family:'the_sans_plain', sans-serif;line-height:1.4;margin-bottom:6px; font-size:14px; letter-spacing:1px; font-weight:normal;}
.title-text {font-family:'the_sans_plain', sans-serif;line-height:1.4;margin-bottom:14px; font-size:12px; letter-spacing:.5px; font-weight:normal; padding: 0 15px 0 15px;}
.source { padding: 0 15px 0 15px;}
.row-nav {
  margin-right: -15px;
  margin-left: -15px;
  text-align:center;
  padding-left: 20px;
  padding-bottom: 80px;
}
	
}

@media (min-width: 481px) {
	.list-menu {list-style:none;margin:0;padding:0}
	.list-menu li {display:inline-block}
	.list-menu a {display:inline-block;margin:0 0 25px 0;text-decoration:none}
	.list-menu a > span.glyphicon {display:none}
	.list-menu-thumbnail {display:block}
		#si-nmai-logo {width:420px;height:60px; margin:10px 0 0 0}
	.container-responsive-individual {display:none;}
}

@media (max-width: 480px) {
	.container-responsive {padding-left:0;padding-right:0}
	h6 {margin-bottom:20px}
	.list-menu {list-style:none;margin:0;padding:0}
	.list-menu a {background:#747470;display:block;margin:0 0 5px 0;padding:0 10px 0 0;text-decoration:none}
	.list-menu a:hover {background:#9b9b93;color:#333;text-decoration:none}
	.list-menu-text {font-size:14px}
	.list-menu a > span.glyphicon {top:21px}
	.list-menu img {width:60px;height:60px}
	.list-menu-thumbnail {margin:0 10px 0 0}
	#si-nmai-logo {width:300px;margin:10px 0 0 0}
	.img-background {background:url(../images/background-bead-small.png); -450px 10px no-repeat;height: 108px; margin:0 0 10px 0;}
	.identity {font-family: 'Lato', sans-serif;;font-weight:bold;
    font-style: normal; font-size:20px; position:relative; left:0px; top:8px; text-align:center;}
	.identity-small {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 12px; margin-top: -10px; letter-spacing:.3px; line-height:12px;}
	.identity-small-date {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 10px; margin-top: -8px; letter-spacing:.5px;}
	.row-nav {
		display:none;
}
}

@media (max-width: 445px) {
	.logo-divider {display: none;}
	.logo img {padding-top: 5px;}
	.logo-nmai img {padding-left: 8px; padding-top: 3px;}
}

	
@media (min-width: 320px) and (max-width: 479px) {
	.identity {font-family: 'Lato', sans-serif;;font-weight:bold;
    font-style: normal; font-size:20px; position:relative; left:0px; top:6px; text-align:center;}
	.identity-small {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 11px; margin-top: -12px; letter-spacing:.3px; line-height:12px;}
	.identity-small-date {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 9px; margin-top: -10px; letter-spacing:.5px;}
	.img-background {background:url(../images/background-bead-small.png); -450px 10px no-repeat;height:108px; margin:0 0 10px 0;}
	.list-menu-text {font-size:13px}
	.title {font-family:'the_sans_plain', sans-serif;font-weight:400;line-height:1.4;margin-bottom:4px; font-size:16px; letter-spacing:1px; text-align:center;}
.title-transcript {font-family:'the_sans_plain', sans-serif;line-height:1.4;margin-bottom:4px; font-size:12px; letter-spacing:1px; font-weight:normal;}
.title-text {font-family:'the_sans_plain', sans-serif;line-height:1.2;margin-bottom:14px; font-size:12px; letter-spacing:.5px; font-weight:normal;}
.breadcrumb {font-size: 10px;}
}

@media (max-width:319px) {
	.identity {font-family: 'Lato', sans-serif;;font-weight:bold;
    font-style: normal; font-size:20px; position:relative; left:0px; top:6px; text-align:center;}
	.identity-small {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 11px; margin-top: -12px; letter-spacing:.3px; line-height:12px;}
	.identity-small-date {font-family:'the_sans_plain', sans-serif; text-align:center; font-size: 9px; margin-top: -10px; letter-spacing:.5px;}
	.img-background {background:url(../images/background-bead-small.png); -450px 10px no-repeat;height:108px; margin:0 0 10px 0;}
	.list-menu-text {font-size:13px}
	.title {font-family:'the_sans_plain', sans-serif;font-weight:400;line-height:1.4;margin-bottom:4px; font-size:16px; letter-spacing:1px; text-align:center;}
.title-transcript {font-family:'the_sans_plain', sans-serif;line-height:1.4;margin-bottom:4px; font-size:12px; letter-spacing:1px; font-weight:normal;}
.title-text {font-family:'the_sans_plain', sans-serif;line-height:1.2;margin-bottom:14px; font-size:12px; letter-spacing:.5px; font-weight:normal;}
.breadcrumb {font-size: 10px;}
	
}
	
.copyright:before {content:"\00a9";position:relative;bottom:1px;right:2px}

.breadcrumb {
  padding: 0px 0px;
  margin-bottom: 30px;
  list-style: none;
  background-color: transparent;
  border-radius: 0px;
  font-style:normal;
  font-weight:300;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 8px 0 5px;
  color: #FFF;
  content: "|";
  
}
.breadcrumb > .active {
  color: #999;
}

.audio a {text-decoration:none}
.breadcrumb > li + li.audio:before {
  padding: 0 5px 0 0;
  content: "";
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #93938d;
  outline: 0;
}


.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #93938d;
}


ul#navlist { 
font-family:'the_sans_plain', sans-serif;
font-size: 22px;
text-align:center;

 }

ul#navlist a
{
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;



}

ul#navlist li { float: left;
border-right: 2px solid #ffffff; margin-bottom: 10px;
/*display:inline-block;*/

 }
 
ul#navlist li:last-child { border:0; }

ul#navlist li a
{
color: #ffffff;
background-color: #747470;
padding: 7px;
}

/*4/28/22*/
ul#navlist li > ul > li > a {
	padding-left: 10px !important;
	padding-right: 10px !important;

	display: flex !important;
	align-items: center;
	justify-content: center;
	text-align: initial;
}
/*--end--*/

ul#navlist li a:hover
{
color: #ffffff;
background-color: #9d9d97;
}

ul#navlist li a:active
{
color: #ffffff;
background-color: #9d9d97;
}

ul#subnavlist { display: none;
border:none; 
}
ul#subnavlist li { float: none;
border:none; margin-bottom: 0px !important; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
background-color: #9d9d97;
border:none; 
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 18px;
padding-top: 5px;
border:none; 
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 17em;
border: none;
padding: 2px;
border:none;
}

#underline {
	text-decoration: underline;
}