/* Skip link */
#skip a, #skip a:hover, #skip a:visited {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden
}
#skip a:active, #skip a:focus {
	position: static;
	width: auto;
	height: auto;
	color: white
}




/* Body */
#home-body {
	background-color: rgba(255,255,255,0.5)
}
.body-content {
	background-color: white;
	padding-top:35px;
	border-left:1px solid #ACAEB8;
	border-right:1px solid #ACAEB8;
}



/* Header */
.header {
	display:flex;
	flex-flow:row wrap;
	align-items: baseline;
	background-color:#030615;
	background-image: url('/images/bg.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding:10px;
}
.site-title {
	flex-grow:2;
	padding-left:5px;
	padding-right:5px;
}
.header-column {
	display:none;
}
.blm-logo {
	display:none;
}
h1.title {
	margin: 0;
	line-height: 1.0;
	font-size: 1em
}
.blm-title {
	display: block;
	font-family: var(--font-highlight);
	font-weight: 300;
	font-size: 0.75em;
	color: var(--color-yellow);
	white-space: nowrap;
	text-shadow: 0.0625em 0.0625em 0.0625em #565656;
	padding-bottom: 3px;
}
.program-title {
	font-family: var(--font-highlight);
	font-weight: 400;
	font-size: 1.15em;
	padding-bottom: 0.3125em;
	text-shadow: 0.0625em 0.0625em 0.0625em #1d1e22;
	color: white;
}
.quick-links {
	text-align: right
}




/* Top Bar */
.top-bar {
	overflow: hidden;
	height: 35px;
	position: relative;
	background: #42444e;
	margin-bottom: 1.875em
}
.top-bar ul {
	margin-bottom: 0;
	list-style: none
}
.top-bar .row, .top-bar .home-intro-news-container, .top-bar .news-item, .top-bar .home-subscribe-container, .top-bar .form-element {
	max-width: none
}
.top-bar form, .top-bar input {
	margin-bottom: 0
}
.top-bar input {
	height: 2.45em
}
.top-bar .button, .top-bar .home-sign-up {
	padding-top: .5em;
	padding-bottom: .5em;
	margin-bottom: 0
}
.top-bar .title-area {
	position: relative;
	margin: 0
}
.top-bar .name {
	height: 35px;
	margin: 0;
	font-size: 16
}
.top-bar .name h1 {
	line-height: 35px;
	font-size: 1.0625em;
	margin: 0
}
.top-bar .name h1 a {
	font-weight: bold;
	color: #fff;
	width: 50%;
	display: block;
	padding: 0 11.66667px
}
.top-bar .toggle-topbar {
	position: absolute;
	right: 0;
	top: 0
}
.top-bar .toggle-topbar a {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8125em;
	font-weight: bold;
	position: relative;
	display: block;
	padding: 0 11.66667px;
	height: 35px;
	line-height: 35px
}
.top-bar .toggle-topbar.menu-icon {
	right: 11.66667px;
	top: 50%;
	margin-top: -16px;
	padding-left: 40px
}
.top-bar .toggle-topbar.menu-icon a {
	text-indent: -48px;
	width: 34px;
	height: 34px;
	line-height: 33px;
	padding: 0;
	color: #fff
}
.top-bar .toggle-topbar.menu-icon a span {
	position: absolute;
	right: 0;
	display: block;
	width: 16px;
	height: 0;
	-webkit-box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
	box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff
}
.top-bar.expanded {
	height: auto;
	background: transparent
}
.top-bar.expanded .title-area { /* Background color for the bar where "Menu and icon" appear*/
	background:var(--color-blue-active)
}
.top-bar.expanded .toggle-topbar a {
	color: #FFF
}
.top-bar.expanded .toggle-topbar a span {
	-webkit-box-shadow: 0 10px 0 1px #FFF, 0 16px 0 1px #FFF, 0 22px 0 1px #FFF;
	box-shadow: 0 10px 0 1px #FFF, 0 16px 0 1px #FFF, 0 22px 0 1px #FFF
}
.top-bar-section {
	left: 0;
	position: relative;
	width: auto;
	-webkit-transition: left 300ms ease-out;
	-moz-transition: left 300ms ease-out;
	transition: left 300ms ease-out
}
.top-bar-section ul {
	width: 100%;
	height: auto;
	display: block;
	background: var(--color-main-bg);
	font-size: 16;
	margin: 0
}
.top-bar-section .divider, .top-bar-section [role="separator"] {
	border-bottom: solid 1px #7692b3;
	border-top: solid 1px #455f7d;
	clear: both;
	height: 1px;
	width: 100%
}
.top-bar-section ul li>a {
	display: block;
	width: 100%;
	color: #fff;
	padding: 12px 0 12px 0;
	padding-left: 11.66667px;
	font-size: 0.875em;
	font-weight: bold;
	background: #222
}
.top-bar-section ul li>a.button, .top-bar-section ul li>a.home-sign-up {
	background: #1d1e22;
	font-size: 0.875em
}
.top-bar-section ul li>a.button.hover, .top-bar-section ul li>a.hover.home-sign-up {
	background: #283749
}
.top-bar-section ul li>a.button.secondary, .top-bar-section ul li>a.secondary.home-sign-up {
	background: #496484
}
.top-bar-section ul li>a.button.secondary.hover, .top-bar-section ul li>a.secondary.hover.home-sign-up {
	background: #374b63
}
.top-bar-section ul li>a.button.success, .top-bar-section ul li>a.success.home-sign-up {
	background: #5da423
}
.top-bar-section ul li>a.button.success.hover, .top-bar-section ul li>a.success.hover.home-sign-up {
	background: #457a1a
}
.top-bar-section ul li>a.button.alert, .top-bar-section ul li>a.alert.home-sign-up {
	background: #c60f13
}
.top-bar-section ul li>a.button.alert.hover, .top-bar-section ul li>a.alert.hover.home-sign-up {
	background: #970b0e
}
.top-bar-section ul li.hover>a {
	background: #527094;
	color: #fff
}
.top-bar-section ul li.active>a {
	background: #6f8daf;
	color: #fff
}
.top-bar-section .has-form {
	padding: 11.66667px
}
.top-bar-section .has-dropdown {
	position: relative
}
.top-bar-section .has-dropdown>a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 5px;
	border-color: transparent transparent transparent rgba(255,255,255,0.5);
	border-left-style: solid;
	margin-right: 11.66667px;
	margin-top: -4.5px;
	position: absolute;
	top: 50%;
	right: 0
}
.top-bar-section .has-dropdown.moved {
	position: static
}
.top-bar-section .has-dropdown.moved>.dropdown {
	visibility: visible
}
.top-bar-section .dropdown {
	position: absolute;
	left: 100%;
	top: 0;
	visibility: hidden;
	z-index: 99
}
.top-bar-section .dropdown li {
	width: 100%;
	height: auto
}
.top-bar-section .dropdown li a {
	font-weight: normal;
	padding: 8px 11.66667px
}
.top-bar-section .dropdown li a.parent-link {
	font-weight: bold
}
.top-bar-section .dropdown li.title h5 {
	margin-bottom: 0
}
.top-bar-section .dropdown li.title h5 a {
	color: #fff;
	line-height: 17.5px;
	display: block
}
.top-bar-section .dropdown label {
	padding: 8px 11.66667px 2px;
	margin-bottom: 0;
	text-transform: uppercase;
	color: #555;
	font-weight: bold;
	font-size: 0.625em
}
.top-bar-js-breakpoint { 
	width: 1400px !important; /* change this value to enable the menu icon click at this width (had to increase to enable at largest size) - hamburger menu icon breakpoint */
	visibility: hidden
}
.js-generated {
	display: block
}
.top-bar {
	margin-bottom: 0
}
.top-bar-section .has-form {
	padding: 0.25em 0.25em
}
.top-bar-section ul li>a {
	font-weight: 400;
	font-family:var(--font-highlight);
}
.top-bar-section li a.main-item, .top-bar-section li a.areas-item, .top-bar-section li a.peis-item  {
    font-size:.83em;
    color:#DADCE0;
	text-decoration: none;
    margin-right:2px;
}
.top-bar-section li a.main-item {
	background-color: #636675;
}
.top-bar-section li a.areas-item {
	background-color: #4A4D5A;
}
.top-bar-section li a.peis-item {
	background-color: var(--color-yellow);
	color:var(--color-gray-medium);
	font-weight: bold;
}
.top-bar-section li:last-child {
    margin-right:0;
}
.top-bar-section li a.main-item.home {
    background-color:var(--color-main-bg);
	padding:7px 12px;
	opacity: .8;
}
.top-bar-section li a.main-item.home.active {
	opacity: 1;
}
.top-bar-section li a.main-item:hover:not(.button), .top-bar-section li a.secondary-item:hover:not(.button), .top-bar-section li a.areas-item:hover:not(.button), .top-bar-section li a.peis-item:hover:not(.button) {
	border-left:3px solid var(--color-yellow);
    color: #fff;
	opacity:1;
}
.top-bar-section li a.peis-item:hover:not(.button) {
	border-left:3px solid #FFF;
	color:var(--color-main-bg);
}
.top-bar-section li a.secondary-item {
	font-weight: 400;
	background-color: var(--color-main-bg);
	text-decoration: none;
	color:#c9cbd6;
}
.top-bar-section li a.active {
    border-left:3px solid var(--color-yellow);
	color:#FFF;
    font-weight:bold;
}
.top-bar-section li a.active.peis-item {
    border-left:3px solid #FFF;
	color:var(--color-main-bg);
    font-weight:bold;
}
.permitting-header, .areas-header {
	display:none;
}
.top-bar-section li a.main-item.home {
    padding:12px
}





/* Tertiary menu */
.tertiary-menu {
	font-family:'Montserrat', Arial, sans-serif;
	text-align: right;
	color: #1d1e22;
	font-size: 0.75em;
	margin-bottom:5px;
}
.tertiary-menu a {
	color: white;
	text-decoration: none;
	font-family: var(--font-highlight);
}
.tertiary-menu a:hover {
	text-decoration: underline
}




/* Breadcrumb menu */
.row-bread-search {
	margin-top:-25px !important; 
}
.breadcrumb {
	font-size:13px;
	color: #797d8d;
	background-color:#FFF;
	padding-bottom:10px;
}
.breadcrumb a {
	color:#636674 !important;
	text-decoration:none;
	font-size:13px;
}
a.breadcrumb-active {
	color: var(--color-blue-active) !important;
    font-weight: bold;
}



/* Search */
.search-contain {
	display:flex; 
	align-items:center;
	justify-content: flex-start;
}
.search-input-contain {
	flex-grow: 1; /* make text input as wide as space allows */
}
input[type="search"] {
	margin-bottom:0;
}
.submitsearch {
	opacity:.5;
    height: 26px;
	padding-left:5px;
    position: relative;
    top: 3px;
}
.submitsearch:hover {
	opacity:1;
}



/* Side menu */
.sidemenu {
	line-height: normal;
    background-color:#F3F5F8;
	padding-bottom:16px;
	margin-bottom: 20px;
}
.side-1, .side-1-curr {
    background-color: #636675;
    padding: 12px;
    font-size: 17px;
    font-family: var(--font-highlight);
}
.side-1-curr {
    border-bottom:3px solid var(--color-yellow);
}
.side-1 a, .side-1 a:hover, .side-1 a:visited, .side-1 a:active, .side-1-curr a, .side-1-curr a:hover, .side-1-curr a:visited, .side-1-curr a:active {
    color:#FFF;
	text-decoration: none;
}
.side-2, .side-2-curr {
	color: #5A5E6B;
    font-size: 15px;
    font-weight: bold;
    padding:12px 0 4px 12px;
}
.side-2-curr {
	background-image: url('/images/interface/triangle.png');
	background-repeat: no-repeat;
	background-position: 0 0.75em;
	font-weight:bold;
}
.side-2 a, .side-2 a:hover, .side-2 a:visited, .side-2 a:active, .side-2-curr a, .side-2-curr a:hover, .side-2-curr a:visited, .side-2-curr a:active {
	color: #5A5E6B;
	text-decoration: none;
}
.side-2-curr a, .side-2-curr a:hover, .side-2-curr a:visited, .side-2-curr a:active {
    color:var(--color-blue-active);
}
.side-3, .side-3-curr {
	color: #636675;
    padding:0 14px 6px 18px;
	font-size: 14px;
}
.side-3-curr {
	background-image: url('/images/interface/triangle.png');
	background-repeat: no-repeat;
}
.side-3 a, .side-3 a:hover, .side-3 a:visited, .side-3 a:active, .side-3-curr a, .side-3-curr a:hover, .side-3-curr a:visited, .side-3-curr a:active {
	text-decoration: none;
	color: #636675
}
.side-3-curr a, .side-3-curr a:hover, .side-3-curr a:visited, .side-3-curr a:active {
    color:#067FB3;
}
.side-4, .side-4-curr {
    color: #636675;
    border-left:1px solid #636675;
    opacity: 0.7;
    margin-left:22px;
    padding:0 14px 6px 16px;
	font-size: 13px
}
.side-4-curr {
	background-image: url('/images/interface/triangle.png');
	background-repeat: no-repeat;
	background-position: 0 -2px

}
.side-4 a, .side-4 a:hover, .side-4 a:visited, .side-4 a:active, .side-4-curr a, .side-4-curr a:hover, .side-4-curr a:visited, .side-4-curr a:active {
	text-decoration: none;
	color: #1d1e22
}
.side-4:last-child {
	margin-bottom:20px
}
.side-5, .side-5-curr {
    color: #636675;
    opacity: 0.7;
    margin-left:38px;
    padding:0 16px 6px 16px;
	font-size: 13px;
	font-style: italic
}
.side-5-curr {
	background-image: url('/images/interface/triangle.png');
	background-repeat: no-repeat;
	background-position: 0 -2px
}
.side-5 a, .side-5 a:hover, .side-5 a:visited, .side-5 a:active, .side-5-curr a, .side-5-curr a:hover, .side-5-curr a:visited, .side-5-curr a:active {
	text-decoration: none;
	color: #1d1e22
}
.side-5:last-child {
	margin-bottom:20px;
}
.side-1-curr a, .side-1-curr a:visited {
	font-weight:bold;
}
.side-2-curr a, .side-3-curr a, .side-4-curr a, .side-5-curr a,
.side-2-curr a:visited, .side-3-curr a:visited, .side-4-curr a:visited, .side-5-curr a:visited {
	color:#0484BB;
	font-weight:bold
}



/* General */
.material-icons {
	font-family: 'Material Icons';
	vertical-align: bottom;
}
h1.main {
	background-color: var(--color-gray-medium);
	font-size:32px;
	color:#FFF;
	padding:12px
}
h1.main > div.subtitle {
	font-size:14px;
	opacity:.7;
	padding-top:14px;
	display:inline-block;
	float:right;
}
textarea {
	height: auto;
	min-height: 50px
}
p.pithy {
	font-weight:bold;
	font-style:italic;
	color:#909090
}
.ellipses {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.form-input {
	position: relative;
	width: 83.33333%
}
.form-label {
	position: relative;
	width: 16.66667%
}
span.nowrap {
	flex:none;
	white-space: nowrap;
}



/* Crosslinks */
.crosslink {
	float:right;
	min-width:180px;
	max-width:200px;
	padding:8px;
	background-color:var(--color-gray-light);	
	margin:0px 0px 20px 20px;
	text-align:center;
	font-size:13px;
	line-height:135%;
}
a.crosslink-button {
	background-color: var(--color-gray-medium);
    font-size: 13px;
    color: #DADCE0;
    text-decoration: none;
	font-family: var(--font-highlight);
	padding:8px;
	white-space: nowrap;
	display:block;
	width: fit-content;
	margin:0 auto;
	margin-top:8px;
}
a.crosslink-button:hover {
	color:#FFF;
}



/* Map links */
div.mapreturn-contain {
	float:right; 
	padding-top:4px;
	clear:right;
	margin-left:15px;
	margin-bottom:10px;
}
div.mapreturn-contain a img {
	vertical-align:text-top;
}
div.maprail {
	float:right; 
	margin:4px 0px 10px 10px;
	max-width:350px;
	clear:both;
	text-align:right;
}
a.button, a.button:hover {
	text-decoration:none;
}
div.maprail > a {
	text-decoration:none;
	color:var(--color-gray-medium);
}
div.maprail > a:hover, div.mapreturn a:hover {
	color:var(--color-blue-active);
	opacity:.8;
}
div.maprail > a > figure > figcaption {
	font-size:14px;
	color:var(--color-gray-medium);
	font-weight:bold;
	font-style:italic;
	margin-bottom:5px;
	line-height:1.5em;
}
div.maprail > a > figure > figcaption:hover {
	color:var(--color-blue-active);
}
div.maprail > a > img {
	border:1px solid var(--color-blue-active) !important;
}
#launchmapper {
	clear:right;
	margin-left:15px;
	margin-bottom:15px;
}



/* Footer */
.footer-links-cont {
	background-color: var(--color-main-bg);
	color: #FFF;
	font-family: var(--font-highlight);
	font-size: 13px;
	padding: 15px;
}
.footer-column:not(:last-child) {
	margin-right:40px;
}
.footer-title {
	text-transform: uppercase;
	opacity: .5;
}
.footer-column > ul {
	margin-left:0;
	margin-top:12px;
}
.footer-column > ul > li {
	list-style: none;
	margin-bottom:4px;
}
.footer-column > ul > li > a {
	color: var(--color-gray-light);
	text-decoration: none
}
.footer-column > ul > li a:hover {
	color: white
}


/* Subscribe Form */
.footer-column:last-child {
	margin-left:auto;
	float:none !important;
}
.subscribe-contain {
	border:1px solid #484a54;
	padding:13px;
}
.subscribe-contain > p {
	margin:5px 0;
}
.subscribe-contain > form {
	margin:0;
}
.subscribe-contain > form > input[type="email"] {
	opacity:.9;
}
.subscribe-contain > form > input[type="submit"] {
	background-color: var(--color-gray-medium);
	padding:10px;
	border:0;
	color:#FFF;
	opacity: 0.8;
}


/* News Page */
#lastModified {
	width: 100%;
	text-align: right;
	font-size: 80%;
	color: #999
}
div.newsdate {
	font-size: 1em;
	margin-bottom:6px;
	color: var(--color-gray-medium)
}
hr.news {
	border-color: var(--color-gray-light);
	margin: 1em 0 1.5em;
	clear: left
}
.newssubheading {
	margin: 0;
	font-size: 1.3em
}
div.calendarItem {
	margin: 2em 0 1.5em
}



/* SEZ Links and State News */
#statenewsbox, #sezlinkbox {
	padding: 15px;
	width: 220px;
	background-color: #FFF2CB;
	border: 1px solid #E8CE82;
	float: right;
	margin: 0px 0px 13px 20px;
	font-size: 13px;
	width:100%;
}
.statenewsboxttl, .sezlinkboxttl  {
	font-family: var(--font-highlight);
	clear: both;
	padding: 5px 0px 5px 0px;
	text-align: left;
	color: var(--color-gray-medium);
	font-weight:bold;
	font-size: 17px;
}
.statenewsttl-state {
	border-top:1px solid #b6a179; 
	margin-top:12px;
	padding-top:12px;
	font-weight:bold;
	font-size:17px;
}
/* State News */
#statenewsbox ul {
	line-height: 1.3;
	font-size: 14px;
	margin-left:0;
	margin-bottom:0;
	list-style: none;
	font-weight: bold;
}
#statenewsbox ul li {
	margin-top:15px;
}
#statenewsbox ul li a {
	font-weight: normal;
	text-decoration:none;
}
#statenewsbox ul li a:hover {
	text-decoration:underline;
}
/* SEZ Link Box */
.sezlinkboxttl a, .sezlinkboxttl a:visited {
	color: #9d8455
}
.sezlinkboxttl a:hover, .sezlinkboxttl a:active {
	color: #72603e
}
#sezlinkbox a img {
	border: 0px
}
#sezlinkbox ul {
	margin-bottom: 0;
}
#sezlinkbox ul li {
	margin-top:15px;
}
#seztable {
	margin-top: 15px;
}
#seztable tr td {
	vertical-align: top;
}
#seztable tr td.col {
	width: 50%;
	font-size: 13px;
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 3px
}
#seztable tr td.thumb {
	text-align: center;
	padding-bottom:5px;
}
.pdflink, .exitlink {
	padding-left: 24px;
	text-indent: -26px;
	line-height:1.3em;
}
.pdflink img {
	vertical-align: middle;
}
ul.filelist li {
	list-style: none outside;
	background: no-repeat left top;
	min-height: 24px;
	margin: 17px 0 0 -20px;
}
ul.filelist li a {
	display:block;
  	padding: 0 0 0 28px;
	text-decoration: none;
}
ul.filelist li.pdf {
	background-image: url("/images/iconpdf.png");
}
ul.filelist li.word {
	background-image: url("/images/iconword.png");
}
ul.filelist li.file {
	background-image: url("/images/iconfile.png");
}
.fullwidth {
	line-height: 1.5;
	padding-bottom:5px;
	margin-top: 10px
}
.fullwidth a {
	text-decoration:none;
}
.sezpeisttl {
	margin-top: 20px;
	margin-bottom: 7px;
	border-top: 1px solid #E8CE82;
	padding-top:10px;
	font-size: 14px
}
div.statemap, div.sezmap {
	font-size: 11px;
	white-space: nowrap;
	width: 50%;
	text-align: center
}
div.statemap {
	padding-right: 10px
}
div.statemap img, div.sezmap img {
	border: 0px;
	margin: auto
}
div.statetitle, div.sezmaptitle {
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px
}
div.statethumb, div.sezthumb {
	text-align: center
}
div.sezeis img {
	border: 0px
}
.filesize {
	display: inline;
	font-size: 12px;
	color: var(--color-gray-medium);
	white-space: nowrap;
}
div.dim {
	display: inline
}
div.map_position, div.nihilo {
	clear: both
}
div.user * {
	font-family: verdana, sans-serif;
	font-size: 12px;
	background-color: transparent;
	padding: 0px
}
div.user div.title {
	color: #000000
}
span.attn {
	background-color: #FCC
}
div.sezpanmap {
	text-align: center
}
div.sezpanmapgroup {
	width: 523px;
	display: inline-block
}
div.panmapnote {
	text-align: center;
	border: 1px solid black;
	border-bottom: none;
	width: 523px;
	display: inline-block
}
.nondevtxt {
	font-size: 0.9em
}
div.sezpanmap p.flashnote {
	text-align: left
}
div.sezphoto {
	width: 100%;
	text-align: center;
	margin-bottom: 1.25em;
}
label.required {
	color: #660000;
	font-weight: bold
}
.state label {
	display: inline
}

/* Diagram */
.diagram {
	width:100%;
	text-align: center;
}
.diagram svg {
	width:100%;
	height:100%;
	max-width:650px; /* Avoid excessive size */
}
.callout-note { /* Callout note for interactive legend/diagram entries */
	background-color:#DFE3EA; 
	padding:4px; 
	text-align:right;
	border:1px solid #ccc;
	max-width: 1198px;
}


/* CFR links */
.cfr-container {
	margin-bottom:20px;
}
.cfr-container a {
	display:inline-block;
	margin-right:5px;
	background-color:#D6ECF5;
	border-radius: 5px;
	border:1px solid rgba(7, 128, 180, 0.5);
	padding:4px;
	color:#0780B4;
	text-decoration: none;
	font-family: var(--font-highlight);
	font-size:13px;
}
.cfr-container a:hover {
	background-color:#bbe3f3;
}

/* Pages with jump links */
ul.page-menu, ol.page-menu {
	padding:20px 40px;
	border:1px solid rgba(99, 102, 117, 0.3);
	background-color:#F3F5F8;
	width:auto;
}
.jump-link {
	font-weight: bold;
}
.jump-destination {
	border-top:1px solid rgba(99, 102, 117, 0.3);
	padding-top:20px;
    overflow: hidden;
}