/************************************************************************************
MAX-WIDTH 767
*************************************************************************************/
@media only screen and (max-width: 767px) { 
	input[type="text"].one, input[type="password"].one, input[type="date"].one, input[type="datetime"].one, input[type="email"].one, input[type="number"].one, input[type="search"].one, input[type="tel"].one, input[type="time"].one, input[type="url"].one, textarea.one, .row textarea.one { width: 100% !important }
	input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two { width: 100% !important }
	input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three { width: 100% !important }
	input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four { width: 100% !important }
	input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five { width: 100% !important }
	input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six { width: 100% !important }
	input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven { width: 100% !important }
	input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight { width: 100% !important }
	input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine { width: 100% !important }
	input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten { width: 100% !important }
	input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven { width: 100% !important }
	input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve { width: 100% !important }
	label.right { text-align: left }

	button.button,input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; }
	.button-group button.button,
                  button {padding: 1px 3px 2px; height:auto;}
                  button.secondary {padding: 1px 3px 2px;height:auto;}
	button.secondary,input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; }
	.button-group button.button,
	.button-group input[type="submit"].button { width: auto; padding: 10px 20px 11px; }
	.button-group button.button.large,
	.button-group input[type="submit"].button.large { padding: 15px 30px 16px }
	.button-group button.button.medium,
	.button-group input[type="submit"].button.medium { padding: 10px 20px 11px }
	.button-group button.button.small,
	.button-group input[type="submit"].button.small { padding: 7px 14px 8px }
	.button-group button.button.tiny,
	.button-group input[type="submit"].button.tiny { padding: 5px 10px 6px }
	.button-group.even button.button,
	.button-group.even input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; }
	dl.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
	dl.tabs.mobile dt,dl.tabs.mobile dd { float: none; height: auto; }
	dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
	dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }
	.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
	.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
	.tabs.mobile dd a.active { border: none; background: #00838c; color: #fff; margin: 0; position: static; top: 0; height: auto; }
	.tabs.mobile dd:first-child a.active { margin: 0 }
	dl.contained.mobile { margin-bottom: 0 }
	dl.contained.tabs.mobile dd a { padding: 18px 20px }
	dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; }
	.tooltip { font-size: 14px; font-size: 1.4rem; line-height: 1.3; padding: 7px 10px 9px 10px; }
	.tooltip > .nub,
	.tooltip.top > .nub,
	.tooltip.left > .nub,
	.tooltip.right > .nub { border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; top: -12px; left: 10px; }

}
/************************************************************************************
LANDSCAPE
*************************************************************************************/
@media only screen and (max-width: 800px), only screen and (width: 1024px) and (height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (width: 800px), only screen and (max-width: 767px) { 
	.flex-video { padding-top: 0 }
	
}

/* Very large display targeting */
/* Standard (large) display targeting */
.show-for-small,
.show-for-medium,
.show-for-medium-down,
.hide-for-large,
.hide-for-large-up,
.show-for-xlarge { display: none !important }
.hide-for-xlarge,
.show-for-large,
.show-for-large-up,
.hide-for-small,
.hide-for-medium,
.hide-for-medium-down { display: block !important }
ol#toc { line-height: 1.1;}
/************************************************************************************
MIN-WIDTH 1441
*************************************************************************************/
@media only screen and (min-width: 1441px) { 
	.hide-for-small,
	.hide-for-medium,
	.hide-for-medium-down,
	.hide-for-large,
	.show-for-large-up,
	.show-for-xlarge { display: block !important }
	.show-for-small,
	.show-for-medium,
	.show-for-medium-down,
	.show-for-large,
	.hide-for-large-up,
	.hide-for-xlarge { display: none !important }
}
/************************************************************************************
MIN-WIDTH 768 MAX-WIDTH 1279
*************************************************************************************/
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) { 
	.hide-for-small,
	.show-for-medium,
	.show-for-medium-down,
	.hide-for-large,
	.hide-for-large-up,
	.hide-for-xlarge { display: block !important }
	.show-for-small,
	.hide-for-medium,
	.hide-for-medium-down,
	.show-for-large,
	.show-for-large-up,
	.show-for-xlarge { display: none !important }
}

/************************************************************************************
MAX-WIDTH 767
*************************************************************************************/
/* Small display targeting */
@media only screen and (max-width: 767px) { 
	.show-for-small,
	.hide-for-medium,
	.show-for-medium-down,
	.hide-for-large,
	.hide-for-large-up,
	.hide-for-xlarge { display: block !important }
	.hide-for-small,
	.show-for-medium,
	.hide-for-medium-down,
	.show-for-large,
	.show-for-large-up,
	.show-for-xlarge { display: none}
	.tooltip { font-size: 13px; font-size: 1.3rem; line-height: 1.1; padding: 1px 2px 2px 1px; }
}

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait { display: block !important }
.hide-for-landscape,
.show-for-portrait { display: none !important }
@media screen and (orientation: landscape) { 
	.show-for-landscape,
	.hide-for-portrait { display: block !important }
	.hide-for-landscape,
	.show-for-portrait { display: none !important }
}
@media screen and (orientation: portrait) { 
	.show-for-portrait,
	.hide-for-landscape { display: block !important }
	.hide-for-portrait,
	.show-for-landscape { display: none !important }
}
/* Touch-enabled device targeting */
.show-for-touch { display: none !important }
.hide-for-touch { display: block !important }
.touch .show-for-touch { display: block !important }
.touch .hide-for-touch { display: none !important }
/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge,
table.show-for-large,
table.hide-for-small,
table.hide-for-medium { display: table !important }
@media only screen and (max-width: 1279px) and (min-width: 768px) { 
	.touch table.hide-for-xlarge,
	.touch table.hide-for-large,
	.touch table.hide-for-small,
	.touch table.show-for-medium { display: table !important }
}
@media only screen and (max-width: 767px) { 
	table.hide-for-xlarge,
	table.hide-for-large,
	table.hide-for-medium,
	table.show-for-small { display: table !important }
}

/************************************************************************************
MAX-WIDTH 800
*************************************************************************************/
@media screen and (min-width: 485px) and (max-width: 800px) {  
	.row { width: 100%; max-width: 100%; min-width: 1px; margin: 0 auto; } 
nav {
  background-color: #000 !important;
}
/*************************************************************************************
MAX-WIDTH 600 OR LESS
**************************************************************************************/
@media only screen and (max-width: 600px) {
    /* For mobile phones: */
nav {
  background-color: #000 !important;
}
h1.small {
	margin-top:2px!important;
	margin-bottom:2px!important;
	}
}
   td.glosstable,  th.glosstable, .glossdata {
        width: 100% !important; 
    }  
    table.glosstable,  .glosstable { 
      margin:0 !important; padding:0 !important; border-collapse: collapse;
    }  
    .glossaz {
      font-size:120%; 
      font-weight:bold;
      width: 100% !important;
   } 
  .term-col {
    font-size:15px; font-size:1.3rem !important;
    }
    .glossdata {
       font-size:14px; font-size:1.4rem !important;
    }
} 

/************************************************************************************
CAROUSEL
*************************************************************************************/
@media screen and (max-width: 1024px) {
#quotes {width:98% !important;}
#quotes blockquote{width:98% !important;}
#quotes {height:160px !important;}
    #quotes blockquote{height:160px !important;}
}

@media screen and (max-width: 850px) {
nav {
  background-color: #000 !important;
}
.fitcarousel {width:97%;overflow:hidden;}
}
@media screen and (min-width: 470px) and (max-width: 480px) {  
nav {
  background-color: #000 !important;
}
.fitcarousel {width:89% !important;overflow:hidden;}
}
/************************************************************************************
MAX-WITH 590
*************************************************************************************/
@media only screen and (max-width: 590px) { 
	body { text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
nav {
  background-color: #000 !important;
}
	.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
	.column, .columns { width: auto !important; float: none; }
	.column:last-child, .columns:last-child { float: none }
	[class*="column"] + [class*="column"]:last-child { float: none }
	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both }
	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important }
	.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto }
	.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto }
	/* Mobile 4-column Grid */
	.row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
	.row .mobile-one:last-child { float: right }
	.row .mobile-one.end { float: left }
	.row.collapse .mobile-one { padding: 0 }
	.row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
	.row .mobile-two:last-child { float: right }
	.row .mobile-two.end { float: left }
	.row.collapse .mobile-two { padding: 0 }
	.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
	.row .mobile-three:last-child { float: right }
	.row .mobile-three.end { float: left }
	.row.collapse .mobile-three { padding: 0 }
	.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
	.row .mobile-four:last-child { float: right }
	.row .mobile-four.end { float: left }
	.row.collapse .mobile-four { padding: 0 }
	.push-one-mobile { left: 25% }
	.pull-one-mobile { right: 25% }
	.push-two-mobile { left: 50% }
	.pull-two-mobile { right: 50% }
	.push-three-mobile { left: 75% }
	.pull-three-mobile { right: 75% }
	ul.flyout li a {margin:0px;height:100%;}
	.name {display:block;}
	.noleftmarg {padding:0px !important;}	
	.newsmargin{margin-left:0px;}
	.floatright {float:none;}
	#footer h1, #footer .aboutus {padding-top:20px;}
	.back-top, .back-top a, .slide{display:none;}
	.left { float: none }	
	.right { float: right; }
	#quotes {height:260px !important;}
    #quotes blockquote{height:260px !important;}
	.tooltip { font-size: 13px; font-size: 1.3rem; line-height: 1.1; padding: 0px 0px 1px 0px; }
/*	.nav-bar li ul li a {margin:0px;height:100%;} */
}	
/************************************************************************************
MAX-WIDTH 400 Very Small display targeting and ADD TO ANY / add2any
************************************************************************************/
@media only screen and (max-width: 400px) {
/* hide print button on mobiles */
.a2a_button_print { display:none;}
}
nav {
  background-color: #000 !important;
}
/************************************************************************************
MAX-WIDTH 240
*************************************************************************************/
@media screen and (max-width: 240px) { 
nav {
  background-color: #000 !important;
}
.row .mobile-one {width:45% !important;}
.row .mobile-three {width:55% !important;}
#footer {overflow:hidden;}
h1, .aboutus {font-size:20px;}
#quotes {height:250px !important;}
.image_carousel {overflow:hidden;}
.tooltip { font-size: 12px; font-size: 1.2rem; line-height: 1.0; padding: 0; }
}

/**************************************************************************************
MAX-HEIGHT 650
***************************************************************************************/
@media screen and (max-height:650px) {
#subheader { padding: 12px 25px;  }
#subheader p { font-size: 1.3em; margin-bottom: 0;margin-top: 10px}
.hr {margin-bottom:0; margin-top:5px;}
.textmenu { margin-top: 8px !important;}
ol#toc { line-height: 1.1;}
}

/***************************************************************************************
MAX-HEIGHT 430 
***************************************************************************************/
@media screen and (max-height: 430px) {
#subheader {  padding: 7px 15px;  }
#subheader p { font-size: 1.2em; margin-bottom: 0; margin-top: 5px;}
.subheader p.right {display:none;}
.hr {margin-bottom:0; margin-top:5px;}
}

/*************************************************
TOC RESPONSIVE CODE WITH TOGGLE BUTTON SEPT 2015
*************************************************/
/* between 768 and under 1190 */
@media only screen and (min-width: 768px) and (max-width: 1190px) {
  
  #tocdiv { top:38px; right:1px; }
  #toggleButton { font-size: 100%; }
  ol#toc { max-height:750px; max-height: 75vh; border-left: 2px solid #00838c; padding: 0.2%; }
}
@media only screen and (min-width: 650px) and (max-width: 767px) {
#toggleButton { font-size: 15px; }
#tocdiv { top:36px;} 
ol#toc > li > a {  margin-left: 1px;padding-left: 0; font-size:14px;}
ol#toc li ol li a { font-size: 13px;} 
ol#toc { border-left: 2px solid #00838c; padding: 0.2%; }
}

@media only screen and (max-width: 649px) {
#toggleButton { font-size: 13px; padding:2px;}
#tocdiv { top:30px; right:0; } 
ol#toc { font-size: 13px; line-height: 1.1; border-left: 1px solid #00838c; padding: 1px; border-top:0}
ol#toc > li > a { margin-left: 0; padding-left: 0; font-size: 13px; }
ol#toc li ol li a { font-size: 12px; }
ol#toc li ol li { padding:0; line-height:1.0; margin-left:3px;} 
}

@media only screen and (max-width:419px)  {
nav {
  background-color: #000 !important;
}
#toggleButton { font-size:12px; padding: 2px 1px 0 1px; margin:0; line-height:1.0}
#tocdiv { top: 2px; font-size:12px; width: 35%; left: 65%; max-height: 90%; max-height: 90vh; margin: 0; }
blockquote.answer { padding-right: 35%;}
ol#toc li ol li > a { font-size: 11px;} 
ol#toc { border: 0; padding: 0; margin:0 }
ol#toc li ol li { margin-left:0; padding-left:1px;}
}
/************************************************************************************************
*  NEW PURE CSS MENU RESPONSIVE SEPT 2015 - see menu.css too
************************************************************************************************/
@media only screen and (max-width: 1000px) { 

#logo-id {
   height:33%;
   }
}

/** 650px or larger **/
@media all and (min-width: 650px) {

/* horizontal menu */
nav ul ul li {
  width: 12em;
 }

/*gap between nav and drop-down menu */

nav ul ul {
  top: 35px;
  }
/* Second Tier drop-down box */
nav ul ul ul li {
  width:auto;
 }

/* Width & wrap menu over 2 lines */
.menu li ul > li, .menu ul li > li {
   width:auto;
   max-width: 15em;
   line-height: 2;
   height:auto;
 }

/* Wrap menu over 2 lines */
nav ul li ul li > a, nav ul li > a {
  line-height: 2;
  height: auto;
  }

/* Borders between menu items */
nav ul li ul li a {
 border-bottom: 1px solid #e6e6e6; 
  }
}

/* tablets */
@media only screen and (min-width: 650px) and (max-width: 1190px) {

    li > a:after { content:''; }
    nav, #homeicon {margin:0; padding:0;border:0}
    #homeicon {font-size:20px; padding:0 3px 0 3px}
    nav a, nav ul a {padding-right:5px; padding-left:2px; font-size: 17px;}
    nav a:after { padding-right:0;}
    #logo-id {  display: none;}
    .toggle, nav ul li ul li .toggle, nav ul ul a, nav ul ul li {font-size: 15px;}
    nav ul ul .toggle, nav ul ul a { padding: 0 0.5em; }
    nav ul ul ul { padding: 0; }
    nav ul ul ul a { padding: 0 1em; }
    nav ul:last-child { padding-right:0.8em;}
    /* line height for drop-down wrapped lines
    .menu li ul > li, .menu ul li > li {line-height: 1.4;}
    /* Wrap menu setting */
    nav ul li ul li > a, nav ul li > a { line-height: 1.4;}

    /* Align Second Tier headings like the DID submenu with rest of list */
    .submenu { margin-left:-25px;}
}

@media all and (max-width: 649px) {

#logo-id {
  display: none;
}

#homeicon, #home-icon, .home-icon {
   font-size:18px;
   height:auto;
   padding-bottom:0;
}
   
nav { margin: 0; padding-right:0}

nav a:after, nav a {
  padding-right:2px;
  margin-right:0;
  padding-left:0;
  }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  background-color: #333;
  color: #FFF;
  font-size: 15px;
  text-decoration: none;
  padding-right:0;
  margin-right:0;
}

.toggle:hover, nav ul > li:hover { background-color: #000000; }

/* First Tier */
 nav ul li ul li .toggle, nav ul ul a, nav ul ul li {
  padding-left:0.5em; 
  padding-right:0; 
  margin-left:0;
  margin-right:0
  }
  
/* First Tier drop-down box position */
nav ul ul ul li {
  /* top: -8px;  just under 1 row lower than first menu */
  left: 2em;
  min-width: 15em;
}

[id^=drop]:checked + ul { display: block; max-width:100%}

nav ul li {
  display: block;
  /* convert to vertical list */
  min-width: 51%;
  width: auto;
  padding-right: 0.1em;
  margin-right:2em;  
}

nav ul ul .toggle { padding: 0 1.5em; }

nav ul ul ul { padding: 0; }
nav ul ul ul li, nav ul ul ul ul > li { padding-right: 0; }

/* Same indent for First Tier headings with submenus like DID */
.toggle.submenu {
  padding-left:1.3em;
  margin-left: 0;
  padding-top:6px;
  padding-right:0;
  margin-right:0;
}
/* Second Tier indent */
nav ul ul ul > li {
  padding-left:1em;
  padding-right:0;
  margin-left: 1em;
  margin-right:0;
  }

nav a:hover,
 nav ul ul ul li:hover { background-color: #000; }

nav ul li ul li .toggle, nav ul ul a {
  background-color: #333;
  font-size:15px;
  padding-right: 0;
  }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
  padding-right: 0;
  width:auto;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  font-size:15px;
  white-space: nowrap;
}

nav ul ul ul li {
 position: static;
 }
 
/* ignore (hide) all line breaks */ 
.rwd-break { display: none; }
}

@media all and (max-width:420px) {

/* First Tier drop-down box position */
nav {
  background-color: inherit;
}
nav ul ul ul li {
  left: -2em;
 }
nav ul ul ul li, nav ul li {
  margin-right:0;
  padding-right:0;
  padding-left:0;
  }

nav ul ul li, nav ul ul, nav ul {
  max-width:100%;
  padding-left: 0em;
  padding-right:0;
  margin-right:0;
  left:0;
  }
 
 /* how right out drop-down menus go -vw = percentage of contained,fall back given first */ 
.toggle, nav ul li ul li .toggle, nav ul ul a, nav ul ul li {
  font-size: 14px; font-size:4vw; 
  padding-left: 0;
  left:2em;
 }   
 /* Align Second Tier headings like the DID submenu with rest of list */
.submenu  {
  left: 6em;
  }
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

.toggle, nav ul li ul li .toggle, nav ul ul a, nav ul ul li {
  font-size: 13px;
  padding-left:0 
 }

/* Borders between menu items */
nav ul li ul li a {
 border-bottom: 0.5px solid #e6e6e6; 
  }

nav ul ul .toggle, nav ul ul a { padding: 0 1em 0 0; }
nav ul ul ul { padding: 0; }
nav ul ul ul a { padding: 0 2em 0 0; }

nav ul ul li, nav ul ul, nav ul li, nav ul {
  padding-left: 0;
 }

/* Align Second Tier headings like the DID submenu with rest of list */
.submenu {
  margin-left:-17px;
}
  
/* First Tier drop-down box position */
nav ul ul ul li {
  left: -3em;
  }
.toggle, nav ul li ul li .toggle, nav ul ul a, nav ul ul li {
  left: 3em;
 }
}
/*********** END OF PURE CSS MENU *********/

/** iframe with 100% for sitemap.html**
** source https://benmarshall.me/responsive-iframes/ **
** /
.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

.iframe-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
} 
/* 16x9 Aspect Ratio */
.iframe-container-16-9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.iframe-container-4-3 {
  padding-bottom: 75%;
}
/** end iframe width 100% css **/