*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 100%;
	overflow-y: scroll;		
}

body {
	font-size: 16px; font-size: 1rem;
}

body, html {
	background: #00548b;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

div {
	
} 

p, h1, h2, h3, h4, h5, h6 {
	display: block; 
	font-weight: normal;
}

p {
	margin: 1em 0rem 1em 0rem;	
	font-size: 16px; font-size: 1rem;	
}

h1{
	font-size: 32px; font-size: 2rem;
	margin: 10px 0px 10px 0px; margin: 0.625rem 0rem 0.625rem 0rem;	
}

h2 {
	font-size: 24px; font-size: 1.5rem;
	margin: 13px 0px 13px 0px; margin: 0.8125rem 0rem 0.8125rem 0rem;	
}

h3 {
	font-size: 18px; font-size: 1.125rem;
	margin: 16px 0px 16px 0px; margin: 1rem 0rem 1rem 0rem;	
	font-family: "Open Sans", "Arial Black", Helvetica-Black, Arial, Helvetica, sans-serif; 
	font-weight: bolder;
}

h4 {
	font-size: 16px; font-size: 1rem;	
	margin: 21px 0px 21px 0px; margin: 1.3125rem 0rem 1.3125rem 0rem;
	font-family: "Open Sans", "Arial Black", Helvetica-Black, Arial, Helvetica, sans-serif; 
	font-weight: bolder;	
}

h5 {
	font-size: 13px; font-size: .8125rem;
	margin: 26px 0px 26px 0px; margin: 1.625rem 0rem 1.625rem 0rem;	
}

h6 {
	font-size: 10px; font-size: .8125rem;
	margin: 37px 0px 37px 0px; margin: 2.3125rem 0rem 2.3125rem 0rem;	
}

.xxlarge-text {
	font-size: 32px; font-size: 2rem;
	margin: 10px 0px 10px 0px; margin: 0.625rem 0rem 0.625rem 0rem;	
}

.xlarge-text {
	font-size: 24px; font-size: 1.5rem;
	margin: 13px 0px 13px 0px; margin: 0.8125rem 0rem 0.8125rem 0rem;	
}

.large-text {
	font-size: 18px; font-size: 1.125rem;
	margin: 16px 0px 16px 0px; margin: 1rem 0rem 1rem 0rem;	
}

.small-text {
	font-size: 13px; font-size: .8125rem;
	margin: 26px 0px 26px 0px; margin: 1.625rem 0rem 1.625rem 0rem;	
}

.xsmall-text {
	font-size: 10px; font-size: .8125rem;
	margin: 37px 0px 37px 0px; margin: 2.3125rem 0rem 2.3125rem 0rem;	
}


img a {
	border: none;	
}

.underline {
	text-decoration: underline;
}

.strong {
	font-weight: bold;
}

.uppercase {
	text-transform: uppercase;
}

/** alternate clearfix **/

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;	
}

.clearfix {
	zoom: 1; /* IE6/7 */	
}

/* Required Field Border Override in FF */
:invalid, :-moz-submit-invalid, :-moz-ui-invalid {box-shadow: none;}


/** begin site styles **/


#site-container {
	margin: 0;
	padding: 0;	 
}


#layout {
	display: table;
	margin: 0 auto;
	width: 100%; 
}

#header, #content, #footer {
	display: table-row;
	width: 100%;
	margin: 0;
	padding: 0;	
}

#header {
	position: relative;
	max-width: 1090px;	
}

.sitewide-message {
    width: 100%;
    background-color: #f2c526;
    color: #000;
    padding: 7px;
}

.banner { 
	display: table;
	width: 100%;
    padding: 7px 0px 7px 0px;
}

.brand {
    display: table-cell;
	padding-left: 0;	
    width: 192px; 
    vertical-align: middle;
}

div.brand a {
	background-image:url('../img/logo.png') !important;
	height: 54px;
	width: 192px;
}

div#title-mobile {
    display: none;
}

div.title {
   	display: table-cell; 
    height: 54px;	
    text-align: left;
    vertical-align: middle;
    /*margin-top: 7px;*/
    margin-top: 0px;
    padding-left: 20px;
}

div.title .fullname {
    font-size: 15px; font-size: 0.9375rem; color: #fff; line-height: 1rem;
}

div.title .tagline {
    font-size: 24px; font-size: 1.5rem; color: #fff; line-height: 1.5rem;
}

/*.search-region { 
	display: table-cell;
	width: 80%;
	text-align: right;
	vertical-align: middle; 
	position:absolute; 
	top: 8px; 
	right: 0;  background-color: red !important;
}*/

.hamburger-search { 
	display: none;
	width: 80%;
	text-align: right;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
}

.hamburger-search, .nav .hamburger-search {
	display: none;
}
.hamburger-search .search-icon {
	background-image: url(../img/icons/iconSearchHamburger.png);
	height: 21px;
	width: 21px;	
}

div.newsearch {
    display: table-cell;
    vertical-align: middle;
	padding-left: 20px;
    height: 54px !important;  text-align: right;
}

a.newsearchbutton {
    width: 49px !important;
    height: 28px !important;
    background-image: url('../img/icons/icon-search.png') !important;
    background-position: left;
    background-repeat: no-repeat;
    display: inline-block;
    border-right: 2px solid #1687D7;
}

div.newsearch .search-bg { 
	margin: 0 auto;
	padding: 0px;
	width: 240px;
	background-color: #fff;	
	text-align: left;
	/*padding: 0px 16px 0px 16px; padding: 0rem 1rem 0rem 1rem;*/
}

div.newsearch .searchbox {  
	margin: 0 auto;
	padding: 0px; 
	height: 28px; height: 1.75rem;
	color: #808080;
	border: none; 
}

div.newsearch form input[type=text] { 
	/*display: inline-block; */
	vertical-align: middle;
	width: 81.75%;
	color: #808080;
	text-align: left; 
	padding: 0px 10px;
}

div.newsearch a.submit {
	margin-left: 10px !important;
}

div.newsearch form input[type=submit] { 
	vertical-align: middle;
	width: 49px !important;
    height: 28px !important;
	
	background-color: transparent;
	background-image: url('../img/icons/icon-search.png') !important;
	background-repeat: no-repeat;
	border: 0; margin-left: 10px !important;
}
.icon-border{
	border-right: 2px solid #1687d7;
	height: 28px !important;
	float: right;
	display: inline-block;
	padding-right: 20px;
}
.openSearch {
	width: 0;
	display: none !important;
}
.closeSearch {
	width: 0;
	display: none;
}

div.topsocial {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 165px; min-width: 155px !important;
    height: 54px !important; 
    margin-left: 10px; 
}

.nav {
	width: 100%;
	background-color: #1687d7;
	padding: 10px 0px 10px 0px; padding: 0.625rem 0rem 0.625rem 0rem; 
}

.hamburger-nav {
	display: none;	
}

.hamburger-menu {
	display: none;
	margin-right: 10px;
	bottom: 0;
}
.hamburger-menu.hamburger-open {
	background-color: #1687d7;
}

.hamburger-menu a {
	background-color: transparent !important;
}

.hamburger-menu .hamburger {
	background-image:url(../img/icons/iconHamburgerMenu.png); 
	width: 32px;
	height: 28px;
	margin: 0px 5px 0 5px;
	padding: 5px;
}


div#header div.search-region div.search { display: none; }

.nav ul {
	color: #fff;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav .container > ul > li {
	display: block;
	flex: 0 1 auto;
	margin: 0;
	padding: 0;
}

.nav ul li a {
	display: block;
}

.nav ul li a:link, .nav ul li a:visited {
	color: #FFF;
	text-decoration: none;
}

.nav ul li a:hover {
	color: #F2C526;
}


/**** content header *****/

.content-header {
	display: inline-block;
	width: 100%;
	background-color: #002741;
	color: #fff; 
	padding: 0px 20px; padding: 0rem 1.25rem; 
}

.content-header p, .content-header h1, .content-header h2, 
.content-header h3, .content-header h4, .content-header h5, 
.content-header h6 {
	color: #FFF;
}

.content-header a:link {
	color: #F2C526;
	text-decoration: none;
}

.content-header a:hover {
	text-decoration: underline;
}

.content-header a:visited  {
	color: #FFF1C4;
}

.breadcrumbs {
	padding: 10px 0px 10px 0px; padding: 0.625rem 0rem 0.625rem 0rem;
	color: #fff;
	font-size: 14px; font-size: 0.875rem;
}

.breadcrumbs a:link, .breadcrumbs a:visited {
	color: #F2C526;
	text-decoration: none;
	text-transform: capitalize;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}


/* Navigation for list of dated entries/links (news and press releases) */
.dated-entry-nav {
	width: 100%;
}

.dated-entry-nav .custom-select {
	display: inline-block;
	vertical-align: top;
	min-width: 100px; min-width: 6.25rem;
	margin: 0;
	padding: 0; overflow: hidden;
	background-color: #002741;
	background-image: url('../img/icons/iconSelectArrow.png');
	background-repeat:no-repeat;
	background-position: right center;
	
}

.dated-entry-nav .custom-select select {
	min-width: 100px; min-width: 6.25rem;
	padding-right: 10px;
	height: 30px; height: 1.875rem;
	background-color: #002741;
	background-color: transparent;
	color: #FFF;
	font-size: 22px; font-size: 1.375rem;
	font-weight: bold;
	border: 0; 
	border-radius: 0;
	text-align: left;
	-webkit-appearance: none;
}
.dated-entry-nav .custom-select select option {
	background-color: #002741;
}


.dated-entry-nav ul {   
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dated-entry-nav ul li { 
	display: inline-block;
	vertical-align: top;
	min-height: 30px; min-height: 1.875rem;
	padding: 0px 10px 0px 10px; padding: 0rem 0.625rem 0rem 0.625rem;
	color: #F2C526;
	line-height: 30px; line-height: 1.875rem;
}

.dated-entry-nav ul li a:visited {
	color: #F2C526;
}

.dated-entry-nav ul li.selected { /*for selected tab*/
	background-color: #F2C526;
	color: #000;
}

.dated-entry-nav ul li.selected a:link,
.dated-entry-nav ul li.selected a:visited {
	color: #000;
}

/* dated list of articles and press releases */


ul.dated-list, ol.dated-list {   
	display: table;
	width: 100%;
	margin: 0;
	padding: 0; 
	list-style: none;
	border-collapse: separate; 
	border-spacing: 0px 15px; border-spacing: 0rem 0.9375rem;
}
ol.dated-list {
	list-style-type: decimal;	
}

ul.dated-list li, ol.dated-list li { 
	display: table-row; 
	width: 100%;  
}
 
ol.dated-list li {
	display: list-item; 
}

ul.dated-list .date, ol.dated-list .date {
	display: table-cell;
	width: 15%;
	min-width: 135px;
	padding-right: 20px; padding-right: 1.25rem;
}

ul.dated-list .title, ol.dated-list .title {
	display: table-cell;  
	width: 85%;
}

/*added this style for pages which needed a wider left column (e.g. oral history interviews, venono chronology). Appended class wide if needed on the li <span class="date wide"> - dlhatfi*/
ul.dated-list .wide, ol.dated-list .wide {
	min-width: 250px !important;
}


/**** Article Page ****/
div.article-date {
	float: left;
	font-style: italic;	
}

div.article-feature-image {
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 12px; font-size: 0.75rem;
}

img.article-feature-image {
	width: 100%;	
}

/**** Share Buttons *****/
.share-buttons {
	float: right;
	width: 280px;
	height: 24px;
	overflow: hidden;
	margin-bottom: 5px;
}

.share-buttons ul {
	margin: 0;
	padding: 0;
	list-style-type: none; 
}

.share-buttons li {
	float: left;
	width: 54px;
	height: 24px;
	margin-right: 2px; 
}

.share-buttons li:last-of-type {
	margin-right: 0;	
}

.share-buttons a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

.share-buttons li.facebook a {
	background-image: url(../img/icons/share-icon_facebook-off.png);
}

.share-buttons li.facebook a:hover {
	background-image: url(../img/icons/share-icon_facebook-on.png);
}

.share-buttons li.twitter a {
	background-image: url(../img/icons/share-icon_twitter-off.png);	
}

.share-buttons li.twitter a:hover {
	background-image: url(../img/icons/share-icon_twitter-on.png);
}

.share-buttons li.googleplus a {
	background-image: url(../img/icons/share-icon_google-off.png);
}

.share-buttons li.googleplus a:hover {
	background-image: url(../img/icons/share-icon_google-on.png);	
}

.share-buttons li.reddit a {
	background-image: url(../img/icons/share-icon_reddit-off.png);	
}

.share-buttons li.reddit a:hover {
	background-image: url(../img/icons/share-icon_reddit-on.png);	
}

.share-buttons li.email a {
	background-image: url(../img/icons/share-icon_mail-off.png);	
}

.share-buttons li.email a:hover {
	background-image: url(../img/icons/share-icon_mail-on.png);	
}

/**** Search Page ****/
.search-page-search {
	padding: 20px 0px; padding: 1.25rem 0rem;
}

.search-page-search .search-bg { 
	display: inline-block;
	margin: 0 auto;
	padding: 0px;
	width: 50%;
	background-color: #fff;	
	text-align: left;
}

.search-page-search .searchbox {  
	margin: 0 auto;
	padding: 0px;
	height: 32px; height: 2rem;
	color: #808080;
	border: none;
}

.search-page-search form input[type=text] { 
	display: inline-block; 
	vertical-align: middle;
	width: 88.75%;
	color: #808080;
	text-align: left; 
	padding: 0% 5% 0% 5%;
	font-size: 20px; font-size: 1.25rem;
}

.search-page-search form input[type=submit] {  
	display: inline-block; 
	vertical-align: middle;
	width: 25px;
	height: 25px;
	border: 0;
	background-color: transparent;
	background-image: url(../img/icons/iconSearch.png);
	background-repeat: no-repeat;
}


.search-page-search .advanced-search {
	display: inline-block;
	margin-left: 10px; margin-left: 0.625rem;
}

/* Search Results Nav */
.search-nav {
	display: none; /* displayed via js */
	width: 100%;  
	padding: 20px 0px; padding: 1.25rem 0rem; 
} 

.search-nav ul {   
	display: table;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%; 
}

.search-nav ul li { 
	display: table-cell; width: 25%;	
	vertical-align: top;
	font-size: 18px; font-size: 1.125rem;
	color: #FFF;
	padding: 5px 0px; padding: 0.3125rem 0rem;
	line-height: 30px; line-height: 1.875rem; 
}

.search-nav > ul > li > ul > li { 
	margin-right: 20px; margin-right: 1.25rem; 
}

.search-nav ul ul {  
	margin-bottom: -5px; margin-bottom: -0.3125rem;
}

.search-nav li li {     
	width: auto;
	display: block;	
	font-size: 16px; font-size: 1rem;
	color: #F2C526; /*border-bottom: 1px solid #808080;*/ border-top: 1px solid #808080;
	line-height: normal;   position: relative; /*for expand/collapse positioning*/
}

.search-nav li li:first-child {     
	border-top: none;
}
	
	
.search-nav ul ul ul {  
	/*background: rgba(255, 255, 255, 0.1);*/ /* doesn't work as intended when selected class on parent LI */
	background: #1A3D54;
	display: none; /* changes via js */
	margin-top: 10px; margin-top: 0.625rem; 
}

.search-nav ul ul ul ul {
	background: #315165;	
}

.search-nav ul ul ul li {
	margin-top: 0; 	
}

.search-nav li li li {  
	/*margin-right: 0;  */ 
}

.search-nav ul ul ul li:last-child { 

}

.search-nav ul li a:link {
	padding-right: 15px;
	display: block;
}

.search-nav ul li a:hover {
	text-decoration: none;
}

.search-nav ul li a:visited {
	color: #F2C526; 
}

.search-nav ul li.selected { /*for selected option*/
	background-color: #F2C526;
	color: #000; 
}

.search-nav ul li.selected a:link,
.search-nav ul li.selected a:visited {
	color: #000;
}

.search-nav ul li.selected ul a:link,
.search-nav ul li.selected ul a:visited {
	color: #F2C526;	
}

.search-nav ul li a.expand, .search-nav ul li a.collapse {
	background-position: 0px 13px; background-position: 0rem 0.8125rem;
	height: 36px; height: 2.25rem;
	position: absolute;
	right: 0px;
	top: 0px;
	padding-right: 0; 
}


/* Search Results List */

.search-results-count {
	text-align: right;	
}

table.search-list {  
	width: 100%;
	border: 0;
}

colgroup.date {
	width: 15%;
	min-width: 100px;
	padding-right: 20px; padding-right: 1.25rem;
}

colgroup.title {
	width: 85%;
}

table.search-list td { 
	padding-bottom: 15px; padding-bottom: 0.9375rem;	
}

ul.search-list {   
	width: 100%;
	margin: 0;
	padding: 0; 
	list-style: none;
}

ul.search-list li { 
	width: 100%; 
	margin-bottom: 20px; margin-bottom: 1.25rem;
	padding-bottom: 20px; padding-bottom: 1.25rem;
	border-bottom: 1px solid #EDEDED;
}

ul.search-list .title {
	display: inline-block;
	width: 100%;
	font-size: 18px; font-size: 1.125rem;
	font-weight: bold;
}

ul.search-list .url {  
	display: inline-block;
	width: 100%;
	font-size: 10px; font-size: .8125rem;
	word-break: break-all;
}

ul.search-list .description {   
	display: inline-block;
	width: 100%;
	font-size: 13px; font-size: .8125rem;
}

ul.search-list .date {
	display: inline-block;
	width: 100%;
	font-size: 10px; font-size: .8125rem;
	color: #808080;
}

ul.search-pagination {
	width: 100%;
	margin: 0;
	padding: 0; 
	list-style: none;
	text-align: right;
	margin-bottom: 20px;
}

ul.search-pagination li { 
	display: inline-block;
	margin-right: 15px; margin-right: 0.9375rem;
	font-size: 24px; font-size: 1.5rem;
}

/**** center of page *****/

.body-content {
	width: 100%; 	
	background-color: #FFF;
	padding: 20px 20px; padding: 1.25rem 1.25rem; 
	display: table; 
}

.body-content a {
	color: #0083e0;/*#0095ff; #1687D7; */
	text-decoration: none;
}

.body-content a:hover {
	color: #0083e0;/*#0095ff; #1687D7; */
	text-decoration: underline;
}

.body-content a:visited {
	color: #365c76; /*#4d7d9f; #315165; */
}

.body-content table caption {
	font-size: 18px; font-size: 1.125rem;
	font-weight: bold;
	padding: 12px 0px; padding: .75rem 0;
}


.body-content table th {
	background-color: #002741;
	padding: 5px; padding: 0.3125rem;
	color: #fff;
}

.body-content table td {
	padding: 5px; padding: 0.3125rem;
	vertical-align: top;
}
.body-content table, .body-content table td {
	border-color: #bdbdbd;	
}


/*.body-content ul li, .body-content ol li {
	margin-top: 16px; margin-top: 1rem;
	margin-bottom: 16px; margin-bottom: 1rem;
}*/

/**** footer *****/

#footer {
	display: inherit;
	width: 100%;
	background-color: #00548b;
	margin: 0px;
	padding: 0px 20px; padding: 0rem 1.25rem;
}

#footer .container {
	display: table; 
	margin-top: 20px; margin-top: 1.25rem; 
	margin-bottom: 20px; margin-bottom: 1.25rem; 
}

.footer-row { 
	display: table-row; 
}


.footer-content {
	display: table-cell;  
	vertical-align: top;
	padding: 0px 20px; padding: 0rem 1.25rem; 
	font-size: 14px; font-size: 0.875rem;
	color: #fff;	 
    border-right: 1px solid #1687d7;
}

.footer-row div:first-child {
    padding-left: 0px;
}

.footer-row div:last-child {
    border-right: none;
    padding-right: 0px;
}

.footer-content .title {
    font-size: 17px; font-size: 1.0625rem;
    font-weight: bold;
    margin: 0; padding: 0;
}


div.footer-content.seals {
    text-align: center;

}
div.footer-content.seals img {
    max-width: 100%;
}
div.footer-content.internal {
    
}
div.footer-content.external {

}
div.footer-content.social {
    text-align: center;
    min-width: 130px;
}


.footer-content .internal-links  {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px; 
}

.footer-content a:link, .footer-content a:visited {
	color: #fff;	
	text-decoration: none;  
}

.footer-content a:hover {
	text-decoration: underline; 
}

.footer-content ul {
	list-style: none;	
	padding: 0px;
	margin: 0px; 
}

.footer-content ul li {
	padding-bottom: 6px; padding-bottom: .375rem;  
}



/***** operational status banner *****/
div#status-banner {
	width: 100%;
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 5px 0px;		
}

div#status-banner a:link, div#status-banner a:visted {
	color: #fff;
	text-decoration: none;
}

div#status-banner a:hover {
	text-decoration: underline;	
}

/**** common classes *****/

/*style used for 508 accessibility of headings on home page*/
.hideit {
	position: absolute;
	top: -1000px;
}

.container {
	width: 100%;
	max-width: 1090px;
	margin: 0 auto; /*padding: 0px 20px; padding: 0rem 1.25rem;*/
}

.body-text-container {
	width: 100%;
	max-width: 840px;	
	margin: 0 auto;
	display: table; /*added 12/16*/
}

/* Boxed Topic Regions for Sub-Level Landing Pages */

.topics {
	width: 100%; 
}

.topics .container {
	display: block;	
	margin: 0 auto;
	width: 100%;
	max-width: 1150px;
	padding: 10px 0px 20px 0px; 
}

.topic-box-row {
	display: table;	  
	height: 100%;  height: 1px; 
	border-collapse: separate; border-spacing: 30px 20px;
/*	border-collapse: separate; border-spacing: 30px 20px;*/
} 

.topic-box { 
	display: table-cell;	 
	width: 50%;  min-height: 1px; height: 100%; 
	vertical-align: top;  
	
	box-shadow: -10px 10px #AFAFAF; 
    background: rgba(247, 247, 247, 1); /*rgba(51, 51, 51, 1);*/
}

.shadow {
    /*box-shadow: -10px 10px #AFAFAF; 
	background: rgba(51, 51, 51, 1);*/
    padding: 0 !important;
    margin: 0 !important;
    height: 100%; 
}

.topic-box h2 {  
	width: 100%;
	background: rgba(247, 230, 175, 1); /*rgba(51, 51, 51, 1);*/
    padding: 8px; padding: .5rem;
    margin: 0;
	color: #000;
	font-size: 18px; font-size: 1.125rem; 	 
    font-weight: bold;  
}

.topic-box h2 a, .topic-box h2 a:visited {
    color: #fff;
	text-decoration: none;
}

.topic-box h2 a:hover {
	text-decoration: underline;
}

.topic-box p {
	font-size: 15px; font-size: 0.9375rem;
}

.topic-box h2 {
	display: inline-block; 
	width: 100%;
}


/*.topic-box-image {
	display: inline-block; 
	width: 100%;
	height: 155px;
	background-size: cover;
	background-position: top right;
}*/

.topic-box .content {   
	display: inline-block;
	width: 100%;
	margin: 0px; 
	padding: 8px; padding: .5rem; 
	bottom: 0px;
	/*height: 100%;*/
}

.topic-box .content ul {
	list-style: none;	
	font-size: 14px; font-size: 0.875rem;
	padding: 0px;
	margin: 0px; 
}

.topic-box .content ul li {
	padding-bottom: 6px; padding-bottom: .375rem; 
}

.topic-box .content ul li a:link, .topic-box .content ul li a:visited {
	text-decoration: none;
}

.topic-box .content ul li a:hover {
	text-decoration: underline;
}

/*img-caption for caption overlay*/

.img-caption {
	position: absolute; 
	bottom: 0px;
	padding: 0px 8px 0px 8px; padding: 0rem 0.5rem 0rem 0.5rem;
	background: rgba(0, 0, 0, 0.75);
	border-spacing: 0;	
	color: #fff;
	width: 100%;
}

.img-caption h1 {
	font-size: 16px; font-size: 1rem; 
	font-weight: normal;	
	margin: 5px 0px 5px 0px; margin: 0.3125rem 0rem 0.3125rem 0rem;	
}

.img-caption p {
	font-size: 13px; font-size: 0.8125rem;
}

a.read-more-button {
	display: inline-block;
    background: url(../img/icons/buttonReadMore.png) no-repeat center right;
    width: 80px;
	height: 28px; 
    font-size: 12px; font-size: 0.75rem;
	line-height: 28px;
	text-align: center;
	color: #000 !important;
	margin: 5px 0px 10px 0px; margin: 0.3125rem 0rem 0.625rem 0rem;
	float: right;
}

/*article embed img and text box classes*/

.img-right img, .img-left img {
	width: 100%;
}

.img-right img {
	margin-left: auto;
}

.img-left img {
	margin-right: auto;
}

.img-right {
	float: right;
	max-width: 40%;
	padding-left: 20px; padding-left: 1.25rem;
	text-align: right;
	font-size: 12px; font-size: 0.75rem;
	font-weight: normal;
}

.img-left {
	float: left;
	max-width: 40%;
	padding-right: 20px; padding-right: 1.25rem;
	text-align: left;
	font-size: 12px; font-size: 0.75rem;
	overflow: hidden;
	font-weight: normal;
}

div.img-full {
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 12px; font-size: 0.75rem;
}

img.img-full {
	width: 100%;	
}

.inline-box-right, .inline-box-left {
	max-width: 40%;
	padding: 0px 20px 0px 20px; padding: 0rem 1.25rem 0rem 1.25rem;
	font-size: 14px; font-size: 0.875rem; 
	background-color: #ededed;
	border-radius: 5px;
	/*	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
	color: white; */
}

.inline-box-right {
	float: right;
	margin-left: 20px; margin-left: 1.25rem;
}

.inline-box-left {
	float: left;
	margin-right: 20px; margin-right: 1.25rem;
}

p.right {
	text-align: right;	
}

ul.no-bullet {  /* List with no bullets or indentation */
	list-style: none;	
	padding: 0; 
	margin: 0;
}

a.expand {
	background: url(../img/icons/iconSelectorArrow.png) no-repeat center left;
	/*padding-right: 20px; padding-right: 1.25rem;*/
	width: 15px; width: 0.9375rem;
	height: 10px; height: 0.625rem;
	
	padding-right: 0;
	padding-left: 20px; padding-left: 1.25rem;	
}

a.collapse { 
	background: url(../img/icons/iconCollapseArrow.png) no-repeat center left;
	/*padding-right: 20px; padding-right: 1.25rem;*/
	width: 15px; width: 0.9375rem;
	height: 10px; height: 0.625rem; 
	
	padding-right: 0;
	padding-left: 20px; padding-left: 1.25rem;	
}

.advanced-search a.expand, .advanced-search a.collapse {
	padding-right: 0;
	padding-left: 20px; padding-left: 1.25rem;	
}

a.puzzle-answer {  /*puzzle periodical*/
	padding-left: 20px;	 padding-left: 1.25rem;		
}

.hide-label {
	font-size: 0;
	line-height: 0;
	display:  inline-block; 
	vertical-align: top;
	padding: 0;
	background-size: contain;
	background-repeat: no-repeat;
}

.date-modified {
	color: #808080;
	display: table-row;
}

ul.horizontal-list {
	padding: 0;
	margin: 0;
}

ul.horizontal-list li {
	display: inline-block;
	padding-right: 20px; padding-right: 1.25rem;
	margin: 0;
    vertical-align: top;
}

ol li {padding: 3px;}

ol.lowerAlpha {list-style-type: lower-alpha;}

p.note {
	font-size: 14px; font-size: 0.875rem;	
	background-color: #fffae8;
	border: 1px solid #F2C526;
	padding: 10px;
	color: #000;
}

p.note a:link, p.note a {
	color: #002741; 
    font-weight: bold;
    text-decoration: underline;
}

/*video embed*/

.video-embed {
	position: relative;
	overflow: hidden;
	padding-bottom: 56.25%;
	height: 0;
}

.video-embed iframe, .video-embed object, .video-embed embed {
	position: absolute;
	height: 100%;
	width: 100%;	
	left: 0;
	top: 0;
}


/*postal address*/

div.postal-address {
	padding-right: 10px; padding-right: 0.625rem;
	display: block; 
}

div.postal-address ul {
	list-style: none;
}

div.postal-address ul li {
	display: block; 
}

span.postal-address {
	padding-right: 10px; padding-right: 0.625rem;
	display: block; 
}

span.postal-address ul {
	list-style: none;
}

span.postal-address ul li {
	display: block; 
}

/* standard form */

form.standard-form {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: separate; 
	border-spacing: 0px 15px; border-spacing: 0rem 0.9375rem; 
}

form.standard-form label {
	display: table-row; 
	width: 100%;
}

form.standard-form span {
	display: table-cell;
	width: 30%;
	min-width: 100px;
	padding-right: 20px; padding-right: 1.25rem;
}

form.standard-form input, form.standard-form textarea {
	display: table-cell;  
	width: 70%; 
	vertical-align: top;
}

form.standard-form input[type=submit], form.standard-form button {
	width: auto;
}


/* inline-list */

.inline-list ul {
	list-style: none;	
}

.inline-list li {
	padding: 0;
	margin: 0;	
}

/********* icons *********/

.hamburger-menu { 
	width: 45px;
	height: 61px;
    vertical-align: middle;
}
.hamburger-menu a.hamburger {
	/*margin: 18px 15px 0 5px;	*/
    margin: 0px 15px 0px 5px;
}
.hamburger-search {
	display: none !important;
}

.hamburger-menu .menu-line {
	stroke: #fff;	
}

a.icotwitter {
    width: 40px; /*36*/
    height: 28px;
    margin: 0px 8px;
    background-image:url('../img/icons/icon-twitter.png');
    display: inline-block; vertical-align: bottom !important;
}

a.icofacebook {
    width: 40px; /*29*/
    height: 28px;
    margin: 0px 5px;
    background-image:url('../img/icons/icon-facebook.png');
    display: inline-block;
}

a.icoyoutube {
    width: 40px;
    height: 28px;
    margin: 0px 0px 0px 10px;
    background-image:url('../img/icons/icon-youtube.png');
    display: inline-block;
}

a.icofooter {
    width: 27px; 
	height: 19px;
    margin: 0px 10px 10px 0px;
}


/**** media gallery index *****/
/* 3 items per row */

ul.media-gallery-index {
	width: 100%;
	margin: 0;
	padding: 0; 
	list-style: none
}

ul.media-gallery-index li {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	padding: 2%;
}

ul.media-gallery-index .thumb {
	display: block;
	width: 100%;
}

ul.media-gallery-index .title {
	display: block;
	width: 100%; text-align: center;
}

ul.media-gallery-index li img {
	width: 100%;
	height: auto;
}

/* for 2 larger items per row */

ul.media-gallery-index.large li {
	width: 49.5%;
}

/**** video gallery *****/

ul.video-gallery {   
	display: table;
	width: 100%;
	margin: 0;
	padding: 0; 
	list-style: none;
	border-collapse: separate; 
	border-spacing: 0px 20px; border-spacing: 0rem 1.25rem;  
}

ul.video-gallery li { 
	display: table-row; 
	width: 100%;
}

ul.video-gallery .thumbnail {
	display: table-cell;
	width: 35%;
	min-width: 135px;
	padding-right: 20px; padding-right: 1.25rem; 
	vertical-align: top;
}

ul.video-gallery .information {
	display: table-cell;  
	width: 65%; 
	vertical-align: top;
}

ul.video-gallery .title {
	display: block;
	width: 100%;
	font-size: 18px; font-size: 1.125rem;
	font-weight: bold;
	padding-bottom: 5px; padding-bottom: 0.3125rem;
}

ul.video-gallery .date {
	display: block;
	width: 100%;
	font-size: 13px; font-size: .8125rem;
	padding-bottom: 5px; padding-bottom: 0.3125rem;
}

ul.video-gallery .description {
	display: block;
	width: 100%;
	padding-bottom: 5px; padding-bottom: 0.3125rem;
}

ul.video-gallery li img {
	width: 100%;
	height: auto;
}

/**** audio gallery *****/

ul.audio-gallery {   
	display: table;
	width: 100%;
	margin: 0;
	padding: 0; 
	list-style: none;
	border-collapse: separate; 
	border-spacing: 0px 15px; border-spacing: 0rem 0.9375rem; 
}

ul.audio-gallery li { 
	display: table-row; 
	width: 100%;
}

ul.audio-gallery .file-info {
	display: table-cell;
	width: 10%;
	min-width: 50px;
	padding-right: 20px; padding-right: 1.25rem; 
	vertical-align: top;
	font-size: 13px; font-size: .8125rem;
}

ul.audio-gallery .filetype {
	display: block;
	width: 100%;
}

ul.audio-gallery .length {
	display: block;
	width: 100%;
}

ul.audio-gallery .size {
	display: block;
	width: 100%;
}

ul.audio-gallery .general-info {
	display: table-cell;  
	width: 90%; 
	vertical-align: top;
}

ul.audio-gallery .title {
	display: block;
	width: 100%;
	font-size: 16px; font-size: 1rem;
	font-weight: bold;
	padding-bottom: 10px; padding-bottom: 0.625rem;
}

ul.audio-gallery .date {
	display: block;
	width: 100%;
	font-size: 13px; font-size: .8125rem;
	padding-bottom: 10px; padding-bottom: 0.625rem;
}

ul.audio-gallery .description {
	display: block;
	width: 100%;
}

ul.audio-gallery li img {
	width: 100%;
	height: auto;
}

/**** publications gallery *****/

ul.publication-gallery {   
	display: table;
	width: 100%;
	margin: 0;
	padding: 0; 
	list-style: none;
	border-collapse: separate; 
	border-spacing: 0px 15px; border-spacing: 0rem 0.9375rem; 
}

ul.publication-gallery li { 
	display: table-row; 
	width: 100%;
}

ul.publication-gallery .thumbnail {
	display: table-cell;
	width: 15%;
	min-width: 50px;
	padding-right: 20px; padding-right: 1.25rem; 
	vertical-align: top; 
	
	border-bottom: 1px solid #808080;
	padding-bottom: 15px; padding-bottom: 0.9375rem;
}

ul.publication-gallery .information {
	display: table-cell;  
	width: 85%; 
	vertical-align: top;   
	
	border-bottom: 1px solid #808080;
	padding-bottom: 15px; padding-bottom: 0.9375rem;
}

ul.publication-gallery .title {
	display: block;
	width: 100%;
	font-size: 16px; font-size: 1rem;
	font-weight: bold;
	padding-bottom: 10px; padding-bottom: 0.625rem;
}

ul.publication-gallery .date {
	display: block;
	width: 100%;
	font-size: 13px; font-size: .8125rem;
	padding-bottom: 10px; padding-bottom: 0.625rem;
}

ul.publication-gallery .description {
	display: block;
	width: 100%;
}

ul.publication-gallery .description ul {
    padding: 0; margin: 0; 
}

ul.publication-gallery .description li {
    line-height: 0;
    font-size: 14px; font-size: 0.875rem;
}

ul.publication-gallery li img {
	width: 100%;
	height: auto;
}

/**** Vertical icon list *****/

ul.v-icon-list, .icon-body-text  {
    list-style: none; 
    display: table;
    padding: 0px; 
}

ul.v-icon-list ul {
	padding: 0px; margin: 0px;
}

ul.v-icon-list li {
    display: table-row;
}

ul.v-icon-list li img, .icon-body-text .icon {
    display: table-cell;
    max-width: 168px !important;
    height: auto;
    padding: 10px; 
	margin-top: 0.8125rem;
    vertical-align: middle;
}

ul.v-icon-list li span.information, .icon-body-text .body-text {
    display: table-cell;
    vertical-align: middle;
}

.icon-body-text .icon, .icon-body-text .body-text {
	vertical-align: top;
}

.icon-body-text .body-text {
	padding-left: 20px;
}

ul.v-icon-list li > span.information ul ul {
	padding-left: 40px;
}

/**** image galleries (within content) *****/
div#embedded-galleryOpen {
	float: left;
	width: 40%;
	height: 4%;
	margin-right: 20px;	
	position: relative;
    
    text-align: right;
	font-size: 12px; font-size: 0.75rem;
	font-weight: normal;
}
a.image-popup {
	position: relative;
	display: inline-block;
	max-width: 100%;
}
a.pdf-link {
	position: relative;	
}
/*div#embedded-galleryOpen {
	max-width: 40%;
	padding-right: 20px; padding-right: 1.25rem;
}*/

div#embedded-galleryOpen a.start img {
	width: 100%;
	max-width: 100%;
	max-height: 100%;	
    margin-bottom: 10px; 
}
img.indicator {
	width: 65px !important;
	height: 40px !important;	
	position: absolute;
	right: 10px;
	bottom: 10px;
}

div#embedded-galleryExpanded {
	width: 100%;
	display: none; /* display changes dynamically when clicked */	
}

div#embedded-galleryExpanded button.close {
	position: absolute;
	top: 0;
	right: 0;	
}

/**** alternating table row color within content ****/
tr.table-row-alt {
	background-color: #ededed;	
}

/**** external links notice popup ****/
.external-notice-popup {
	position: relative;
	background: #FFF;
	padding: 20px; padding: 1.25rem;
	width: 90%;
	max-width: 500px;
	margin: 20px auto;	margin: 1.25rem auto;	
	background: none repeat scroll 0 0 rgba(256, 256, 256, 1);
    border-radius: 5px 5px 5px 5px;
	border: 10px solid #F2C526;
	text-align: center;
}
.external-notice-popup a:link, .external-notice-popup a:visited {
	color: #1687D7;
	text-decoration: none;
}
.external-notice-popup a:hover {
	text-decoration: underline;
}
.external-notice-popup .mfp-close {
	top: 0 !important;
	right: 0 !important;
}

/**** back to top button ****/
#back-to-top-button {
	text-align: center; 
	position: fixed; 
	bottom: 60px; 
	right: 1%; 
	display: none; /* shown via js when needed */
	z-index: 900;
}
#back-to-top-button a {
	display: block;
	width: 30px;
	height: 31px;
	background-image: url(../img/backToTop.png);
	background-repeat: no-repeat;
}
#back-to-top-button a:hover {
	background-image: url(../img/backToTop.png);	
}

/**** search suggestions (no results found) ****/
.search-suggestions {
	margin: 10px 0;	
}
.search-suggestions li {
	border-bottom-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;	
}

/*** image gallery ****/
a.image-gallery-launch {
	float: right;
	margin-bottom: 10px;
}
#image-gallery {
	clear: both;
	padding-bottom: 10px; padding-bottom: 0.625rem;
}

/*** navigation ****/
.nav .container {
	position: relative;
}
.nav ul ul {
	display: none;	
	overflow: hidden;
}
.nav ul.visible {
	display: block;
}
.nav ul .indicator {
	display: inline-block;
}

/* first level sub */
.nav ul ul {
	position: absolute;
	left: 0;
	top: 30px; 
	background: #1788D8;
	width: 100%;
	padding: 20px 0;
	border-radius: 0 0 5px 5px;
	z-index: 1000;
}
.nav ul ul a {
	padding: 5px 10px;
	font-size: medium;	
}
.nav ul .indicator {
	display: none;	
}
.nav ul li a.selected:link, .nav ul li a.selected:visited {
	color: #F2C526;	
}
.nav ul ul a:hover, .nav ul ul a.selected, .menu-bread-crumbs a:hover {
	background-color: #2F93DE;
	color: #F2C526;
}
/* second level sub */
.nav ul ul ul {
	position: absolute;
	left: 33%;
	top: 0;
	background: #2F93DE; 
	height: 100%;
}
.nav ul ul ul a:hover, .nav ul ul ul a.selected {
	background: #429EDF;
}
/* third level sub */
.nav ul ul ul ul {
	position: absolute;
	left: 34%;
	top: 0;
	background: #429EDF;
	width: 100%;
	height: 100%;	
}

.nav ul ul li {
	text-align: left;	
}

.nav li.subnav-header {
	font-weight: bold;	
}
.nav .indicator {
	background-image: url(../img/nav-sub-indicator.png);
	background-repeat: no-repeat;
	margin-left: 20px;
	width: 6px;
	height: 11px;
}
.nav ul ul .indicator {
	display: inline-block;	
}


/*** hamburger navigation ***/
.hamburger-menu {
	display: table-cell;
	height: 41px;	
}
.menu-bread-crumbs a {
	display: block;
	color: #fff;	
	text-decoration: none;
	background-image: url(../img/nav-back-indicator.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 1px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.nav.hamburger-nav {
	padding: 5px;
}
.nav.hamburger-nav a { font-size: 1rem !important; /* added 4/6/2016 */} 
.nav.hamburger-nav ul .indicator {
	display: inline-block;	
}
.nav.hamburger-nav .container > ul > li {
	display: block;
	width: 100%;
	text-align: left !important;
	padding: 0; 	
}
.nav.hamburger-nav .container > ul > li > a {
	padding: 10px;	 
}
.nav.hamburger-nav ul ul, .nav.hamburger-nav ul ul ul, .nav.hamburger-nav ul ul ul ul {
	margin-left: 0;	
}

.nav.hamburger-nav ul ul, .nav.hamburger-nav ul ul ul, .nav.hamburger-nav ul ul ul ul {
	position: static;
	top: auto;
	left: auto;
	background: #1788D8;
}

.nav.hamburger-nav .container > ul > li.open-menu {
	padding: 0;	
}
.nav.hamburger-nav ul ul {
	padding: 0;	
}
.nav.hamburger-nav ul ul li a {
	padding: 10px;
	padding-left: 35px;
}
.nav.hamburger-nav a:hover {
	background-color: transparent !important;	
}
.nav.hamburger-nav ul ul li.subnav-header a {
	padding-left: 20px;
}

/*** hamburger search ***/
.nav.search-on {
	height: 75px;	
}
.search-region.search-hamburger {
	top: inherit;
	bottom: -60px;;
	right: inherit;
	width: 100%;
	padding: 5px;
	padding-bottom: 0;
}
.hamburger-search.hamburger-open {
	background-color: #1687d7;
}
.search-hamburger .search {
	width: 100%;
}
.search-hamburger .search .search-bg {
	width: 100%;
}
.search-hamburger .search .searchbox {  
	height: 48px; height: 3rem;
}


/* temporarily point out all links that haven't been setup yet 
a[href=""], a[href="#"] {
	background-color: red !important;
	color: yellow !important;
}

a[href=""].expand, a[href=""].collapse, a[href="#"].expand, a[href="#"].collapse {
	background-color: transparent !important;
	color: #F2C526 !important;
}*/

.brand {
	background-color: transparent !important;
}

/** plugin styles for contact page **/
span.select2.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--single { border-radius: 0 !important; }

/** outdated browser styles **/
div#unsupported-browser {
	background-color: #FFF197;
	color: #000;
	padding: 5px;	
	margin: 0;
}