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

/*CSS Reset Code */
html, body, div, span,
h1, h2, h3, p, blockquote, a, address, img, dl, dt, dd, ol, ul, li,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
header, menu, nav, section,footer {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup,main, menu, nav, section {
	display: block;
}

/*Font Section*/
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: local('0'),
		url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
        url('fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EB Garamond';
    src: url('fonts/ebgaramond-regular-webfont.woff2') format('woff2'),
         url('fonts/ebgaramond-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/*Main Code Section */

html {
	font-size: 16px;
	height: 100%;
	width: 100%;
	/*-webkit-text-size-adjust: 100%; Prevent iOS Safari from resizing text in landscape mode*/
}

@media (min-width: 1600px) {
	html {
		font-size: 20px;
	}
}

body {
	font-family: 'Open Sans', 'Segoe UI', sans-serif;
	height: 100%;
	width: 100%;
}

a {
	color: #b18d41;	
}

p {
	word-wrap: break-word;
}
/*Sticky Footer Wrapper Section - START*/

#wrapper { /*Part of Sticky Footer */
			min-height: 100%;
			height: auto !important;
			height: 100%;
	}

@media(max-width: 400.9px){
	#wrapper { 
			margin: 0 auto -29.88rem;
	}
}

@media(min-width: 401px) and  (max-width: 500.9px){
	#wrapper { 
			margin: 0 auto -24.94rem;
	}
}

@media(min-width: 501px) and  (max-width: 849.9px){
	#wrapper { 
			margin: 0 auto -22.63rem;
	}
}

@media(min-width: 850px) and  (max-width: 1023.9px){
	#wrapper { 
			margin: 0 auto -17.69rem;
	}
}

@media(min-width: 1024px){
	#wrapper {
		margin: 0 auto -19.3rem;
	}
}

/*Sticky Footer Wrapper Section - END*/

/*Header Section - START*/

#header-print {
	display: none;
}

@media (max-width: 1023.9px) {
	#header {
		background-color: #828067;
		min-height: 5.63rem;
	}
	
	#header-skip-link {
		display: none;
	}
	
	#header-sonj, #header-dmava {
		border-bottom: 1px solid black;
		text-align: center;
	}
	
	#header-sonj {
		height: 2.5rem;
	}
	
	#header-sonj-menu-button {
		background-image: url('../images/icons/mobile-menu-button-white.png');
		background-repeat: no-repeat;
		border-right: 1px solid #828067;
		float: left;
		height: 2.5rem;
		width: 3.07rem;
	}
	
	#header-sonj-menu-button.active {
		background-color: #B5B4A1;
		background-image: url('../images/icons/mobile-menu-button-black.png');
		background-repeat: no-repeat;
		border-right: 1px solid black;
	}
	
	#header-sonj-container-title {
		display: inline-block;
		height: 2.5rem;	
		text-align:left;
		width: 10.625rem;
	}
	
	#header-sonj-title {
		display: inline-block;
		height: 1.56rem;
		position: absolute;
		top: 0.44rem;
		width: 10.625rem;
	}
	
	#header-sonj-title-seal {
		background-image: url('../images/icons/NJ-State-Seal-COL-25x25-matte-828067.png');
		background-repeat: no-repeat;
		display: inline-block;
		height: 1.56rem;
		width: 1.56rem;
	}
	#header-sonj-title-text, #header-dmava-title-text {
		color: white;
		font-family: 'EB Garamond', Georgia, Times, Serif;
		font-size: 0.938rem;
		position: absolute;
	}
	
	#header-sonj-title-text {
		left: 1.88rem;
		top: 0.25rem;
	}
	
	#header-sonj-search-button {
		background-image: url('../images/icons/mobile-search-button-white.png');
		background-repeat: no-repeat;
		float: right;
		height: 2.5rem;
		width: 3.13rem;
	}
	
	#header-sonj-search-button.active {
		background-color: #B5B4A1;
		background-image: url('../images/icons/mobile-search-button-black.png');
		background-repeat: no-repeat;
		border-left: 1px solid black;
	}
	
	#header-dmava {
		height: 3rem;
	}
	
	#header-state-info {
		display: none;
	}
	#header-dmava-container-title {
		display: inline-block;	
		text-align:left;
		width: 305px;
		height: 3rem;
		position: relative;
	}
	
	#header-dmava-title-seal {
		margin-top: 0.25rem;
	}
	
	#header-dmava-title-text {
		top: 0.94rem;
		left: 2.94rem;
	}
	
	#header-combined {
		display: none;
	}
}

@media (min-width: 1024px) {
	#header {
		background-color: #828067;
		border-bottom: 1px solid black;
		min-height: 5rem;
	}
	
	#header-skip-link {
		height: 0px;
	}
	
	#skip-link-container {
		height: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 61.25rem;
		
	}
	
	#skip-link {
		display: inline-block;
		height: 1px;
		width: 1px;
		overflow: hidden;
	}
	
	#skip-link:focus, #skip-link:active {
		background-color: white;
		height: auto;
		margin-top: 0.31rem;
		padding: 0.31rem;
		position: absolute;
		width: auto;
		z-index: 100;
	}
	
	#header-content {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		width: 61.25rem;
	}
	
	#header-sonj, #header-dmava {
		display: none;
	}
	
	#header-combined {
		margin-left: auto;
		margin-right: auto;
		min-height: 5rem;
		position: relative;
		width: 61.25rem;
	}
	
	#header-combined-container-title {
		color: white;
		font-family: 'EB Garamond', georgia, serif;
		min-height: 5rem;
		position: relative;
		width: 28.13rem;
	}
	
	#header-combined-title-seal{
		background-image: url('../images/icons/NJ-State-Seal-COL-60x60-matte-828067.png');
		background-repeat: no-repeat;
		display: inline-block;
		height: 3.75rem;
		position: absolute;
		top: 0.63rem;
		width: 3.75rem;
	}
	
	#header-combined-title-sonj-text {
		color: white;
		font-size: 1.063rem;
		left: 4.38rem;
		position: absolute;
		top: 1.25rem;
	}
	
	#header-combined-title-dmava-text {
		color: white;
		font-size: 1.188rem;
		left: 4.38rem;
		position: absolute;
		top: 2.5rem;
	}
	
	#header-state-info {
		color: white;
		position: absolute;
		right: 0px;
		top: 0.63rem;
		width: 21.88rem;
		z-index: 3;
	}
	
	#header-state-info a {
		color: white;
	}
	
	#header-state-info-govenors {
		font-family: 'EB Garamond', georgia, serif;
		font-size: 0.938rem;
		position: absolute;
		right: 0px;
	}
	
	#header-state-info-links {
		font-size: 0.69rem;
		position: absolute;
		right: 0px;
		top: 1.25rem;
	}
}

@media (min-width: 1600px) {
	#header-combined-title-seal{
		background-image: url('../images/icons/NJ-State-Seal-COL-80x80-matte-828067.png');
		height: 4rem;
		width: 4rem;
	}
}

/*Header Section - END*/	
	
/*Nav Section - START*/

@media (max-width: 1023.9px) {
	#dark-transparent-overlay {
		background-color: black;
		display: none;
		height: 100%;
		width: 100%;
		left: 0;
		opacity: 0.5;
		position: absolute;
		top: 2.5rem;
		z-index: 1;	
	}
	
	#main-nav {
		background-color: #cfcdb8;
		border-right: 1px solid black;
		border-top: 1px solid black;
		overflow: scroll;
		position: fixed;
		top: 2.5rem;
		width: 13.13rem;
		z-index:2;
	}
	
	#main-nav a {
		color: black;	
	}
	
	#main-nav.hide {
		display: none;	
	}
	
	.main-nav-title {
		background-color: #828067;
		border-bottom: 1px solid #B5B4A1;
		color: white;
		font-size: 1.06rem;
		height:1.375rem;
		margin-top: 0px;
		padding-bottom: 0.625rem;
		padding-top: 0.625rem;
		text-align: center;
		text-decoration: underline;
	}
	
	.main-nav-link {
		border-bottom: 1px solid #B5B4A1;
		display: block;
		min-height: 3rem;
		position: relative;
	}
	
	.main-nav-link span {
		display: inline-block;
		font-size: 1rem;
		left: 0.63rem;
		position: absolute;			
		top: 0.94rem;
		width: 9.38rem;
		word-break:break-strict;
	}
		
	#nav-link-nj-departments-link {
		height: 4.438rem;
	}
	
	.main-nav-link img{
		position: absolute;
		right: 0.63rem;
		top: 0.63rem;
	}
	
	#main-nav-link-image-department {
		top: 1.313rem;
	}
}

@media (min-width: 1024px) {
	#main-nav {	
		background-color: #CFCDB8;
		border-bottom: 1px solid black;
		height: 2.5rem;
		width: 100%;
	}
	
	#main-nav-content {
		border-left: 1px solid black;
		border-right: 1px solid black;
		height: 2.5rem;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		width: 61.15rem;
	}
	
	#main-nav img, #nav-link-nj-home-link, #nav-link-nj-home-content, #nav-link-nj-services-link, 
	#nav-link-nj-services-content, #nav-link-nj-departments-link, #nav-link-nj-departments-content, 
	#nav-link-nj-faq-link, #nav-link-nj-faq-content, #nav-link-home-link, .main-nav-title {
		display: none ;
	}
	
	.main-nav-link {
		border-right: 1px solid black;
		color: black;
		display: inline-block;
		margin: 0px;
		min-height: 2.5rem;
		min-width: 8.67rem;
		position: relative;
		text-decoration: none;
	}
	
	.main-nav-link span {
		position: absolute;
		top: 0.63rem;
	}
	
	#nav-link-army span {
		left: 1.563rem;
	}
	
	#nav-link-air span {
		left: 2.141rem;
	}
	
	#nav-link-veterans span {
		left: 2.313rem;
	}
	
	#nav-link-admin span {
		left: 0.938rem;
	}
	
	#nav-link-lead span {
		left: 1.75rem;
	}
	
	#nav-link-youth span {
		left: 0.578rem;
	}
	
	#nav-link-sitemap span {
		left: 2.469rem;
	}
	
	#nav-link-sitemap {
		border-right: none;
		padding-right: 1px;
	}
	
	.main-nav-link:hover, .main-nav-link:focus {
		background-color: #B5B4A1;
	}
}

@media (min-width: 1600px) {
	.main-nav-link {
		min-width: 8.68rem;
	}
}
/*Nav Section - END*/
	
/*Search Section - START*/
@media (max-width: 1023.9px) {
	#header-search {
		background-color: #CFCDB8;
		border-bottom: 1px solid black;
		height: 4.13rem;
	}
	
	#header-search.hide {
		display: none;
	}
	
	#header-search-content {
		float: right;
		height: 4.13rem;
		position: relative;
		width: 20rem;
	}
	
	#header-search label, #search select {
		font-family: 'Open Sans', verdana, sans-serif;
		font-size: 0.69rem;	
	}
	
	#header-search label {
		position: absolute;
		left: 0.94rem;
		top: 0.53rem;
	}
	
	#qp {
		border: 1px solid black;
		border-radius:0;
		font-size: 12px;
		height: 1.125rem;
		left: 4.06rem;
		padding-bottom: 0px;	
		position: absolute;
		top: 0.44rem;
		width: 7.18rem;
		
	}
	
	#qt {
		border: 1px solid black;
		border-radius:0;
		bottom: 0.44rem;
		height: 1.56rem;
		left: 0.63rem;
		padding-bottom: 0.0625rem;
		padding-left: 0.31rem;
		padding-top: 0.0625rem;
		position: absolute;
		width: 14.06rem;
		-webkit-appearance: none;
	}
	
	#header-search-submit {
		background-color: #B5B4A1;
		border: 1px solid black;
		border-radius:0;
		bottom: 0.28rem;
		font-size: 0.75rem;
		font-family: verdana, sans-serif;
		height: 2.13rem;
		padding: 0px;
		position: absolute;
		right: 0.63rem;
		width: 3.75rem;
		-webkit-appearance: none;
	}
}

@media (min-width: 622px) {
	#header-search-content {
		width: 27.5rem;
	}
	
	#qt {
		
		width: 21.56rem;
	}
}

@media (min-width: 1024px) {
	#header-search {
		height: 1.88rem;
		position: absolute;
		right: 0px;
		top: 2.81rem;
		width: 24.38rem;
		z-index: 2;
	}
	
	#header-search-content {
		height: 1.88rem;
		position: relative;
		width: 24.38rem;
	}
	
	#header-search-label {
		color: white;
		font-size: 0.88rem;
		position: absolute;
		right: 20.56rem;
		bottom: 0.25rem;
	}
	
	#qp {
		border: 1px solid black;
		border-radius:0;
		font-size: 0.81rem;
		height: 1.56rem;
		position: absolute;
		right: 15.06rem;
		bottom: 0px;
		width: 5.19rem;
	}
	
	#qt {
		border: 1px solid black;
		border-radius:0;
		height: 1.31rem;
		padding-bottom: 0.0625rem;
		padding-left: 0.5rem;
		padding-right: 0px;
		padding-top: 0.0625rem;
		position: absolute;
		right: 4rem;
		bottom: 0px;
		width: 10.19rem;
		-webkit-appearance: none;
	}
	
	#header-search-submit {
		background-color: #B5B4A1;
		border: 1px solid black;
		border-radius:0;
		bottom: 0px;
		font-size: 0.75rem;
		font-family: 'Open Sans', verdana, sans-serif;
		height: 1.56rem;
		padding: 0.0625rem 0.375rem;
		position: absolute;
		right: 0px;
		width: 3.75rem;
		-webkit-appearance: none;
	}
}
/*Search Section - END*/
	
	
/*Header Alert Section - START*/

/*General Settings*/
#header-alert {
	background-color: #B13332;
	border-bottom: 1px solid black;
	min-height: 2.44rem;
	position: relative;
	text-align: center;
	width: 100%;

}

#header-alert:before { /*Used to vertically center alert text */
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
}

#header-alert a {
	color: white;	
}

#header-alert p {
	margin: 0px;	
}

#header-alert.hide {
	display: none;
}

#header-alert-text {
	color: white;
	display: inline-block;
	font-size: 1rem;
	margin-right: 0.31rem;
	padding: 0.75rem 0px;
	width: 85%;
}

@media (min-width: 1024px){
	#header-alert-text {
		margin-right: 0.31rem;
		position: relative;
		width: 61.25rem;
	}
}

/*Mobile Alert Section - END*/	
	
/*Main Section - START*/

/* ##############################  Main Container ############################## */
#main-container{
	margin: 0px;
	width: 100%;
}

h1, h2 {
	font-weight: bold;
}

h1 {
	font-size: 2rem;
	margin-bottom: 0.938rem;
}

h2 {
	font-size: 1.5rem;
	margin-bottom: 0.625rem;
	margin-top: 0.938rem;
}

h3 {
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 0.313rem;
}

p {
	margin-bottom: 0.938rem;
}

#breadcrumbs {
	font-size: 0.75rem;
	margin-bottom: 0.938rem;
}

#on-this-page {
	padding: 0.938rem;
	margin-bottom: 0.938rem;
	margin-top: 0.938rem;
}

#on-this-page h3 {
	line-height: 1.1rem;
}

#on-this-page ul, #on-this-page numbered-list{
	margin-bottom: 0px;
}

#on-this-page > ul > li > ul > li {
	margin-top: 0.313rem;
}

.content-box {
	background-color: rgba(207,205,184,0.35);
	border: 1px solid #cfcdb8;
	margin-top: 0.625rem;
}

.content-box-text {
	margin: 0.625rem;
}

.content-box-text-links {
	list-style: none;
}

.content-box-text-links li {
	margin-top: 0.625rem;
}

.content-block {
	margin-bottom: 0.938rem;
}

.content-block h2, h3 {
	margin-bottom: 0.313rem;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.marginless-text {
	display: block;
	margin: 0px;
}

.red-text {
	color: red;
}

.image {
	border: 1px solid black;
	max-width: 100%;
}

.image-right {
	float: right;
	max-width: 100%;
	margin: 0.625rem;
}

.image-and-caption {
	display: inline-block;
	margin: 0.625rem;
	text-align: center;
}

.image-and-caption p {
	font-size: 0.75rem;
	font-weight: bold;
}

.image-center {
	display: block;
}

.bulletless-list {
	list-style-position: inside;
	list-style-type: none;
	margin-bottom: 0.625rem;
}

.bulleted-list, .numbered-list {
	list-style-position: outside;
	margin-bottom: 0.938rem;
	margin-left: 0px;
	padding-left: 1.25rem;
}

.bulletless-list li + li,  .numbered-list li + li, .bulleted-list li + li{
	margin-top: 0.313rem;
}

.side-by-side-bullets {
	display: inline-block;
	margin-right: 1.25rem;
	vertical-align: top;
}

.side-by-side-bullets + .side-by-side-bullets{
	margin-right: 0px;
}

@media (max-width: 400.9px) {
	#push { /*Part of Sticky Footer */
			height: 29.88rem;
		}
}

@media (min-width: 401px) and (max-width: 500.9px) {
	#push { /*Part of Sticky Footer */
			height: 24.94rem;
		}
}

@media (min-width: 501px) and (max-width: 849.9px) {
	#push { /*Part of Sticky Footer */
			height: 22.63rem;
		}
}

@media (min-width: 850px) and (max-width: 1023.9px) {
	#push { /*Part of Sticky Footer */
			height: 17.69rem;
		}
}

@media (max-width: 1023.9px) {
	#main {
		padding: 0.938rem 0.63rem;	
	}
	
	.noScroll {
		overflow: hidden;
		position: fixed;
	}	
}

@media (max-width:767.9px){
	#main {
		padding: 0.938rem 0.63rem;	
	}
}

@media (min-width:768px) and (max-width: 1023.9px){
	#main {
		padding: 0.938rem 0.938rem;	
	}
}


@media (min-width: 1024px) {
	#main {
		margin: 0.938rem auto;
		width: 61.25rem;
	}

	#push { /*Part of Sticky Footer */
		height: 19.312rem;
	}
}

/*Main Section - END*/
	

/*Footer Section - Section*/

/*General Settings*/
#footer {
	border-top: 1px solid black;
	background-color: #828067;
	padding: 0.63rem;
	position: relative;
}
	
#footer-social {
	float: right;
	margin-top: 0.13rem;
}
	
#footer-social a + a {
	display: inline-block;
	margin-left: 0.63rem;	
}
	
.footer-link-group {
	margin-bottom: 0.63rem;
}
	
.footer-heading, .footer-link, #footer-legal, #footer-last-updated {
	color: white;
}
	
.footer-heading {
	font-size: 0.88rem;
	margin-bottom: 0.63rem;
	text-decoration: underline;
}
	
.footer-link, #footer-legal, #footer-last-updated {
	font-size: 0.75rem;
}
	
.footer-link {
	display: inline-block;
	margin-right: 1.25rem;
	margin-bottom: 0.63rem;
	text-decoration:none;
	position: relative;
}
	
#footer-link-sonj-logo {
	position: absolute;
	top: -6px;
}
	
#footer-legal, #footer-last-updated {
	margin-top: 1.25rem;	
}

@media(max-width: 400.9px){
	#footer{
		height: 30.88rem;
	}
}
	
@media(min-width: 401px) and (max-width: 500.9px){
	#footer{
		height: 25.94rem;
	}
}

@media(min-width: 501px) and (max-width: 849.9px){
	#footer{
		height: 23.63rem;
	}
}

@media(min-width: 850px) and (max-width: 1023.9px){
	#footer{
		height: 21.563rem;
	}
}
	
@media (min-width: 1024px) {
	#footer {
		height: 19.75rem;
	}
		
	#footer-content {
		width: 61.25rem;
		margin-left: auto;
		margin-right: auto;
	}
}

@media print {
	
	html, body {
		font-size: 12pt !important;
		height: auto !important;
		margin: 0px !important;
		width: auto !important;
	}
	
	#header, #main-nav, #header-alert, #dark-transparent-overlay, 
	#left-column, #left-nav-list, .list-link, #push, #footer,
	iframe, embed {
		display: none !important;
	}
	
	#header-print {
		border-bottom: 1px solid black;
		display: inherit;
		margin-bottom: 10px;
		padding-bottom: 5px;
		position: relative
	}
	
	#header-print span {
		font-size: 20px;
		left: 50px;
		position: absolute;
		top: 7px;
	}	
	
	#main, #main-container {
		width: auto !important;
		margin: 0px !important;
		overflow: visible !important;
		padding: 0px !important;
	}
	
	img {
		page-break-inside: avoid !important;
		max-width: 100% !important;
	}
	
	h1, h2, h3 { page-break-after: avoid; }
	
	p {
		orphans: 3 !important;
		page-break-inside: avoid !important;
		widows: 3 !important;
	}
	
	table {border-collapse: collapse !important;}
	thead { display: table-header-group; }
	tr { page-break-inside: avoid; }
	td, th { background: #fff !important; }
	
	.content-box {
		display: block !important;
		width: auto !important;
		height: auto !important;
		margin: 0px;
	}
	@page {
		margin: 0.25in !important;
	}
}