/*
 *
 */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

body {
	text-rendering: optimizeLegibility !important;	
	}	

img.icon-35x35 {
	height: 35px;
	width: 35px;
	}
	
img.icon-50x50 {
	height: 50px;
	width: 50px;
	}	

img.icon-75x75 {
	height: 75px;
	width: 75px;
	}
	
img.icon-100x100 {
	height: 100px;
	width: 100px;
	}	
	
	
	
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

.indent {
	margin-right: 2em;
	}

	
	
	
sup {
	padding-left: 0.1em; /* update the ets.org standards; dhj; 2016-10-10 */
	}		
	
em sup,
.text-italic + sup {
	padding-left: 0.3em; /* update the ets.org standards; dhj; 2016-10-10 */
	}	
	
p em sup,
p .text-italic sup,
p .text-italic + sup,
li .text-italic + sup {
	padding-left: 0.4em;  /* update the ets.org standards; dhj; 2016-10-10 */
	}		
	
.ie em sup, .text-italic + sup {
	padding-left: 0.5em;  /* update the ets.org standards; dhj; 2016-10-10 */
	}
	
.link {
	border-bottom: 1px solid black;
	}	
	
.contents.left a,
.contents.left .link {
	color: #97560c;
	border-bottom-color: #97560c;
	}
	
.contents.left a:focus, 
.contents.left .link:focus, 
.contents.left a:hover, 
.contents.left .link:hover {
	color: #cd8017;
	border-bottom: 1px solid #cd8017;
	}	
	

/* on	/requirements/state/tx  */
div.contact-info {
	/* used on news articles */
	margin: 1em 0 2em 0;
	}

div.contact-info span.label {
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	width: 80px;
	}
div.contact-info span.contact {
	display: inline-block;
	vertical-align: top;
	}
	
	
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


body.bg-city {

  background: url(../img/background_citydawn.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
	 -moz-background-size: cover;
	   -o-background-size: cover;
		  background-size: cover;

}

header {
	background-color: #fff;
	padding: 0 10px;
	}

#logos {
	top: 10px;
	}

#logos a {
	/* making anchor cover logo image */
	display: inline-block;
	}
	#logos a:hover {
		border: none;
		text-decoration: none;
		}

#nav-site {
	top: 10px;
	right: 10px;
	width: auto; /* making logo clickable on mobile */
	}

#site-search {
	top: 40px;
	right: 10px;
	}

#site-search-form-go {
	padding: 4px 10px;
	}

#brand-bar {
	height: 0px;
	background-color: #cd8017;
	}

#breadcrumbs {
	padding: 10px 20px;
	margin-bottom: 0;
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0, 0.9);
	background-color: #ddd;
	}

#support-links {
	right: 10px;
	top: 37px;
	}

@media only screen and (max-width : 800px) {

	#support-links { display: none !important; }
	
}	
	
	
#language-form {
	margin-right: 10px;
	}
#crumbs-and-support .nav-slider {
	top: 71px;
	}

.contents.navigation {
	background-color: #f1f1f1;
	}

.contents.navigation.open {
	border-bottom: 5px solid #cd8017;
	}
	
#mm-trigger {
	margin-left: 10px;
	}

#mm-trigger .svg {
	background-color: #cd8017;
	}
#wrap-triggers {
	border-color: #cd8017;
	}


/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

.bk-op1 {
	background-color: rgba(255,255,255, 0.6);
	padding: 20px;
	max-width: 1160px;
	margin: 0 auto;
	}

.home .bk-op1 {
	background-color: transparent;
	padding: 0;
	max-width: 1200px;
	}	
	
#auds {
	bottom: initial;
	width: 240px;
	background-color: #97560c;
	text-align: center;
	z-index: 5;
	right: 0;
	/* top: 25px; */
	height: 35px;
	}
	.ie #auds {
		top: 0;	
	}

#auds ul {
	font-weight: bold;
	}

#auds ul li {
	margin-bottom: 0;
	border: none;
	}

.desktop #auds ul li {
	padding: 0;
	}	
	
#auds ul li:not(.current) {
	display: none;
	}

/*#auds li.current,*/
#auds a.current-aud {
	height: 25px;
	padding: 7px 5px;
	border-bottom-color: transparent;
	color: #fff;
    border: 0;
	font-weight: bold;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	cursor: inherit;
	}

.desktop #auds a.current-aud {
	width: 100%;
	height: auto;
	padding: 7px 0;
	background-color: #97560c;
	}	
	
	
	
	
#auds a.current-aud:hover {
	color: #fff;
	border-bottom-color: #fff;
	}
	
ul.as-dropdown,
ul.as-dropdown-dynamic {
	display: none;	
	}


.home #wrap-hero {
	position: relative;
	margin: 0 0 20px 0;
	}

.home #hero {
	min-height: 325px;
	overflow-x: hidden;
	background-image: url(../img/header_construct.jpg);
	background-repeat: no-repeat;
	}

.home #hero-text {
	position: absolute;
	top: 90px;
	left: 480px;
	}

.home #hero-text h1 {
	font-size: 330%;
	line-height: 1.1;
	}

.home #hero-text .sub-head {
	font-weight: bold;
	font-size: 145%;
	padding-right: 20px;
	}

.home #auds { top: -345px; }
	
@media only screen and (max-width : 1090px) {

	.home #hero { background-position: -125px 0; }
	.home #hero-text { left: 365px; }

}

@media only screen and (max-width : 980px) {

	.home #hero { background-position: -150px 0; }
	.home #hero-text { left: 330px; }
	.home #hero-text h1 { font-size: 250%; }

}

@media only screen and (max-width : 800px) {

	.home #auds { 
		display: block;
		top: -260px; 
		}
		

	.home #hero {
		min-height: auto;
		height: 240px;
		background-position: -150px 0;
		background-size: cover;
		background-color: #eff2f9;
		}

	.home #hero-text {
		top: 50px;
		left: 205px;
		}

}

@media only screen and (max-width : 660px) {

	.home #auds { 
		display: none;
		}

	.home #wrap-hero {
		background-color: #fff;
		}

	.home #hero {
		min-height: auto;
		height: 125px;
		background-position: 0 0;
		background-size: cover;
		background-color: #eff2f9;
		margin-bottom: 10px;
		}

	.home #hero-text {
		position: static;
		padding: 10px 20px;
		}

	.home #hero-text .nowrap {
		white-space: normal;
		}
		
}


#main-contents {
	background-color: rgba(255,255,255, 0.8);
	}
	
.home #main-contents {
	background-color: transparent;
	}	

.home #main-contents.wrap-flex {
	display: block;
	}
.home #main-contents .contents.heading,
.home #main-contents .contents.right {
	display: none;
	}

.home #main-contents .contents.left {
	padding-bottom: 5px;
	}

.wrap-home-bx {
	background-color: rgba(255,255,255, 0.9);
	padding: 20px 20px 5px 20px;
	margin: -20px -20px 20px -20px;
	}	
	

.wrap-cards {
	margin: -10px -20px 20px -20px;
	}

.wrap-cards > .card {
	background: #b0640e;
	flex: 1;
	padding: 20px 20px 60px;
	margin: 10px 0;
	color: #fff;
	position: relative;
	min-width: 200px;
	}	

@media only screen and (max-width : 510px) {

.wrap-cards,
.wrap-cards.wrap-flex,
.wrap-home-bx {
	display: block;
	margin: 0;
}

	.wrap-cards > .card {
		min-with: 100%;
		width: auto;
		}
		
}	
		
	
	
.wrap-cards > .card:nth-child(even) {
	background-color: #c06f13;
	}
	
.wrap-cards > .card > .card-icon {
	text-align: center;
	padding: 20px;
	}	

.wrap-cards > .card > .card-icon img {
	height: 80px;
	}

.card-text p.wrap-btn {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: calc(100% - 40px);
	}
	
	
.contents.heading,
.catherine .contents.heading {
	margin: 0;
	padding: 20px 0;
	width: auto;
	}
	
#main-contents .contents.heading,
.catherine #main-contents .contents-heading {
	padding: 0;
	}

#main-contents > .left {
	padding: 20px;
	}

#main-contents > .right {
	padding: 56px 20px 20px;
	margin-right: -20px;
	}

.catherine #main-contents > .right,
.catherine #main-contents > .left {
	float: none;
	width: auto;
	margin-top: 0;
	}

@media only screen and (max-width: 560px) {
	.belinda .contents.heading, 
	.belinda #main-contents > .left, 
	.belinda #main-contents > .right {
		padding: 10px;
		}
	
}
	
	
	
#wrap-important-updates {
	/* display: none; */
	/*
	border: 3px solid #97560c;
	padding: 20px 20px 5px 20px;
	background-color: rgba(255,255,255, 0.8);
	*/
	}


.important-update {
	background-color: rgba(255,255,255, 0.8);
	}
	
	
.wrap-promos {
	padding: 0 10px;
	}
	
	
	
.promo-wrap-heading {
	float: left;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 70px);
	margin-top: 10px;
	}	

.promo-wrap-icon {
	float: right;
	display: inline-block;
	vertical-align: middle;
	}


.promo-wrap-icon.left {
	float: left
	}
	
.promo-wrap-icon.left + .promo-wrap-heading {
	float: right;
	}
	
.promo-wrap-heading + .clear + p {
	margin-top: 10px;
	}	
	
	
	

	h1, h1 strong,
	h2, h2 strong,
	h3, h3 strong,
	.promo h3,
	.promo h3 a,
	h4, h4 strong,
	h5, h5 strong,
	h6, h6 strong,
	[class^="like-"],
	[class^="like-"] a,
	[class^="like-"] strong {
		color: #97560c;
		}
 
	.promo h3 a {
		border-bottom: 1px solid #97560c;		
		}

	div + h2 {
		margin-top: 0; /* remove excess space per Kris M. 10/6/16 */
		}
		
	h2 + div.products {
		margin-top: 1em;
		}	

	div.products + h2 {
		margin-top: 2em;
		}
		

blockquote {
	margin: 0 0 1em 0;
	padding: 1em;
	background-color: #f4eee6;
	font-size: 1.155em; /* match h3 ~ 19px */ 
	color: #97560c;
	}

blockquote .attribution {
	color: #151515; /* match body color */
	font-size: 1rem;
	font-style: normal;
	}

blockquote p {
	margin-left: 1em;
	}
	
blockquote p:first-of-type {
	text-indent: -1em;
	}	

blockquote p:first-of-type::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	font-size: 20px;
	background-image: url(quote-left.svg);
	background-repeat: no-repeat;
	}	

blockquote p:nth-last-child(2)::after {
	content: " ";
	display: inline-block;
	margin-left: 0.15em;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	font-size: 20px;
	background-image: url(quote-right.svg);
	background-repeat: no-repeat;
	}

.callout-box-alert,
.callout-box-msg {
    margin-top: 2em;
	}

.callout-box-alert.whats-next {
	margin-top: 80px; /* just more space */
	background-color: #ddd;
	border-color: #ddd;
}
	
	
	
	
	
.products {}	
.content-panels {}

.bluedottedbar .products,
.bluedottedbar .content-panels {
	margin-top: -1em;
	}

	
.products > .product,
.content-panels > .content-panel {
	margin: 0;
	padding: 1em;
	clear: both;
	background-color: #fff;
	}	

.products.no-bg > .product,
.products.no-bg > .product:nth-child(even) {
	background-color: rgba(255,255,255, 0.8); /* for product list w/out alternating bg colors */
	background-color: transparent;
	}
	
.products > .product:nth-child(even),
.content-panels > .content-panel:nth-child(even) {
	background-color: #f4eee6;
	}

.products.noindent,
.product.noindent {
	margin-left: 0;
	padding-left: 0;
	}

.product.noindent.has-img {
	min-height: 75px;
	}

.product.has-img {
	min-height: 185px; /* put more spacing around the product images per GB (150px); dhj; 2016-10-10 */
	}
	
.product.has-img > h2 {
	margin-bottom: 20px; /* put more spacing around the product images per GB (150px); dhj; 2016-10-10 */
	}	

.callout-box-alert .product.has-img {
	display: flex;
	min-height: 0;
	padding: 15px 10px;
	}	

.products .img,
.content-panel > .img {
	width: 150px;
	float: left;
	padding-top: 5px;
	text-align: center;
	}

.content-panel > .img.ckbx {
	width: 100px;
	}
	
.products .img img,
.content-panel > .img img {
    /*max-width: 100px;
	min-height: 100px;*/
	}
	
.products .img img.w-border,
.content-panel > .img img.w-border {
	border: 1px solid #151515;
	}

.content-panel > .img.ckbx img {
	min-height: 0;
	}
	
	
.products .img img.no-border,
.content-panel > .img img.no-border {
	border: 0;
	}
	
	
.products .img a,
.products .img img.icon,
.content-panel > .img a,
.content-panel > .img img.icon {
	border: none;
	}

.callout-box-alert .product.has-img .img {
	padding-right: 10px;
	}

.products .product .desc h2,
.content-panel > .desc h2 {
	clear: none;
	}

.products .desc,
.content-panel > .desc {
	margin-left: 170px;
	}

.content-panels .ckbx + .desc {
	margin-left: 120px;
	}

.products .desc a.dl {
	font-weight: bold;
	color: #97560c;
	border-color: #97560c;
	}

/* Wider and Taller Descriptions, AL: per KM 10/28 */	
	.products .desc.wide,
	.content-panel > .desc.wide {
		margin-left: 170px; 
		min-height: 120px;
		}
	
	.products .desc.tall,	
	.content-panel > .desc.tall {
		margin-left: 170px;
		min-height: 185px; /* Height set to macth thumbnail height: AL, 12/1/16 */
		}

	/* Custom video/transcript page styles */
	.imgleft.video {
		min-height: 260px;
		margin-right: 20px;
		}
	
	div.video:not(.imgright),
	div.video:not(.imgleft) {
		margin-bottom: 36px; /* Margin to accomodate player options: AL, 11/8/16 */
		}
	
	.imgleft.video + .desc {
		margin-left: 0;
		}	
	
	div.video span object {
		height: 100%;
		width: 100%;
		}
	div.video ~ p a.back,
	div.video ~ a.back {
		float: right;
		}	
	
	
@media only screen and (max-width : 560px) {

	.products .img {
		width: auto;
		}
		
	.products .desc {
		margin-left: 120px;
		}	

	.product.has-img {
		min-height: 0;
		}

	.products > .product, 
	.content-panels > .content-panel {
		padding: 10px;
		}

	.imgleft.video {
		min-height: 140px;
		margin-bottom: 10%;
		}		
		
	.content-panel > .img.ckbx {
		display: none;
		}		
	.content-panel > .ckbx + .desc {
		margin-left: 0;
		}
		
	/* Wider and Taller Descriptions, AL: per KM 10/28 */	
	.products .desc.wide,
	.content-panel > .desc.wide {
		min-height: auto;
		}
	
	.products .desc.tall,	
	.content-panel > .desc.tall {
		min-height: auto; /* Height set to macth thumbnail height: AL, 12/1/16 */
		}
			
}	



@media only screen and (max-width : 450px) {

	.products .img {
		float: none;
		}
		
	.products .desc,
	.products .desc.wide,
	.products .desc.tall {
		margin-left: 0;
		}

	div.video ~ p a.back,
	div.video ~ a.back {
		float: none;
		/* left: calc(50%/1.25); center the link */
		}	

}
	
	
/* http://hisetnew-preview.ets.org/after/request-transcript */
div.list-of-contacts {
	
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
       -moz-column-count: 1; /* Firefox */
            column-count: 1;	
	
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
       -moz-column-gap: 20px; /* Firefox */
            column-gap: 20px;	
	
	
	}
	
div.list-of-contacts ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div.list-of-contacts ul li {
	margin-bottom: 1em;
	}

div.list-of-contacts .state {
	display: block;
	font-weight: bold;
	}

div.list-of-contacts .info {
	display: block;
	margin-left: 2em;
	margin-bottom: 0.25em;
	}
	
div.list-of-contacts .info .text-bold {
	white-space: nowrap;
	}
	
.w-border {
	border: 1px solid #151515;
	}	

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* tables */

	table {
		border-collapse: collapse;
		margin: 0 0 25px 0;
		width: 100%;
		}

	table caption {
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		}

	table tr {
		vertical-align: top;
		}

	table th,
	table td {
		padding: 3px 6px;
		text-align: left;
		border: 1px solid #999;
		}

	table.data-table thead th,
	table th {
		font-size: 14px;
		font-weight: bold;
		background: #f0d8a8;
		border-bottom: 0; /* no double-borders after the last tr-th */
		color: #000;
		}

	table tr.subhead th {
		background: #fcf5eb;
		font-weight: normal;
		}

	table tbody tr.odd td{
		}
	table tbody tr.even td {
		background: #f2f2f2;
		}

	.DataTables_sort_wrapper span.text-u {
		text-decoration: underline;
		}

	.ui-icon-triangle-1-s {
		/* check out the 'fonts' section */
		}
	.ui-icon-triangle-1-n {
		/* check out the 'fonts' section */
		}

/* tables */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */



ul + .callout-box,
ul + .callout-box-alert {
	margin-top: 40px;
	}


	
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	input, 
	button, 
	select, 
	textarea, 
	a.btn {
		border-radius: 0;	
		}

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	a.btn,
	.contents.left a.btn {
		color: #fff;
		background-color: #97560c;
		border-color: #cd8017;
		}
		
	
/*

	"The green buttons look bad. Go back to orange for all."
	dhj: removed the green button styles
	     2016-10-13

	a.btn.green,
	.contents.left a.btn.green {
		background-color: #bac825;
		border-color: #b7b841;
		color: #000;
		}
	a.btn.green:hover,
	.contents.left a.btn.green:hover {
		background-color: #d7dd5e;
		color: #000;
		}
*/
		
	input[type="button"]:hover,
	input[type="button"]:focus,
	input[type="submit"]:hover,
	input[type="submit"]:focus,
	input[type="reset"]:hover,
	input[type="reset"]:focus,
	button:hover,
	button:focus,
	a.btn:hover,
	a.btn:focus,
	.contents.left a.btn:focus,
	.contents.left a.btn:hover {
		background-color: #cd8017;
		}

	/* this needs to be repeated here */
	input[disabled],
	button[disabled],
	select[disabled],
	textarea[disabled],
	input[readonly],
	select[readonly],
	textarea[readonly] {
		cursor: not-allowed;
		background-color: #ddd;
		}
		
	.btn.wide {
		padding-left: 40px;
		padding-right: 40px;
		}

	.wrap-clr-btn {
		display: inline-block;
		border: 1px solid #fff;
		}

	.wrap-clr-btn button, 
	.wrap-clr-btna.btn, 
	.contents.left .wrap-clr-btn a.btn {
		background-color: transparent;
		border-color: transparent;
		}
	.wrap-clr-btn button:hover, 
	.wrap-clr-btn button:focus, 
	.wrap-clr-btna.btn:hover, 
	.wrap-clr-btna.btn:focus, 
	.contents.left .wrap-clr-btn a.btn:hover,
	.contents.left .wrap-clr-btn a.btn:focus {
		background-color: transparent;
		border-color: #fff;
		}

		
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#footer {
	background-color: rgba(255,255,255, 0.8);
	border-top: 0;
	}

#footer .col ul li {
	line-height: 1.5;
	}

.gabby #cya {
	margin-right: 60px;
	}


/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


#hiset-mm {
	background-color: #fff;
	font-family: "Open Sans", arial, sans-serif;
	min-height: 26px;
	}

#hiset-mm .wrap-groups {
	margin-left: 10px;
	}

#hiset-mm .group {
	display: inline-block;
	vertical-align: top;
	}

#hiset-mm .group.misc {
	display: none;
	}

#hiset-mm .group > ul {
	display: none;
	}

.ie nav#hiset-mm .panel.organizer + div {
	display: none;
	}

#hiset-mm .panel h2 {
	display: inline-block;
	margin-left: 10px;
    float: left;
	}
	
#hiset-mm .panel h2,
#hiset-mm .group h3 {
	font-family: "Open Sans", arial, sans-serif;
	margin-bottom: 0;
	}

#hiset-mm .panel h2.nav-delete {
	/* the extra (hidden) layer of navigation is cauing havoc; dhj */
	display: none;
	}	
	
	
#hiset-mm .panel h2 > a {
	border: none;
	}

#hiset-mm .panel h2 > a,
#hiset-mm .group h3 > a {
	display: block;
	padding: 6px 10px 4px 10px;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	}

/* before UX reviews, remove the down arrow icon from the horizontal navigation
   per meeting with Art Dept.
	2016-10-10; dhj */
#hiset-mm .panel h2 > a .icon,
#hiset-mm .group h3 > a .icon {
	display: none;
	}

#hiset-mm .panel h2 > a.current,
#hiset-mm .group h3 > a.current,
#hiset-mm .panel h2.current > a,
#hiset-mm .group.current h3 > a,
#hiset-mm .panel h2.current > a:hover,
#hiset-mm .panel h2.current > a:focus,
#hiset-mm .group.current h3 > a:hover,
#hiset-mm .group.current h3 > a:focus {
	background-color: #cd8017;
	}

		
#hiset-mm .panel h2 > a:hover,
#hiset-mm .panel h2 > a:focus,	
#hiset-mm .group h3 > a:hover,
#hiset-mm .group h3 > a:focus,
#hiset-mm .group h3 > a[aria-expanded="true"] {
	color: #000;
	border-bottom: 0;
	background-color: #fd9;
	}

#hiset-mm .group ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}	
	
#hiset-mm .group ul li {
	margin: 0 0 0 -10px; /* pull the items to the left to make room for the current page arrow */
	padding: 0;
	position: relative; /* for the current page arrow */
	}

#hiset-mm .group ul li a {
	display: block;
	margin: 0;
	padding: 5px 10px 5px 20px; /* 20px to make space for the current page arrow + to perserve alignment */
	font-size: 14px;
	color: #000;
	border-bottom: 1px solid transparent;
	}
	
#hiset-mm .group ul li a:hover,
#hiset-mm .group ul li a:focus {
	background-color: #fd9;
	}


	
#hiset-mm .group ul li.has-sub ul a {
	padding-left: 40px;
	}
	

#hiset-mm .group ul > li.has-sub > a span.icon {
	display: none;
	}

#hiset-mm .panel.brand-links {
	display: none;
	}

	
.contents.navigation {
	background-color: #f1f1f1;
	}

#hiset-mm .panel.only-panel {
	border-bottom: 10px solid #cd8017;
	}

	
#hiset-mm .js-slide-menu {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	z-index: 99999;
	margin-top: 0;
	border-top: 10px solid #cd8017;
	}	
	
#hiset-mm li.overview {
	display: none;
	}
	
#hiset-mm h2.current::before,
#hiset-mm h3.current::before,
#hiset-mm li.current::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.38em;
	left: 0;
	width: 20px;
	height: 1.2em;
	background-color: transparent;
	background-image: url(../img/arrowhead_leftnav.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	}

#hiset-mm .only-panel > h2.current::before,
#hiset-mm h3.current::before {
	display: none;
	}	
	
	
@media only screen and (max-width : 800px) {
	
	#aud-trigger a.trigger {
		/* until there is more than one audience; dhj; 2016-10-07 */
		/*display: none;  writing and design requested all auds show on mobile; aml; 2016-10-10 */
		}	
	
	#hiset-mm {
		min-height: none;
		padding-left: 0;
		}
	
	
	/* reset the margins and borders */
	#hiset-mm .panel,
	#hiset-mm .organizer,
	#hiset-mm .organizer + .organizer,
	#hiset-mm .panel.brand-links,
	#hiset-mm .panel .group,
	#hiset-mm .panel ul,
	#hiset-mm .group > ul,
	#hiset-mm .group > ul > li > a,
	#hiset-mm .group > ul > li > ul > li > a,
	#hiset-mm .group > ul > li:last-of-type > a {
		display: block;
		border: 0;
		margin: 0;
		padding: 0;
		width: auto;
		}

	/* reset all the font sizes */
	#hiset-mm .panel a,
	#hiset-mm .panel h2,
	#hiset-mm .panel h3,
	#hiset-mm .panel li {
		display: block;
		font-family: 'Open Sans', arial, sans-serif;
		font-size: 1em;
		font-weight: normal;
		margin: 0;
		padding: 0;
		color: #000;
		}

		
	#hiset-mm .panel h2 a:hover,
	#hiset-mm .Download h2 a:focus,
	#hiset-mm .panel h3 a:hover,
	#hiset-mm .panel h3 a:focus {
		border-bottom: 0;
		}
	
	#hiset-mm .panel h2 > a,
	#hiset-mm .group h3 > a {
		text-transform: capitalize;
		}
	
	#hiset-mm span.icon::after {
		content: "";
		}

	#hiset-mm .group ul > li.has-sub > a span.icon {
		display: inline-block;
		}
			
	#hiset-mm .panel a:hover {
		/* text-decoration: none; */
		}

	/* clobber the current indicators */
	#hiset-mm h2.current > a:before,
	#hiset-mm h3.current > a:before,
	#hiset-mm li.current > a:before {
		margin-left: 0;
		height: 1.3em;
		}

	#hiset-mm {
		display: none;
		clear: both;
		background-color: #f1f1f1;
		font-size: 0.875em; /* this is the base font size for all the links */
		}

	#hiset-mm .panel a,
	#hiset-mm .group.misc > ul > li > a,
	#hiset-mm .group > ul > li > a,
	#hiset-mm .group > ul > li > ul > li > a,
	#hiset-mm .group > ul > li:last-of-type > a {
		/* border-top: 1px solid #bbbfc3; */
		padding-left: 20px;
		width: auto;
		line-height: 1.4em; /* this needs to be an even number */
		padding-top: 0.7em;
		padding-bottom: .7em;
		}

	#hiset-mm h2 a:hover,
	#hiset-mm h2 a:focus,
	#hiset-mm h3 a:hover,
	#hiset-mm h3 a:focus,
	#hiset-mm .group ul li a:hover, 
	#hiset-mm .group ul li a:focus,
	#hiset-mm .group h3 > a:hover, 
	#hiset-mm .group h3 > a:focus 
	/* #hiset-mm .group h3 > a[aria-expanded="true"]  *//* 20161110: dhj */ {
		background-color: transparent;
		text-decoration: underline;
		}
		
	.rwd #hiset-mm .js-slide-menu {
		background-color: inherit;
		border-top: 0;
		}	
		
	#hiset-mm .panel .group > ul > li:last-of-type > a:hover,
	#hiset-mm .panel .group > ul > li:last-of-type > a:focus {
		border-bottom: 0 !important;
		}


	#hiset-mm .group.current {
		background-color: #fff;
		}
		
	#hiset-mm .panel h2 > a.current,
	#hiset-mm .group h3 > a.current,
	#hiset-mm .panel h2.current > a,
	#hiset-mm .group.current h3 > a,
	#hiset-mm .panel h2.current > a:hover,
	#hiset-mm .panel h2.current > a:focus,
	#hiset-mm .group.current h3 > a:hover,
	#hiset-mm .group.current h3 > a:focus {
		background-color: transparent;
		}		
		
	#hiset-mm h3.current::before{
		/* display: none; */
		left: 20px;
		}
	#hiset-mm li.current::before {
		left: 40px;
		}
	#hiset-mm li li.current::before {
		left: 60px;
		}

	#hiset-mm .panel h3 a { padding-left: 40px; }
	#hiset-mm .panel h3.current a { padding-left: 40px; }

	#hiset-mm .panel .group ul li > a { padding-left: 60px; }
	#hiset-mm .panel .group ul li.current > a { padding-left: 60px; }

	#hiset-mm .panel .group ul li > ul li > a { padding-left: 80px; }
	#hiset-mm .panel .group ul li > ul li.current > a { padding-left: 80px; }

	#hiset-mm .only-panel h3.current::before{
		left: 0;
		}
	#hiset-mm .only-panel li.current::before {
		left: 20px;
		}
	#hiset-mm .only-panel li li.current::before {
		left: 40px;
		}

	#hiset-mm .panel.only-panel h2 a { padding-left: 20px; }

	#hiset-mm .panel.only-panel h3 a { padding-left: 20px; }
	#hiset-mm .panel.only-panel h3.current a { padding-left: 20px; }

	#hiset-mm .panel.only-panel .group ul li > a { padding-left: 40px; }
	#hiset-mm .panel.only-panel .group ul li.current > a { padding-left: 40px; }

	#hiset-mm .panel.only-panel .group ul li > ul li > a { padding-left: 60px; }
	#hiset-mm .panel.only-panel .group ul li > ul li.current > a { padding-left: 60px; }

	#hiset-mm .panel:not(.only-panel):not(.additional-nav) h2 a {
		background-color: #505050;
		color: #fff;
		}

	#hiset-mm .panel h2 a::after,
	#hiset-mm a > span.nowrap > span.icon {
		display: inline-block;
		width: 18px;
		height: 18px;
		content: "";
		vertical-align: middle;
		margin-left: 10px;
		overflow: hidden; /* hide the arrow */
		text-indent: -9999px;
		}

	#hiset-mm .panel h2 a[aria-expanded="false"]::after { background-image: url(ets-ol-plus-fff.svg); }
	#hiset-mm .panel h2 a[aria-expanded="true"]::after { background-image: url(ets-ol-minus-fff.svg); }

	#hiset-mm .panel.only-panel h2 a::after{ display: none; }

	#hiset-mm a[aria-expanded="false"] > span.nowrap > span.icon { background-image: url(ets-ol-plus-666.svg); }
	#hiset-mm a[aria-expanded="true"] > span.nowrap > span.icon { background-image: url(ets-ol-minus-666.svg); }

	#hiset-mm li.overview {
		display: block;
		}

	/* hide the sub-menus */
	#hiset-mm .panel li > ul,
	#hiset-mm .panel.current .current > ul {
		display: none;
		}


	/* hide the menus under the h2s */
	#hiset-mm .group > ul {
		display: none;
		}

	/* hide the groups under the organizers */
	#hiset-mm .panel .wrap-groups {
		display: none;
		}

	#hiset-mm .only-panel .wrap-groups {
		margin: 0;
		display: block;
		}

	/* but always show the brand-links */
	#hiset-mm .brand-links .group {
		display: block;
		}

	#hiset-mm .brand-links .group	+ .group,
	#hiset-mm .audiences li + li {
		border-top: 1px solid #bbbfc3;
		}

	#hiset-mm .organizer + .organizer {
		border-top: 1px solid #fff;
		}

	#hiset mm-lang,
	#hiset-mm .panel .group #hiset-mm-lang {
		clear: both;
		display: none;
		text-align: right;
		padding: 12px 10px 5px 0;;
		}

	#hiset-mm-lang label {
		display: inline-block;
		padding: 0 5px 0 0;
		vertical-align: bottom;
		line-height: 0.9;
		color: #666;
		}
	#hiset-mm-lang label:after {
		content: ":";
		}

	#hiset-mm-lang select {
		font-size: 1em;
		width: auto;
		color: #666;
		}

	#hiset-mm .panel.current .group.misc {
		display: block;
		border-top: 1px solid #bbbfc3; /* menu lines and border color */
		padding-top: 0.625em;
		padding-left: 15px;
		margin-top:  0.625em;
		}

	#hiset-mm .nav-item {
		display: block;
		text-align: left;
		}

	#hiset-mm .nav-item svg {
		margin-right: 10px;
		}
	
	.contents.navigation {
		background-color: #fff;
		}
		
	#hiset-mm .js-slide-menu {
		position: static;
		}
		
} /* @media max-width 800 */

	
	
/* open-collapse */

	div.open-collapse {}

	div.open-collapse .icon {
		border: 1px solid #C46709;
		margin-top: 5px;
		margin-right: 8px;
		font-size: 10px;
		padding: 2px 3px;
		display: block;
		float: left;
		}

	div.open-collapse h2.clickable {
		cursor: pointer;
		}

	div.collapse-contents {
		margin-left: 25px;
		}

	.collapse + h2 {
		margin-top: 20px;
		}


.expand-collapse {}

.expand-collapse h2 .expand-collapse h3,
dl.faq-topic-list dt {
	padding-left: 22px;
	cursor: pointer;
	/* font-size: 18px; /* size of an h3 ... this may need to be adjusted to 20px (h2) */
	font-weight: 600; /* semibold */
	line-height: 1.1;
	/* repeat the h2 description for the dl */
	font-size: 20px;
	margin: 0 0 5px 0;
	color: #003082;
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	}
dl.faq-topic-list dt strong {
	font-weight: 600; /* semibold */
	}

h2.open, h3.open, dl.faq-topic-list dt.open { background: transparent url("../img/minus_14px.gif") no-repeat 5px 8px; padding-left: 25px;}
h2.close, h3.close, dl.faq-topic-list dt.close { background: transparent url("../img/plus_14px.gif") no-repeat 5px 8px; padding-left: 25px;}

h2.open:focus,
h2.close:focus,
dl.faq-topic-list dt.open:focus,
dl.faq-topic-list dt.close:focus {
	outline: 1px dotted #003082;
	}

.collapse,
dl.faq-topic-list dd {
	margin: 10px 0 20px 25px;
	}

.expand-collapse + .expand-collapse,
.expand-collapse + h2{
	margin-top: 25px;
	}

.faq-topic-list dt:not(:first-child){
	margin-top: 20px;
	}


/* make the h2 in the expand-collapse stuff the 'normal' height for ets-h3s */
.fix-headings h2.open,
.fix-headings h2.close {
	/* font-size: 18px; /* size of an h3 ... this may need to be adjusted to 20px (h2) */
	font-weight: 600; /* semibold */
	line-height: 1.1;
	}
dl.faq-list {}
dl.faq-list dt {
	font-weight: bold;
	color: #003082; /* heading color */
	margin-top: 1em;
	margin-bottom: .3em;
	line-height: 1.2em;
	}
dl.faq-list dd {
	margin: 0 0 2em 2.5em;
	padding-left: 0;
	margin-bottom: 1.2em;
	}


.collapse + h2 {
	margin-top: 20px;
	}

/* open-collapse */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	

	
	
	
/* --------- */

.inline-accordion {}
.inline-accordion.bellows-before {
	/* margin-left: 1em; */
	}

.wrap-inline-accordion {
	margin-top: -1em;
	}
	
.inline-accordion > a {	
	}

.inline-accordion > a .text {	
	display: inline-block;
	text-align: center;
	width: 2.5em;
	}
	
.inline-accordion > a .svg {	
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;
	font-size: 130%;
	}

.inline-accordion > a svg {	
	fill: #2d69ac;
	width: 20px;
	}

.inline-accordion > a:hover svg,	
.inline-accordion > a:focus svg {	
	fill: #003082;
	}
	
.inline-accordion > a[role="button"] svg {
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; 
  }

.inline-accordion > a[role="button"][aria-expanded="true"] svg {
	transform-origin: 50% 50%;

	-webkit-transform: rotate(180deg);
	-ms-transform:     rotate(180deg);
	-o-transform:      rotate(180deg);
	transform:         rotate(180deg);	  
	-moz-transform:    rotate(90deg); /* moz does this poorly, help it */
	  
	}	
	
.inline-bellows {
	border-bottom: 1px solid #999;
	margin: 0 1em 2em 1em;
	}
.inline-bellows.trigger-before {
	border-bottom: 0;
	}

.product .inline-bellows img {
	margin: 10px;
	}
	
.product .inline-accordion > a,
.contents.left .product .inline-accordion > a {
	color: #97560c;
	border-color: #97560c;
	font-weight: bold;
	}	
.product .inline-accordion > a svg {	
	fill: #97560c;
	}
.product .inline-accordion > a:hover svg,	
.product .inline-accordion > a:focus svg {	
	fill: #97560c;
	}

	
	
.wrap-icons {
	margin: 1.5em 0;	
	}
	
.wrap-icon {
	flex: 1;
	flex-basis: auto; /* needed in safari */
	margin: 2px;
	padding: 20px;
	/* min-width: 200px; */
	min-width: 40%; /* force the 'buckets' to be 2x2; dhj; 2016-10-13; http://hisetnew-preview.ets.org/requirements/overview/ */
	
	background-color: #ddd;
	}	
	
.wrap-icon > .img {
	text-align: center;
	}

.wrap-icon > .img img {
	/* max-height: 100px; overide ets-base.css auto height */
    /* min-height: 100px;  overide ets-base.css auto height */
	}

.wrap-icon > .img a {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	}
.wrap-icon > .img a:hover {
	border: none;
	}


.wrap-icon > .img > svg {
	fill: #97560c;
	}

.wrap-icon > .desc { 
	margin: 0 auto;
	max-width: 260px;
	text-align: center;
	}
	
/* http://hisetnew-preview.ets.org/about/overview/ */
.contents.left .wrap-icon > .desc a {
	border-bottom: 0;
	color:  #97560c;
	font-weight: bold;
	line-height: 1;
	}
	
.contents.left .wrap-icon > .desc a:focus, 
.contents.left .wrap-icon > .desc a:hover {
	color: #cd8017;
	border-bottom: 1px solid #cd8017;
	}	
	
	
	
	
	
	
	
	
.ie h2[id] {
	display: inline-block;
	clear: both;
	}