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


/*------------------------------HOM BANNER--------------------------*/
.main-content #hom-logo img{border: none;  width: 140px;} 
.main-content #hom-banner {margin: 0; padding: 45px 0 0 160px; }
.main-content #hom-banner #hom-banner-nav {margin: 0; border: 1px solid #00614F;padding: 0; background: #00614F;display: flex;flex-wrap: wrap;position: relative;}
.main-content #hom-banner #hom-banner-nav  > li {display: inline-block; background: none;   list-style-type: none;  position: relative; padding: 5px;flex-grow: 1; text-align: center; border-right: 1px solid #00614F;}
.main-content #hom-banner #hom-banner-nav  li a {color: #fff;    padding:5px 17px;   text-decoration: none;	text-transform: uppercase;	font-size: 15px; font-family: calibri, helvetica, sans-serif;}
.main-content #hom-banner #hom-banner-nav li a:hover,
.main-content #hom-banner #hom-banner-nav li:hover,
.main-content #hom-banner #hom-banner-nav li:hover a,
.main-content #hom-banner #hom-banner-nav li.current,
.main-content #hom-banner #hom-banner-nav li.current a {background:  #fff;    color: #00614F;    text-decoration: none; cursor: pointer;}
/*----mani-nav search form ---*/
.main-content #hom-banner form {display: flex;}
.main-content #hom-banner form #search-secondary-nav-form {margin: 45px 0 0 36px;}
.main-content #hom-banner form input#search-secondary-nav-query {width: 170px;}
.main-content #hom-banner form #search-secondary-nav-query {border: 1px solid #ddd;  font-family: Arial,Helvetica,sans-serif; font-size: 11px;  margin: 0; padding: 5px;    vertical-align: middle; color: #666;}
.main-content #hom-banner form #search-secondary-nav-submit {background-color: #00614F; border: 1px solid #00614F; color: #FFFFFF; cursor: pointer; font-family: Arial,Helvetica,sans-serif; margin: 0; padding: 3px 4px;  vertical-align: middle;}	
/*----breadcrumbs-----*/
.main-content #hom-main-content #hom-breadcrumbs {font-size: 85%;  margin: 0 0 0 160px;position: relative;top:-30px;}
.main-content #hom-main-content #hom-breadcrumbs a {color: #222;   text-decoration: underline;}
.main-content #hom-main-content #hom-breadcrumbs a:hover {text-decoration: underline; color: #003399;}
.main-content #hom-main-content #hom-breadcrumbs a.current, #hom-breadcrumbs a.current:hover {text-decoration: none; color: #222; cursor: default;}




/*-------------------------------------------------------------------------------------------*/
/*-------------------------------HOM MAIN CONTENT (homepage/landing pages)-------------------*/
.main-content #hom-main-content {margin-bottom: 100px; width: inherit; margin: 0 15px 15px 15px; font-family: arial, Helvetica, sans-serif; font-size: 13px; }
.main-content #hom-main-content a {color: #396e9b;}
.main-content #hom-main-content > a {float: left;}
.main-content #hom-main-content .landing-page  { padding-top: 15px;}

/*----filters---*/
.main-content #hom-main-content .landing-page #hom-filters {margin: 10px 0 40px 0; padding: 10px 25px 0 25px; width: auto; background: #f3f3f3; border: 1px solid #ccc;}
.main-content #hom-main-content .landing-page #hom-filters h3, .main-content #hom-main-content .landing-page #hom-filters .h3 {margin-bottom: 15px;}
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-selects {display: flex;align-items: center;flex-wrap: wrap;}
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-selects div {margin: 0 5px;width:30%;}
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-selects select {margin-top: 2px; width: 100%; margin-bottom: 10px; border: 1px solid #aaa;font-family: Arial,Helvetica,sans-serif;}
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-selects select .disabled {color: #bbb!important;}
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-selects label {font-size: 13px; font-family: Arial, Helvetica, sans-serif;}
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-selects #reset {background: #00614F; cursor: pointer; border: #00614F 1px solid; color: #fff; padding: 5px 10px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;  font-size: 12px; letter-spacing: 0.4px; margin: 5px 5px 0 5px;}

.main-content #hom-main-content .landing-page #hom-filters #hom-filters-results {margin-top: 20px; float: left; width: 100%;}
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-results > p{font-family: Arial, Helvetica, sans-serif; font-style: italic; margin-bottom: 10px; }
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-results div.results {font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 20px; margin-top: 12px;}
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-results div.results-details {text-decoration: none; color: #000; font-weight: normal; margin-left: 100px; }
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-results div.results .expand {float: left; cursor: pointer; width: 26px; background:#00614F; border: #00614F 1px solid; margin-right: 8px; color: #fff; padding: 2px 2px 1px 2px; line-height: 0.9em; font-size: 18px; }
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-results div.results table tr th {text-align: right; width: 125px;}
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-results div.results table tr td {text-align: left; padding-left: 10px;}
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-results .results > a{font-weight: bold; text-decoration: underline; font-size: 14px; }
.main-content #hom-main-content .landing-page #hom-filters #hom-filters-results .results > a:hover {font-weight: bold; text-decoration: underline;background: #f3f3f3; }

/*--------home browse options -------*/
.main-content #hom-main-content .landing-page .hom-browse-option { display: block; padding: 10px 25px 20px; background: none repeat scroll 0 0 #f3f3f3; border: 1px solid #ccc;margin:0 0 30px 0 !important;width: 40%;float: left;}
.main-content #hom-main-content .landing-page .hom-browse-option:nth-child(odd){float: right;}
.main-content #hom-main-content .landing-page .hom-browse-option > select {width: 100%; border: 1px solid #aaa; font-family: Arial, Helvetica, sans-serif;}
.main-content #hom-main-content .landing-page .hom-browse-option h3, .main-content #hom-main-content .landing-page .hom-browse-option .h3  {color: #000; font-size: 16px; margin-bottom: 7px;}
.main-content #hom-main-content .landing-page .hom-browse-option a.category {font-weight: bold;}
.main-content #hom-main-content .landing-page .hom-browse-option ul li {list-style: none; padding-left: 0; margin-left: 0;}
.main-content #hom-main-content .landing-page .hom-browse-option ul li a {text-decoration: none;	color: #000;}
.main-content #hom-main-content .landing-page .hom-browse-option ul li a:hover {text-decoration: underline;	color: #003399;	background-color: #fff;}

/*-------programs page table--------*/
.main-content span.category > a {font-weight: bold; text-decoration: none; font-size: 13px; color: #000; padding-top: 15px;}
.main-content .landing-page #programs-table {border: 1px solid #ddd; width: 100%;}
.main-content .landing-page #programs-table tr td, .main-content .landing-page  #programs-table tr th {border: 1px solid #ddd; padding: 15px; text-align: left;}
.main-content .landing-page #programs-table ul {list-style: none; padding-left: 0; margin-bottom: 0; margin-left: 0;}
.main-content .landing-page #programs-table tr th {background: #F9F9F9; }
.main-content .landing-page #programs-table tr td ul li a:hover {background: #fff; color: #338E7C;}
.main-content .landing-page #programs-table tr th a:hover {background: #f9f9f9; color: #338E7C;}

/*-----------glossary page --------*/
#hom-glossary-links {display: flex; flex-wrap: wrap;margin: 10px 0px 30px 0;}
#hom-glossary-links a {margin: 5px 0; flex:0 0 5%;text-align: center;font-weight: bold;}
#hom-main-content dl dt.term {margin-top: 15px;clear:both;}
#hom-main-content dl dt.term a:hover {color: #000;}
#hom-main-content dl dt.term a {color: #000000; font-family: Arial, Helvetica, sans-serif;}
#hom-main-content dl dd {font-family: Tahoma, Arial, Helvetica, sans-serif; }
.main-content #hom-main-content h4 > span.top-link, .main-content #hom-main-content .heading > span.top-link  {font-size: 12px; float: right; font-weight: normal;}
.main-content #hom-main-content h4 > span.top-link a:hover, .main-content #hom-main-content .heading > span.top-link a:hover  {background: #fff; color: #338E7C;}





/*-------------------------------------------------------------------------------------------*/
/*----------------------------------- PROGRAMS PAGES ----------------------------------------*/
.main-content #hom-main-content #hom-program-content {margin: 0 0 0 180px;}
.main-content #hom-main-content #hom-program-content h2,
.main-content #hom-main-content .landing-page  h2 {border-bottom: none; color: #000; font-size: 24px;}
.main-content #hom-main-content #hom-program-content h3,
.main-content #hom-main-content  .landing-page h3 , 
.main-content #hom-main-content  .landing-page .h3,
.main-content #hom-main-content #hom-program-content .h3{color: #000; font-size: 18px; font-weight: bold; padding-top: 15px;}
.main-content #hom-program-content h2 span {font-style: italic; font-family: Georgia, times, serif;	color: #cc0000;}
.main-content #hom-main-content #hom-program-content h4 {font-size: 15px; font-faily: Helvetica, sans-serif;}
.main-content #hom-main-content #hom-program-content h5 {font-size: 13px; font-faily: Helvetica, sans-serif; color: #000; text-transform:none;}
.main-content #hom-program-content a,
.main-content .landing-page a {color: #396E9B; }
.main-content #hom-program-content a:hover,
.main-content .landing-page a:hover {color:#338E7C; background: #fff; }

.main-content #hom-main-content #hom-program-content .hom-footnotes,
.main-content #hom-main-content .hom-footnotes {margin-top: 40px; border-top: 1px solid #eee; padding-top: 10px;}
.main-content #hom-main-content #hom-program-content .hom-footnotes p,
.main-content #hom-main-content .hom-footnotes p {font-size: 0.923em; color: #333; font-family: Arial, Helvetica, sans-serif; margin-bottom: 3px;}

.main-content #hom-main-content #modified-date {color: #222; margin: 30px 0; font-style: italic;}

/*---------SIDE NAV--------*/
.main-content #hom-main-content #hom-side-nav {float: left;}
.main-content #hom-main-content #hom-side-nav img {border: none; margin-bottom: 10px; width:140px;}
.main-content #hom-main-content #hom-side-nav ul {margin: 0; padding-left: 0; position: fixed; width: 140px;}
.main-content #hom-main-content #hom-side-nav ul li {list-style: none; border-bottom: 1px dotted #ccc; line-height: 1.7em; padding-left: 5px; }
.main-content #hom-main-content #hom-side-nav ul li:hover {background-color: #fff; cursor: pointer; border-bottom: 1px dotted #338e7c;	}
.main-content #hom-main-content #hom-side-nav ul li a{text-decoration: none; color: #000; text-transform: uppercase; font-size: 12px;letter-spacing: 0.5px;}
.main-content #hom-main-content #hom-side-nav ul li a:hover,
.main-content #hom-main-content #hom-side-nav ul li:hover a,
.main-content #hom-main-content #hom-side-nav ul li.current > a {text-decoration: none; color: #00614F; letter-spacing: 0.5px;background-color: #fff;}
.main-content #hom-main-content #hom-side-nav ul li.current {background-color: #fff; border-bottom: 1px dotted #338e7c;}

/*----------sub menu-------*/
.main-content #hom-main-content #hom-side-nav ul li ul.sub {position:relative;}
.main-content #hom-main-content #hom-side-nav ul li > ul.sub li {padding-left: 10px; line-height: 1.2em; margin-bottom: 7px; color: #555; border-bottom: none; width: 140px;}
.main-content #hom-main-content #hom-side-nav ul li > ul.sub li:hover {border-bottom: none; text-transform: none;}
.main-content #hom-main-content #hom-side-nav ul li > ul.sub li a {text-decoration: none; text-transform: none; font-size: 11px; color: #555; letter-spacing: 0px;}
.main-content #hom-main-content #hom-side-nav ul li > ul.sub li:hover a,
.main-content #hom-main-content #hom-side-nav ul li > ul.sub li a:hover {text-decoration: underline;text-transform: none; font-size: 11px; color: #338e7c;}


/*---- quick facts table -----*/
table#hom-quickfacts {width: inherit;border: none; font-family: arial, helvetica, sans-serif; margin-top: 20px;}
table#hom-quickfacts thead th{background: #e9e2c3;border: 1px solid #ddd;  padding: 10px 0;  font-size: 13px; }
table#hom-quickfacts tbody tr {border: none;}
table#hom-quickfacts tbody tr.gray th, table#hom-quickfacts tbody tr.gray td{background: #f9f9f9;}
table#hom-quickfacts tbody tr th {border: 1px solid #ddd; background: #fff; padding-left: 15px; width: 200px; color: #444;}
table#hom-quickfacts tbody tr td {background: none; border: 1px solid #ddd; padding: 8px 10px 8px 20px;  color: #444; font-family: Arial, Helvetica, sans-serif;}
table#hom-quickfacts tbody tr td  ul {margin: 0; }

/*----inside text table------*/
table.hom-small-table {border: 1px solid #ddd; padding: 10px 0; font-size: 13px; margin: 10px 0 20px 0;}
table.hom-small-table tr th {background: #e9e2c3; border-bottom: 1px solid #ddd; padding: 5px 10px; text-align: center;border-right: 1px solid #ddd;}
table.hom-small-table tr td {text-align: right; border-right: 1px solid #ddd; padding: 4px 10px;}
table.hom-small-table tr th:first-child, table.hom-small-table tr td:first-child {text-align: left;}

/*---------blockquote--------*/
.main-content #hom-main-content p.definition {background: #efefef;padding: 15px 25px;}

/*----- history timeline-----*/
#hom-timeline {padding-top: 100px; margin-bottom: 20px;}
.tooltip {background: none repeat scroll 0 0 #FFFFFF;  border: 1px dotted #3fb29c;    border-radius: 0;  box-shadow: 2px 2px 6px #efefef;    color: #555;  display: none;  font-size: 13px;  line-height: 1.4em;  width: 200px;}
.tooltip h4 {background: none repeat scroll 0 0 #FFFFFF; color: #000000; font-weight: bold;  margin-top: 5px; padding-bottom: 0;}
.tooltip p {margin-top: 0;}
.timeline-legend {font-style: italic; color: #222; font-size: 12px; }

/*---- lists within the text ----*/
.main-content #hom-program-content ul li {font-family: Tahoma, Arial, Helvetica, sans-serif;}

.main-content .h6 {color: #333;
    font-size: 10.5px;
    font-weight: bold;
    text-transform: uppercase;
    width: 50%;}
/*NEW*/

#hom-logo,#hom-side-nav {height: 125px}

@media (max-width:905px){
	.main-content #hom-banner form{position: absolute;bottom: -35px;}
	.main-content #hom-main-content #hom-breadcrumbs{top: auto;}
	.main-content #hom-banner #hom-banner-nav  > li{border-right: none;}


}

@media (max-width:767px){
	

	.main-content #hom-banner form{position: static;margin: 10px 0;justify-content: center;width: calc(100% - 110px) }
	.main-content #hom-banner form input#search-secondary-nav-query {width: 100%;flex-grow: 1;}
	.main-content #hom-banner{padding-top: 30px;}
    .main-content #hom-main-content #hom-breadcrumbs{margin-left: 0;margin-top: 25px;}

	.main-content #hom-main-content #hom-side-nav ul{width: auto;position: static !important;}
	.main-content #hom-main-content #hom-program-content {margin: 0;}
	
	
	
	.main-content #hom-main-content .landing-page #hom-filters #hom-filters-selects{flex-direction: column;}
	.main-content #hom-main-content .landing-page #hom-filters #hom-filters-selects div{width: 100%;}
	.main-content #hom-main-content .landing-page #hom-filters #hom-filters-selects #reset{width: 100%;}
	
	.main-content #hom-main-content .landing-page .hom-browse-option{float: none;width: auto;}
	.main-content #hom-main-content{margin: 0;}
	.main-content #hom-banner form #search-secondary-nav-query,
	.main-content #hom-banner form #search-secondary-nav-submit{border-color: #fff;}
	
	
	#hom-main-content ul.homSecondaryNav {margin: 15px 0;padding-left: 0;max-height: 220px;overflow: scroll;overflow-y: auto;overflow-x: hidden;}
	#hom-main-content ul.sub { margin: 0; padding-left: 0;}
	#hom-main-content ul.homSecondaryNav li{list-style: none; border-bottom: 1px dotted #ccc;line-height: 1.7em;padding-left: 5px;}
	#hom-main-content ul.homSecondaryNav li.current{background-color: #fff; border-bottom: 1px dotted #338e7c;}
	#hom-main-content ul.homSecondaryNav li a{    text-decoration: none;color: #000;text-transform: uppercase;font-size: 12px;letter-spacing: 0.5px;}
	#hom-main-content ul.homSecondaryNav li.current a{text-decoration: none;color: #00614F;letter-spacing: 0.5px;background-color: #fff;}
	
	#hom-main-content ul.homSecondaryNav ul.sub{position: relative;}
	#hom-main-content ul.homSecondaryNav ul.sub li{padding-left: 10px;line-height: 1.2em;margin-bottom: 7px;color: #555; border-bottom: none;}
	#hom-main-content ul.homSecondaryNav ul.sub li a {text-decoration: none;text-transform: none;color: #555;letter-spacing: 0px;}
	.main-content .landing-page #programs-table tr td, .main-content .landing-page #programs-table tr th{padding: 5px;}
	#hom-glossary-links a {flex:0 0 12%;}
	
		#hom-filters-results div.results{position: relative;padding-left: 55px;min-height: 40px}
	#hom-filters-results div.results .expand{position: absolute;left: 0; top: -5px;}
	#hom-filters-results div.results-details {margin-left: -55px !important;padding-top: 40px;}
	
	
	
	
}


@media (max-width:600px){
	.main-content #hom-main-content #hom-logo,
	#hom-main-content #hom-side-nav {float: none !important;text-align: center;}
	.main-content #hom-banner{padding:10px 0 0 0;position: relative;}
	
	.landing-page > ul[style*="float"] {float: none !important; margin: 0 !important;}
	
	.main-content #hom-logo img, .main-content #hom-main-content #hom-side-nav img { width: 100px;max-width: 100%;height: auto;display: block;margin: 0}
	.main-content #hom-banner form{position: absolute; top: -100px;border: 1px solid #00614F;left: 110px;bottom: auto;width: auto;}
	
	#hom-logo, #hom-side-nav{height: auto;}
	 
}

@media (max-width:355px){
	
	.main-content #hom-banner form input#search-secondary-nav-query{width: auto;}
	
}