@charset "utf-8";

/* -------26DEC2023------------------------------------*/
	/* Main CSS Table of contents */
		/* Section 1 Tags */
		/* Section 2 Header */
			/* Section 2.1 Header */
			/* Section 2.2 Nav */ 
				/* Section 2.2.1 Nav Dropdown Menu */
				/* Section 2.2.2 Nav Top Menu */
				/* Section 2.2.3 Nav Dropdown 1st Level */
				/* Section 2.2.4 Nav Dropdown 2nd Level */
		/* Section 3 Footer */
		/* Section 3.1 lastpublished code */
		/* Section 4 Main Content */
			/* Section 4.1 Content */
				/* Section 4.1.1 Article section */
				/* Section 4.1.2 Content Aside */
			/* Section 4.2 Content Nav */
				/* Section 4.2.1 Content Nav Dropdown Menu */
				/* Section 4.2.2 Content Nav Top Menu */
				/* Section 4.2.3 Content Nav Dropdown 1st Level */
		/* Section 5.1 Classes Social Media buttons */
/* -------------------------------------------*/
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
/* Section 1 Tags */
/* big screens */

body {
	overflow-x: hidden; /*scroll*/ /* Hide horizontal scrollbar */ /* Chrome, Safari, Opera */
	-ms-overflow-style: none; /* Edge */
	::-webkit-scrollbar { width: 0 !important } /* Firefox */
	padding: 0;
	margin: 0; 
	background-color: #efefef;
	font-family: Georgia, "Times New Roman", Times, serif;
	-webkit-animation: bugfix infinite 1s;
}
img {
	width:auto;
	height:auto;
	max-width:100%;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
}
h1, h2, h3, h4, h5, h6, h7 {
	color: #6e1100;
}
h5bio {
display: inline;
font-size: .83em;
margin-before: 1.67em;
margin-after: 1.67em;
margin-start: 0;
margin-end: 0;
font-weight: bold;
color: #0e1100;
text-decoration: underline;
}
hr {
	background-color: #7e81be;
}
footer {
	width: 100%;
	font: "Verdana", Geneva, sans-serif;
	color: #ffd200;
	margin: 0;
	padding: 0 0 1.5625em 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/bg_img/ribbon-footer.png);
	background-color: #221e1f;
}
lastpublished {
	width: 100%;
	font: "Verdana", Geneva, sans-serif;
	color: #ffd200;
	margin: 0;
	padding: 0 0 1.5625em 0;
	background-repeat: no-repeat;
	background-position: center top;
	/*background-image: url(../images/bg_img/ribbon-lastPublished.png);*/
	background-color: #221e1f;
}
a {
	text-decoration: none;
	font-weight: bold;
}
/* Section 2 Header */
  
	  /* Section 2.1 Header*/
header {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/bg_img/ribbon-header.png);
	background-color: #221e1f;
}
header .wrap {
	padding: 0 0 1.25em 0;
	height: 11.875em;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/bg_img/ribbon-header.png);
	background-color: #221e1f;
}  
header .title {
	height: 7.25em;
	padding: 0 1.25em;
	display:flex;
	display:-webkit-flex;
	display:-moz-flex;
	-webkit-flex-wrap: no-wrap;
	-moz-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
    justify-content: space-between;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
}
header .army {
	margin: 0 0.625em 0 0;
}
header a {
	color: #ffd200;
	text-decoration: none;
	display: inline-block;
	vertical-align: bottom;
}
address {
	height: auto;
	display: inline-block;
	color: #ffd200;
	font-size: 0.75em; /* 16 x 0.75em font size 12pt */
	margin: 0 1.66em 0 1.66em;
	vertical-align: top;
	font-family: Georgia, "Times New Roman", Times, serif;
}
address a {
	text-decoration: underline;
}
address > ul li {
	text-indent: -833.25em;
	height: 2.0833em;
	width: 2.0833em;
	display: inline-block;
}
/* Browser specific (not valid) styles to make preformatted text wrap */
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-size:100%;
 font-family:verdana;
}

@media screen and (min-width: 1030px) {
address a:hover {
	color: #7e81be;
}
}
header .main_header {
	min-width: 55%;
	height: 3.75em;
	display: inline-block;
	margin-bottom:.375em;
}
header h1 {
	margin: 0;
	color: #ffd200;
	font: bolder 2.25em "Verdana", Geneva, sans-serif; /* 16 X 2.25em is font size 36 */
}
header h2 {
	margin: 0;
	font-size: 1em; /* 16 x 1em font size 16pt */
	color: #ffd200;
}
		/* Section 2.2 Nav */
			/* Section 2.2.1 Nav Dropdown Menu*/
	
	/* Advanced Checkbox Hack */
	
	@-webkit-keyframes bugfix {
 from {
 padding:0;
}
 to {
 padding:0;
}
}
input#main_menu, input#fp_menu, input#pmts_menu, input#pli_menu, input#jltv_menu, input#eess_menu, input#fp_menu_tab, input#pmts_menu_tab, input#pli_menu_tab, input#jltv_menu_tab, input#eess_menu_tab, input#menu_options_about, input#menu_options_leadership, input#menu_options_systems, input#menu_options_vendors, input#menu_options_organization, input#menu_options_partners, input#menu_options_products, input#menu_options_other {
	position: absolute;
	top: -624.9375em;
	left: -624.9375em;
}
label.main_menu {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 2.5em;
	height: 2.5em;
	color: #000;
	transition: color .3s ease-in-out;
	cursor: pointer;
	user-select: none;
	margin: 0;
	z-index:99;
}
label.main_menu_options {
	display: none;
	color:#6f1200;
	height: auto;
	width: 100%;
	text-align: left;
	padding:.7143em 1.5em .7143em 1.0714em;
	border:none;
	position:relative;
	z-index:99;
}
label.fp, label.fp_tab {
	background-image: url(../images/logos/nav-fp.png);
	background-size: contain;
	background-repeat:no-repeat;
}
label.MPVS, label.MPVS_tab {
	background-image: url(../images/logos/nav-mrap.png);
	background-size: contain;
	background-repeat:no-repeat;
}
label.pmts, label.pmts_tab {
	background-image: url(../images/logos/nav-pmts.png);
	background-size: contain;
	background-repeat:no-repeat;
}
label.pli, label.pli_tab {
	background-image: url(../images/logos/nav-pli.png);
	background-size: contain;
	background-repeat:no-repeat;
}
label.jltv, label.jltv_tab {
	background-image: url(../images/logos/nav-jltv.png);
	background-size: contain;
	background-repeat:no-repeat;
}
label.eess, label.eess_tab {
	background-image: url(../images/logos/nav-e2s2.png);
	background-size: contain;
	background-repeat:no-repeat;
}
label.eess, label.jltv, label.pmts, label.pli, label.fp, label.eess_tab, label.jltv_tab, label.pmts_tab, label.pli_tab, label.fp_tab {
	height:2.5714em;
	width:2.5714em;
	display: none;
	color: #000;
	transition: color .3s ease-in-out;
	cursor: pointer;
	user-select: none;
	margin: 0;
	z-index:99;
}
header nav {
	width: 100%;
	font-weight: bold;
	margin: auto;
	background-color: #a8996e;
	margin-bottom: 1.75em;
	z-index: 99;
}
header nav .wrap {
	padding: 0;
	height: 2.25em;
	position: relative;
}
header nav ul {
	text-align: center;
	list-style-type: none;
	/* this line makes it so there is no list format "bullets" */
	padding: 0;
	margin: 0;
	position: relative;
}
/* Section 2.2.2 Nav Top Menu */
		
header nav ul > li {
	display: inline-block;
	border-left: .1429em solid #6f1200;
	text-align: center;
	font-size: 0.875em; /*16 X 0.875em is a font size of 14pt*/
	min-width: 9.25em;
}
header nav .wrap ul li:nth-last-child(2) {
	border-right: .1429em solid #6f1200;
}
 header nav a.home, header nav a.about, header nav a.leadership, header nav a.news, header nav a.org,  {
 color: #6f1200;
}
header nav ul li a {
	display: block;
	padding: .7143em 1.0714em .7143em 1.0714em;
	color: #6f1200;
}
@media screen and (min-width: 1030px) {
		
header nav ul li:hover a {
	color: #000;
	background-color: #ffd200;
}
}
header nav ul ul {
	display: none;
	border: none;
	position: absolute;
	margin-left: -.125em;
	z-index: 99;
	max-width: 12.625em;
}
@media screen and (min-width: 1030px) {
header nav ul li:hover ul:first-child a {
	border-left: none;
}
header nav ul li:hover ul:last-child a, header nav .wrap ul li:hover ul:last-child li:last-child {
	border-right: none;
}
/* Section 2.2.3 Nav Dropdown 1st Level */
header nav ul li:hover > ul {
	/*display: inline-block;*/
	display: block;
	border: none;
	border-left: none;
}
header nav ul li:hover ul {/* all Em's are based off font size 16pt*/
	border-right: .125em solid #6f1200;
}
}
header nav ul ul > li {
	display: block;
	font-size: 0.8571em; /*14 X =.0.8571em is a font size of 12pt*/
	border: none;
	text-align: left;
}
header nav ul li.moble {
	display: none;
}
@media screen and (min-width: 1030px) {
header nav ul li:hover ul li a { /* all Em's are based off font size 12pt*/
	color: #000;
	min-width: 10.3333em;
	background-color: #c8c7c7;
	border-right: .1667em solid #6f1200;
	border-left: .1667em solid #6f1200;
	padding: .8333em 1.6667em .8333em 1.6667em;
}
header nav ul li:hover ul li:hover:first-child a {/* all Em's are based off font size 12pt*/
	border-left: .1666em solid #6f1200;
	padding-left: 1.08333em;
	padding: .8333em 1.666em .8333em 1.666em;
}
header nav ul ul li:hover > a:hover, header nav ul ul li:hover > a:active, header nav ul ul li:hover > a:focus {
	color: #000;
	background-color: #ffd200;
}
/* Section 2.2.4 Nav Dropdown 2nd Level */
header nav ul ul li:hover > ul {
	display: block;
}
}
header nav ul ul ul {
	margin: -2.6666em 0 0 17.5em;
	background-color: #999;
}
@media screen and (min-width: 1030px) {
header nav ul ul ul li:hover, {
	color: #ffd200;
	background-color: #666;
}
}
header nav ul ul ul li:active, header nav ul ul ul li:focus {
	color: #ffd200;
	background-color: #666;
}
/* Section 3 Footer */
  
footer .wrap {
	padding: 0.625em 1.25em 0.625em 1.25em;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/bg_img/ribbon-footer.png);
	background-color: #221e1f;
}
footer .links {
	height: 13.6875em;
	padding: 0;
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
    justify-content: space-around;
}
footer address {
	font-size:1em;
}
footer .links ul address > ul {
	padding:0;
}
.disclamier {
	font-size:.75em;
}
/*
footer address {
	height: auto;
	display: inline-block;
	color: #ffd200;
	font-size: 1em; /* 16 x 0.75em font size 12pt *
	margin: 0 1.66em 0 1.66em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
footer ul li address > ul li {
	text-indent: -833.25em;
	height: 2.0833em;
	width: 2.0833em;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}*/
footer a {
	color: #ffd200;
	font-weight: normal;
}
@media screen and (min-width: 1030px) {
footer a:hover {
	color: #7e81be;
}
}
footer .links > ul {
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
    justify-content: space-around;
}
footer .links ul {
	padding: 0 ;
	display: inline-block;
	list-style-type: none;
	vertical-align: top;
}
footer .links > ul > li {
	line-height: 1.25em;
	text-align: left;
	font: normal .75em/1.1em "Verdana", Geneva, sans-serif; /* 12 x 1em is size 12 font*/
}
footer .links > ul > li > address .media {
	line-height: 2.125em;
}
footer h3 {
	color: #ffd200;
	text-decoration: underline;
	margin: .4166em 0 1.25em 0;
	font: bolder 1.166em/1em "Verdana", Geneva, sans-serif; /* 12 x 1.166em is size 14 font/14px line height*/
}
footer h3 a {
	font: bolder 1em/1em "Verdana", Geneva, sans-serif; /* 14 x 1em is size 14 font/14px line height*/
}
footer ul ul li:last-child, footer ul ul ul li:last-child {
	margin: 0 0 .6666em 0;
}
footer h4 {
	color: #ffd200;
	margin: 0 0 .25em 0;
	font: bolder 1em/1em "Verdana", Geneva, sans-serif; /* 12 x 1em is size 12 font/12px line height*/
}
footer .required {
	height: 4.0625em;
	width: 70%;
	padding: 4.1666em 0 0 0;
	margin: 0 0 0 30%;
}
footer .required ul {
	list-style-type: none;
	font-size: .75em; /* 16 x .75em font size 12pt*/
	margin: auto;
	padding: 0;
	color: #ffffff;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;

    justify-content: space-between;
	-moz-justify-content: space-between;
}
footer .required ul li, footer .required a {
	display: inline-block;
		color: #ffffff;
}
@media screen and (min-width: 1030px) {
footer .required a:hover {
	color: #ffd200;
}
}
footer .army {
	margin:-1.125em 0 0 0;
	padding:0;
}
footer .asaalt {
	margin:0;
	padding:0;
}
/* Section 3.1 lastpublished code */
  
lastpublished .wrap {
	width: 100%;
	padding: 0.625em 1.25em 0.625em 1.25em;
	background-repeat: no-repeat;
	background-position: center top;
	/*background-image: url(../images/bg_img/ribbon-lastPublished.png);*/
	background-color: #221e1f;
}
lastpublished .links {
	height: 3em;
	padding: 0;
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
    justify-content: space-around;
}
lastpublished address {
	font-size:1em;
}
lastpublished .links ul address > ul {
	padding:0;
}
.disclamier {
	font-size:.75em;
}
/*
lastpublished address {
	height: auto;
	display: inline-block;
	color: #ffd200;
	font-size: 1em; /* 16 x 0.75em font size 12pt *
	margin: 0 1.66em 0 1.66em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
lastpublished ul li address > ul li {
	text-indent: -833.25em;
	height: 2.0833em;
	width: 2.0833em;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}*/
lastpublished a {
	color: #ffd200;
	font-weight: normal;
}
@media screen and (min-width: 1030px) {
lastpublished a:hover {
	color: #7e81be;
}
}
lastpublished .links > ul {
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
    justify-content: space-around;
}
lastpublished .links ul {
	padding: 0 ;
	display: inline-block;
	list-style-type: none;
	vertical-align: top;
}
lastpublished .links > ul > li {
	line-height: 1.25em;
	text-align: left;
	font: normal .75em/1.1em "Verdana", Geneva, sans-serif; /* 12 x 1em is size 12 font*/
}
lastpublished .links > ul > li > address .media {
	line-height: 2.125em;
}
lastpublished h3 {
	color: #ffd200;
	text-decoration: underline;
	margin: .4166em 0 1.25em 0;
	font: bolder 1.166em/1em "Verdana", Geneva, sans-serif; /* 12 x 1.166em is size 14 font/14px line height*/
}
lastpublished h3 a {
	font: bolder 1em/1em "Verdana", Geneva, sans-serif; /* 14 x 1em is size 14 font/14px line height*/
}
lastpublished ul ul li:last-child, lastpublished ul ul ul li:last-child {
	margin: 0 0 .6666em 0;
}
lastpublished h4 {
	color: #ffd200;
	margin: 0 0 .25em 0;
	font: bolder 1em/1em "Verdana", Geneva, sans-serif; /* 12 x 1em is size 12 font/12px line height*/
}
lastpublished .required {
	height: 1em;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 375px;/*0 0 0 30%*/
}
lastpublished .required ul {
	list-style-type: none;
	font-size: .75em; /* 16 x .75em font size 12pt*/
	margin: auto;
	/*padding: 0;*/
	padding: 0 0 0 5em;
	color: #ffffff;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;

    justify-content: space-between;
	-moz-justify-content: space-between;
}
lastpublished .required ul li, lastpublished .required a {
	display: inline-block;
		color: #ffffff;
}

}

/* Section 4 Main Content */
#wrapper {
	width: 100%;
}
/* Section 4.1 Content */
#content {
	width: 100%;
	min-height: 44.375em;
	margin: auto;
	padding: 1.25em 0 2.5em 0;

	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../images/bg_img/soldiers.png);
	background-color: #efefef;
}
#content .wrap {
	background-size: auto;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}
#content p {
	padding: 0 0.625em 0 0.625em;
}
#content hr {
	width: 100%;
	border: #7e81be solid .25em;
	margin: 0.625em 1.25em 1.5625em 0;
	padding:0;
}
/* Section 4.1.1 Content Articles */
 
#content article {
	width: 49.75em;
	height: auto;
	display: inline-block;
	padding: 0 1.25em 0 0.3125em;
	margin: 1em 0 0 0;
	font-family: "Verdana", Geneva, sans-serif;
}
embed {
	width:auto;
	max-width:100%;
}
article section {
	width: 100%;
	font-size: 0.875em;/*16 x .875em font size 14pt */

}
article section img.port  {
	max-width:12.5em;
}
.columns { /* works off size 14 font from the article reset font size to medium (or 16pt) */
	width:17.5em; 
	height: auto; 
	display:inline-block;
	vertical-align:top;
	margin:1.25em 0 0 0;
}

.columns:first-child {
	width: 33.9286em;
	height: auto; 
	display:inline-block;
	margin: 1.25em 0.625em 0 0;
	vertical-align:top;
}
.columns p {
	font-size: 1em; /*16 x .875em font size 14pt */
	padding:0;
}
#content p  {
	padding: 0 .7143em 0 .7143em;
}
#content h1 {
	margin: 0;
	font-size: 1.5em;/*16 x 1.5em font size 24pt */
	font-weight: bolder;
	text-transform: uppercase;
}
#content h2 {
	font: 1.5em; /*16 x 1.5em font size 24pt */
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#content h2.links {
	word-wrap:break-word;
	word-break:break-all;
}
#content h3 {

	text-transform: uppercase;
}
#content h4 {
	font: 1em; /*16 x .875em font size 14pt */
	margin: 0;
	text-transform: uppercase;
}
#content strong {
	color: #6e1100;
}
#content em {
	color: #6e1100;
}
#content ul {
	padding:0;
	margin:0;
}
#content ul li {
	list-style: none;
	font: normal 1em/1.25em "Verdana", Geneva, sans-serif;
}
#content ul.bullets {
	margin-top: .75em;
}
#content ul.bullets li {
	list-style: disc;
	font-family: "Verdana", Geneva, sans-serif;
	margin: .25em 0 0 1.75em;
}
#content article a {
	color: #6f1200;
	text-decoration: underline;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content article section p:first-child {
	margin-top:-1em;

}
@media screen and (min-width: 1030px){
#content article a:hover {
	color: #a8996e;
}
}
#content article a:visited {
	color: #000;
}
#content article h2 a, #content article h3 a, #content article h4 a {
	font-size: inherit;
	color: #6f1200;
	font-weight: inherit;
	font-family: "Verdana", Geneva, sans-serif;
	text-decoration: underline; 
}
#content article h2 a:visited, #content article h3 a:visited, #content article h4 a:visited {
	color: #6f1200;
	font-size: inherit;
	font-weight: inherit;
	font-family: "Verdana", Geneva, sans-serif;
	text-decoration: underline;
}
@media screen and (min-width: 1030px) {
#content article h2 a:hover, #content article h3 a:hover, #content article h4 a:hover {
	font-size: inherit;
	color: #a8996e;
	font-weight: inherit;
	font-family: "Verdana", Geneva, sans-serif;
	text-decoration: underline;
}
}
/* Section 4.1.2 Content Aside */
#content aside {
	width: 15.625em;
	display: inline-block;
	vertical-align: top;
	padding:0;
	margin:-11.625em 0 0 0;
	background-color: #efefef;

}
#content aside section {
	/*padding: 0.625em 0.9375em 1.25em 0.9375em;*//*line 22290 align section lines*/
	padding: 0.625em 0.9375em 3.35em 0.9375em;
	background: #efefef;
	border-bottom: #7e81be solid .5em;
	margin:0;
}
#content aside section a {
	color: #6f1200;
	font: Georgia, "Times New Roman", Times, serif;
}
#content aside section li a {
	font-size:.75em;
	font-weight:bold;
	text-decoration:underline;
}
@media screen and (min-width: 1030px) {
 #content aside section a:hover, {
 color: #a8996e;
 font-weight:inherit;
 font-size:inherit;
}
}
#content aside section.sub_logo {
	width: auto;
	padding: 0.9375em 0 0.9375em 0;
	border-top: #7e81be solid .5em;
}
#content aside img {
	margin:auto;.
	display:block;
}
#content aside hr {
	border: #7e81be solid .333em;
	margin: 2em 0 .75em 0;
}
#content aside section#leader {
	padding: 0.625em 1.5625em 0.625em 1.5625em;
	background-color: #7e81be;
	text-align:center;
}
#content aside section.leader {
	padding: 0.625em 1.5625em 0.625em 1.5625em;
	background-color: transparent;
	text-align:center;
}
#content aside section h2 {
	font-size: 1.25em; /*16 x 1.125em font size 18pt */
	margin: 0.2778em 0 0 0;
	color: #000;
	text-transform: none;
}
#content aside section h3 {
	font-size: 1em; /*16 x .875m font size 14pt */
	margin: 0.3571em 0 0 0;
	color: #000;
	text-transform: none;
}
aside section#leader a h2, aside section#leader a h3 {
	color: #fff;
	margin: 0 0 0.3125em 0;
}
aside section#leader a h4, aside section#leader h4 a, aside section#leader h4, aside section.leader a h4, aside section.leader h4 a, aside section.leader h4, aside a h4, aside h4 a, aside h4 {
	color: #000;
	font-size: .75em;
	margin: 0 0 1.25em 0;
	text-decoration: underline;
	text-align: left;
}
aside #leader a h2.leader, #leader a h3.leader, #leader h2.leader a, #leader h3.leader a {
	color: #fff;
	text-decoration: none;
}
/* Section 4.2 Content Nav */	
	
	/* Section 4.2.1 Content Nav Dropdown Menu */
#content nav {
	width: 49em;
	height: 100%;
	margin:0;
	padding:0;
}
#content nav ul {
	height: auto;
	list-style-type: none; /* this line makes it so there is no list format "bullets" */
	padding: 0;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-moz-justify-content: space-between;
}
/* Section 4.2.2 Content Sub Nav Top Menu */
#content nav ul li {
	border-right: none;
	font: bolder normal .75em/1.16em Georgia, "Times New Roman", Times, serif;
	display: inline-block;
	vertical-align: top;
	margin: auto;
	padding:0;
}
#content nav ul li label .pm {
	display:none;
}

#content nav ul li a {
	display: block;
	text-align: center;
	padding: .333em .4166em .4166em .4166em;
	width: 12.333em;
	height: 12.333em;
	font-weight: bold;
	
	color:#000000;
}
#content nav ul li a > img {
	left: 0;
	padding: 0 .5em .4166em .5em;
	height: 6.666em;
	width: 7.25em;
}
@media screen and (min-width: 1030px) {

#content nav ul li:hover a {
	color: #6e1100;
	font-weight: bolder;
	box-shadow: .1666em -.1666em .6666em #000;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}
/* Section 4.2.3 Content Sub Nav Dropdown 1st Level */
#content nav ul li:hover > ul {
	display: block;
	border: none;
	padding: .4166em 0 0 0;
	margin: 0;
}
}
#content nav ul ul {
	display: none;
	border: none;
	position: absolute;
	z-index: 999; /* makes it so drop down doesnt go behind body text and other page elements*/
}
#content nav ul ul li {
	display: block;
	border-top: none;
	margin: 0;
	font: bold normal 1em/normal Georgia, "Times New Roman", Times, serif;
	border-radius: 0 ;
	-moz-border-radius: 0 ;
	-webkit-border-radius: 0 ;
}
@media screen and (min-width: 1030px) {
#content nav ul ul li:first-child:hover > a:hover, #content nav ul ul li:first-child:hover > a:active, #content nav ul ul li:first-child:hover > a:focus {
	color: #000;
	background: #ffd200;
	box-shadow: none;
}
#content nav ul li:hover > ul li:first-child a {
	color: #6f1100;
	background-color: #a8996e;
	border-bottom: #000 solid .25em;
	border-right: #000 solid .1666em;
	border-left: #000 solid .1666em;
	border-top: #000 solid .1666em;
}
#content nav ul li:hover ul li a {
	color: #000;
	padding: .8333em 1.666em .8333em 1.666em;
	background-color: #c8c7c7;
	width: auto;
	height: auto;
	text-align: left;
	box-shadow: none;
	border-radius: 0;
	border-right: #000 solid .1666em;
	border-left: #000 solid .1666em;
	border-bottom: #000 solid .08333em;
}

#content nav ul ul li:hover > a:hover, #content nav ul ul li:hover > a:active, #content nav ul ul li:hover > a:focus {
	color: #000;
	background: #ffd200;
	box-shadow: none;
}
}
/* Section 5 Classes */
p.caption {
	font-size:.875em;
	text-align:center;
	font-weight:bold;
}
.wrap {
	width: 65.625em;
	margin: auto;
}
.inline {
	display: inline-block;
	margin: 0.625em;
	vertical-align: top;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
}
.pm_menu {
	height: 100%;
	display: block;
	vertical-align: top;
	padding: 0;
}

img.sub_logo {
	height: auto;
	width: 7.75em;
	display:block;
	margin: 0 .625em 0 .625em;
}

/* Section 5.1 Classes Social Media buttons */
.media {
	margin: .8333em 0 0 0;	
	list-style-type: none;
	padding: 0;
}
.facebook {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-facebook.png);
}
.twitter {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-twitter.png);
}
.flickr {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-flickr.png);
}
.rss_feed {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-rss.png);
}
@media screen and (min-width: 1030px) {
.facebook:hover {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-facebook-blue.png);
}
.twitter:hover {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-twitter-blue.png);
}
.flickr:hover {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-flickr-blue.png);
}
.rss_feed:hover {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-rss-blue.png);
}
}
.hidden_text {
	text-indent: -833.25em;
	height: 1.5625em;
	width: 1.5625em;
	display: inline-block;
	margin: 0;
}
.hidden_text_armyLogo {
	text-indent: -833.25em;
	height: .75em;
	display: block;
	margin: 0;
}
.hidden_header {
	display: none;
}

/* Smart Phone */
@media screen 
			and (min-width: 0px) 
			and (max-width: 641px){ /*Cell phones */
	width: 124px; /*remove both W and H if not working*/
	height: auto;
body {
	 -webkit-text-size-adjust:100%
}
footer {
	padding: 0 0 .625em 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100vw auto;
	background-image: url(../images/bg_img/ribbon_footer-mobile.png);
	background-color: #221e1f;
}
img {
	width:100%;
}

/* Section 2 Header */
header {
	padding: 0;
	height: auto;
	width: 100%;
	background-image: url(../images/bg_img/ribbon_header-mobile.png);
	position: relative;
  }
	  /* Section 2.1 Header*/ 
header .wrap {
	padding: 4.25em 0 .625em 0;
	background-image: url(../images/bg_img/ribbon_header-mobile.png);
	height: 10.75em;
}
header .army {
	margin: 0 2vw 0 0;
}
header .army > img{
	width:18vw;
	max-width: 6em;
}
header .peo_logos {
	margin:0 0 0 2vw;
}
header .peo_logos > img{
	width:18vw;
	max-width: 6em;
}
header .title {
	height: 6.5em;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	margin:0;
	padding:0 2vw;
}
header .main_header {
	height: auto;
	min-width:0;
	width: 49vw;
	margin: 0 .5em;
}
header h1 {
	font-size: 1.25em;
}
header h2 {
	font-size: .75em;
}
header .title address {
	display: none;
}
		/* Section 2.2 Nav */
			/* Section 2.2.1 Nav Dropdown Menu*/

label.main_menu, label.fp, label.pmts, label.pli, label.jltv, label.eess, label.main_menu_options {
	display: inline-block;
}
input#fp_menu_tab:checked ~ ul.fp, input#pmts_menu:checked ~ ul.pmts, input#pli_menu:checked ~ ul.pli, input#jltv_menu:checked ~ ul.jltv, input#eess_menu:checked ~ ul.eess {
	display:none;
}
label.main_menu:after {
	position: absolute;
	left: 0.1875em;
	top: -0.0625em;
	content: "\2261";
	font-size: 3em;
	font-style: normal;
	font-weight: bolder;
}
input#main_menu:checked ~ label.main_menu:after {
	position: absolute;
	content: "\2715";
	font-size: medium;
	font-size:2.0625em;
}

input#main_menu:checked ~ nav {
	opacity: 1;
	left: 0;
	top: 3.125em;
	height: auto;
	border-top: .1667em solid #6f1200;
	border-bottom: .1667em solid #6f1200;
}
label.main_menu_options:after {
	content: "+";
	font: 1.5em sans-serif;
	color: inherit;
	position: absolute; 
	right: .25em;
	top: .3125em;
     transform: rotate(180deg);
}
input.main_menu_options:checked ~ label.main_menu_options:after {
	content: "-";
	color: inherit;
	position: absolute;
    right: .325em;
	top: .275em;
    transform: rotate(0deg);
}
input.main_menu_options:checked ~ label.main_menu_options {
	color: #000;
	background-color: #ffd200;
}
input#fp_menu:checked ~ ul.fp, input#pmts_menu:checked ~ ul.pmts, input#pli_menu:checked ~ ul.pli, input#jltv_menu:checked ~ ul.jltv, input#eess_menu:checked ~ ul.eess {
	left: -3em;
	top: 3em;
	height: auto;
	display:block;
}
input.main_menu_options:checked ~ ul {
	display: block;
	border: none;
	position: relative;
	margin-left: -.125em;
	font-size: 1.125em;
	background-color: #c8c7c7;
	z-index: 99;
	border-top: .1667em solid #6f1200;
	border-bottom: .1667em solid #6f1200;
}
input.main_menu_options:checked ~ ul li a { /* all Em's are based off font size 12pt*/ 
	color: #000;
	background-color: #c8c7c7;
	padding: .8333em 1.6667em .8333em 1.6667em;
}
header nav {
	position: absolute;
	top: 2.75em;
	left: -150%;
	opacity: 0;
	width:100%;
	background-color:transparent;
}
header nav .wrap {
	background-color:#c8c7c7;
	height: 100%;
	background-image: none;
}
header nav ul {
	text-align: left;
}

header nav .wrap ul li:last-child {
	border-right: none;
}
header nav ul li {
	font-size: 1em;
}

/* Section 2.2.2 N av Top Menu */
		
header nav ul > li {
	height: auto;
	width: 100%;
	text-align: left;
	margin: 0;
	border:none;
	position:relative;
}
header nav > ul li {
	display: block;
	border-left: none;
	text-align: left;
	font-size: 1em; 
	min-width: 0;
}

header nav ul li a.moble {
	display:none;
}
header nav ul li.moble {
	display: inline-block;
}
/* Section 2.2.3 Nav Dropdown 1st Level */
header nav ul ul {
	position:relative;
	margin-left: -.1429em;
	width:100%;
	max-width:none;
	background-color: #c8c7c7;
}

/*
header nav ul li:hover ul {
	border-top: .3334em solid #6f1200; 
	border-bottom:  .3334em solid #6f1200;
}
header nav ul li:hover ul li a {
	min-width: 0;
	border: none;
}
header nav ul li:hover ul:last-child {
	border-right: none;
}
header nav ul li:hover ul:last-child li:hover:last-child a {
	border-right: none;
}
header nav ul li:hover ul li:hover:first-child a {
	border-left: none;
	padding-left: 1.08333em;
	padding: .8333em 1.666em .8333em 1.666em;
}
header nav ul li:hover ul li:hover:last-child a {
	border-right: .1666em solid #6f1200;
}
*/
/* Section 3 Footer */
  
footer .wrap {
	position: relative;
	padding: 7.5em  .625em  .625em .625em;
	width: 100%;
	height: auto;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
footer .links {
	height:auto;
	margin: .75em auto 0;
	padding:0;
	text-indent:-1em;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
}
footer .links > ul {
	width:35vw;
	height:auto;
	margin: 0;
	padding:0;
}
footer .links > ul > li {
	width:35vw;
}
footer .links > ul:nth-of-type(1) {
	order: -6; 
	-webkit-order: -6;
	-moz-order: -6;
}

footer .links > ul:nth-of-type(2) {
	order: -4;
	-webkit-order: -4;
	-moz-order: -4;
}
footer .links > ul:nth-of-type(3) {
	order: -2;
	-moz-order: -2;
	-webkit-order: -2;
}
footer .links > ul:nth-of-type(4) {
	order: -5;
	-moz-order: -5;
	-webkit-order: -5;
}
footer .links > ul:nth-of-type(5) {
	order: -3;
	-moz-order: -3;
	-webkit-order: -3;
}
footer .links > ul:nth-of-type(6) {
	order: -1;
	-moz-order: -1;
	-webkit-order: -1;
}
footer ul li address > ul li {
	height:1.5625em;
	width:1.5625em;
	position:static;
	margin:0;
	padding:0;
}
footer address {
	position: absolute;
	left: 0;
	top: 1em;
	width:100%;
	text-align: center;
	margin:0;
	padding:0;
}
footer .required {
	height: auto;
	width: 100%;
	padding: .625em 0 0 0;
	margin: 1em auto 0;
	display:inline-flex;
	justify-content:center;
	
}
footer .required ul {
	font-size: .75em; /* 12 x .1em font size 12pt*/
	-webkit-justify-content: center;
    justify-content: center;
	-moz-justify-content: center;
}
footer .required ul li{
	margin-bottom: .125em;
	padding: 0 1.125em 1em 1.125em;
}
footer .army {
	width:20vw;
	max-height: 115px;
	max-width:91px;
	position:absolute;
	top: 1em;
	left:5%;
	margin:0;
	padding:0;
}
footer .asaalt {
	margin:0;
	padding:0;
	width:20vw;
	max-height: 85px;
	max-width:97px;
	position:absolute;
	top: 1em;
	right:10%;
}
/* Section 4.1 Content */ 
#content {
	width: 100%;
	height:auto;
	background-image: url(../images/bg_img/ribbon_content-mobile.png);
}
#content .wrap {
	width: 100%;
	height:auto;
	margin: auto;
}
#content hr {
	width: 100%;
	border: #7e81be solid .25em;
}
/* Section 4.1.1 Contnet Articles */
 
#content article {
	width:100%;
	padding: 10em 0 1.5em 0;
	margin: 0;
}
#content article#no-logo {
	padding:0;
}
article section {
	width:100%;
	padding: 0 0.7143em 1.5em .7143em;
}
#content p {
	padding:0;
}
section.slider {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
}
.columns:first-child  {
	width:90VW;
	max-width: none;
	margin:auto;
}
.columns {
	width: 100%;
	padding:0;
	margin:auto;
}
/* Section 4.1.2 Contnet Aside */
#content aside {
	width: 100%;
	height:auto;
	margin:0;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	justify-content: space-around;
}
#content aside section {
	width:50%;
	padding: 0;
	background-color:transparent;
	border-bottom: #7e81be solid .5em;
	border-top: #7e81be solid .5em;
	margin: 0 0 0 0;
}
#content aside section#pdm {
	width:100%;
	padding: 0;
	background-color:transparent;
	border-bottom: #7e81be solid .5em;
	border-top: #7e81be solid .5em;
	margin: 0 0 0 0;
}

#content aside section.social_media {
	width:100%
}
#content aside hr {
	border: #7e81be solid 0.5em;
	margin: 0 0 0 0;
}
#content aside img {
	width:auto;
	height:auto;
}
#content aside section.sub_logo {
	width: 100%;
	min-height: 9.75em;
	position: absolute;
	top: 11.25em;
	left:0;
	text-align: center;
	margin: auto;
	padding: .5em .625em .5em .625em;
	border-top: #7e81be solid 0.5em;
	border-bottom: #7e81be solid 0.5em; 
}
section.sub_logo img.sub_logo, section.sub_logo img.peo_logo  {
	width: auto;
}
#content aside section#leader, #content aside section.leader {
	padding: .5em .625em .5em .625em;
}
#content aside .pdm {
	margin:auto;
	width:100%;
}
aside #leader h2.leader, aside #leader h3.leader {
	color: #fff;
	font-weight: bolder;
	margin: 0 0 1.25em 0;
}
aside #leader a h2.leader, aside #leader a h3.leader, aside #leader h2.leader a, aside leader h3.leader a {
	color: #fff;
	text-decoration: none;
}
aside #leader a h4.leader, aside #leader h4.leader a, aside #leader h4.leader, aside .leader a h4.leader, aside .leader h4.leader a, aside .leader h4.leader, aside a h4, aside h4 a, aside h4 {
	color: #000;
	margin: -.8333em 0 1.25em 0;
	text-decoration: underline;
}
#content aside section h2 {
	font: 1.5em; /*12 x 1.5em font size 18pt */
	margin: .4166em 0 0 0;
	color: #000;
}
#content aside section h3 {
	color: #6e1100;
	font: 1.166em; /*12 x 1.16m font size 14pt */
	margin: .4166em 0 0 0;
	color: #000;
}
/* Section 4.2 Content Nav */	
	
	/* Section 4.2.1 Content Nav Dropdown Menu */
#content nav {
	height: auto;
	width:auto;
	position: absolute;
	top: 0;
	left: 3em;
	display:flex;
	display:-webkit-flex;
	flex-wrap:no-wrap;
}
#content nav hr {
	display:none;
}
#content nav ul li {
	font-size: 1em;
	padding:0.3125em;
}
/* Section 4.2.2 Content Sub Nav Top Menu */
#content nav ul li a {
	width: auto;
	height: auto;
}
#content nav ul li > a.pm {
	display: none;
}

/* Section 4.2.3 Content Sub Nav Dropdown 1st Level */
#content nav ul ul {
	border: none;
	height: 90em;
	z-index: 999; /* makes it so drop down doesnt go behind body text and other page elements*/
	width:100vw;
	border-top: .1667em solid #6f1200;
	background-color: #c8c7c7;
}
#content nav ul ul li {
	display: inline-block;
	border:none;
	margin: 0;
	width:100vw;
	padding:0;
	font-size:1em;
}
#content nav ul li > ul li:first-child a {
	color: #6f1100;
	background-color: #a8996e;
	border-bottom: #000 solid .25em;
}
#content nav ul li ul li:nth-child(2) a {
	background-color: #c8c7c7;
	height: auto;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border:none;
}

#content nav ul li ul li a {
	background-color: #c8c7c7;
	height: auto;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border:none;
}
#content nav ul ul li:last-child a {
	
	color: #000;
	background-color: #c8c7c7;
	width: auto;
	height: auto;
	text-align: left;
	box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: none;
	border-bottom: .1667em solid #6f1200;
}
#content nav ul ul li a {
	color: #000;
	padding: .8333em 1.666em .8333em 1.666em;
	background-color: #c8c7c7;
	width: auto;
	height: auto;
	text-align: left;
	box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-right: none;
}
/* Section 5 Classes */
p.caption {
	display:none;
}
.wrap {
	width: 100%;
	margin: auto;
}
.peo_logos {		/* PEO/PM/PdM/PD's logos */
	margin: 0 2.0833em 0 .8333em;
}
.pm_menu {
	height: 100%;
	display: block;
	vertical-align: top;
	padding: 0;
}
.sub_logo {
	height: auto;
	width: 16.666em;
	margin: 0 3.1666em 0 3.1666em;
}
.fb-page {
	margin: 0 .8333em 0 .8333em;
}
/* Section 5.1 Classes Social Media buttons */
.media {
	text-align-last: left;
	margin: .8333em 0 0 0;
	list-style-type: none;
	padding: 0;
}
.facebook {
	background-size: contain;
}
.facebook:hover {
	background-size: contain;
}
.twitter {
	background-size: contain;
}
.facebook:active {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-facebook-blue.png);
	background-size: contain;
}
.twitter:active {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-twitter-blue.png);
	background-size: contain;
}
.flickr:active {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-flickr-blue.png);
	background-size: contain;
}
.rss_feed:active {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-rss-blue.png);
	background-size: contain;
}
.hidden_text {
	text-indent: -833.25em;
	height: 2.0833em;
	width: 2.0833em;
	display: inline-block;
	margin: .8333em 0 0 0;
}
.hidden_header {
	display: none;
}
.disclamier {
	padding: .125em .5em;
}
}
/* Odd sized phones */
@media screen 
			and (min-width: 321px)
			and (max-width: 352px){
img {
	width:100%;
}
header .main_header {
	font-size:14px;
}
header .peo_logos{
	padding:0;
	margin:0;
}
#content aside {
	display:flex;
	flex-wrap:wrap;
}
#content aside section#leader, #content aside section.leader, #content aside section.social_media {
	width:100%;
}
label.main_menu, label.main_options_menu, label.fp, label.pmts, label.pli, label.jltv, label.eess {
	display: inline-block;
}
footer .army {
	width:20vw;
	position:absolute;
	left: 5%;
	margin:0;
	padding:0;
}
footer .asaalt {
	width: 20vw;
	position:absolute;
	right: 5%;
	margin:0;
	padding:0;
}
footer .required {
	margin: 7em auto 0;
}

}
@media screen 
			and (min-width: 265px)
			and (max-width: 320px){

label.eess, label.jltv, label.pmts, label.pli, label.fp {
	height:1.875em;
	width:1.875em;
}

footer .army {
	width:20vw;
	position:absolute;
	left: 5%;
	margin:0;
	padding:0;
}
footer .asaalt {
	width: 20vw;
	position:absolute;
	right: 5%;
	margin:0;
	padding:0;
}
footer address  {
	font-size:.90em;
	line-height:1em
}
}
@media screen 
			and (min-width: 0px)
			and (max-width: 264px){
label.eess, label.jltv, label.pmts, label.pli, label.fp {
	height:1.375em;
	width:1.375em;
}
nav {
	display:flex;
}
nave ul li {
	margin:auto
}

footer .army {
	width:20vw;
	position:absolute;
	left: 5%;
	margin:0;
	padding:0;
}
footer .asaalt {
	width: 20vw;
	position:absolute;
	right: 5%;
	margin:0;
	padding:0;
}
footer address  {
	font-size:.75em;
	line-height:1em
}
}
/*
@media screen 
			and (min-width: 669px) 
			and (max-width: 770px) {
	
footer ul li address > ul li {
	height:2em;
	width:2em
}
footer address {
	position: absolute;
	line-height: normal;
	left: 0;
	top: 2em;
	width:100%;
	text-align: center;
	margin:0;
	padding:0;
	font-size: .625em;
}
			} */
/* Tablet Screen */
@media screen 
			and (min-width: 642px) 
			and (max-width: 1030px) {
body {
	-webkit-text-size-adjust:100%
}	
img {
	width:100%;
}
footer {
	padding: 0 0 .625em 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100vw auto;
	background-image: url(../images/bg_img/ribbon-footer.png);
	background-color: #221e1f;
}
#rep {
	width:80%;
	max-width: 42.5em;
	margin:auto;
}
header .title {
	padding: 0 2.5vw;
	display:flex;
	display:-webkit-flex;
	display:-moz-flex;
	-webkit-flex-wrap: no-wrap;
	-moz-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
    justify-content: space-between;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
}
header .army {
	margin: auto;
}
header .army > img{
	width:12vw;
	max-width: 5.6875em;
}
header .peo_logos {
	margin: auto;
}
header .peo_logos > img{
	width:14vw;
	max-width: 7em;
}
header .main_header {
	height: auto;
	min-width:0;
	width: 42vw;
	margin:auto;
}
header address {
	width: 23vw;
	max-width: 11.25em;
	margin:auto;
}
header address > ul li {
	height:1.5625em;

}
header h1 {
	font-size: 2em;
}
header h2 {
	font-size: 1em;
}
header nav ul li a.moble {
	display:none;
}
header nav ul li ul li.moble {
	display: inline;
}
label.main_menu_options {
	display: inline-block;
}
label.main_menu_options:after {
	content: "+";
	font: 1.5em sans-serif;
	color: inherit;
	position: absolute;
	right: .25em;
	top: .3125em;
}
input.main_menu_options:checked ~ label.main_menu_options:after {
	content: "-";
	color: inherit;
	position: absolute;
    right: .325em;
	top: .275em;
}
input.main_menu_options:checked ~ label.main_menu_options {
	color: #000;
	background-color: #ffd200;
}
input#menu_options_about:checked ~ ul, input#menu_options_leadership:checked ~ ul, input#menu_options_organization:checked ~ ul, input#menu_options_partners:checked ~ ul, input#menu_options_other:checked ~ ul {
	display: block;
	background-color: #c8c7c7;
	border-bottom: .1667em solid #6f1200;
	border-top: .1667em solid #6f1200;
	left:0;
	margin-left: -.125em;
	max-width:none;
	position: absolute;
	width:100vw;
	z-index: 99;
}
header nav ul > li {
	font-size: 0.75em; /*16 X 0.75em is a font size of 12pt*/
	min-width: 0;
}

header nav ul ul > li a { /* all Em's are based off font size 12pt*/ 
	color: #000;
	background-color: #c8c7c7;
	padding: .75em 2.125vw .75em 2.125vw;
	padding: .8333em 1.6667em .8333em 1.6667em;
	font-size:1.333em;
}
footer .wrap {
	position: relative;
	padding: 7.5em  .625em  .625em .625em;
	width: 100%;
	height: auto;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	background-color:transparent;
}
footer .links {
	height: auto;
	width:85vw;
	margin: auto;
	padding:0;
	padding-top:1.25em;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-justify-content:space-between ;
	-moz-justify-content:space-between ;
	justify-content:space-between ;
	
}

footer .links > ul {
	width: 14vw;
	margin: 0 auto;
	padding:0;
}
footer ul li address > ul li {
	height:1.5625em;
	width:1.5625em;
}
footer address {
	position: absolute;
	line-height: normal;
	left: 0;
	top: 2em;
	width:100%;
	text-align: center;
	margin:0;
	padding:0;
	font-size:1em
}
footer .required {
	height: auto;
	width: 100%;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	margin-top:1em;
	display: inline-flex;
	justify-content:center;
	
}
footer .required ul {
	margin:0;
	padding:0;
	font-size: .75em; /* 12 x .1em font size 12pt*/
	-webkit-justify-content: center;
    justify-content: center;
	-moz-justify-content: center;
}
footer .required ul li{
	margin-bottom: .125em;
	padding: 0 1.125em 1em 1.125em;
}
footer .army {
	width:20vw;
	max-height: 115px;
	max-width:91px;
	position:absolute;
	top: 2em;
	left:10%;
}
footer .asaalt {
	margin:0;
	padding:0;
	width:20vw;
	max-height: 85px;
	max-width:97px;
	position:absolute;
	top: 2em;
	right:10%;
}
/* Section 4.1 Content */ 
#content {
	width: 100%;
	position:relative;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../images/bg_img/ribbon_content-mobile.png);
	background-color: #efefef;
}
#content .wrap {
	width: 100%;
	position:relative;
	min-height: 0;
}
#content #container {
	width: auto;
	margin:auto; 
	display: block;
	padding: 1em 0 0 0;
}
#content #container hr {
	width: auto;
	margin: 1em auto 1em auto;
}
/* Section 4.1.1 Contnet Articles */
#content .wrap article.no-side {
	width:100%;
	padding: 0;
	margin: 0;
}
#content article {
	width:70%;
	padding: 0;
	margin: 0;
}
article section {
	width:100%;
	padding: 0 0.7143em 1.5em .7143em;
}
#content p {
	padding:0;
}
.columns {
	width: 100%;
	padding:0;
	margin:auto;
}
/* Section 4.1.2 Contnet Aside */
#content aside {
	width:30%;
	max-width: 15.625em;
	margin:0;
}
section.slider {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
}

.columns:first-child  {
	width:100%;
	margin:auto;
	max-width: 29.6875em;
}

/* Section 4.2 Content Nav */	

label.fp_tab, label.pmts_tab, label.pli_tab, label.jltv_tab, label.eess_tab {
	display: inline-block;
	height: 6.666em;
	width: 7.25em;
	padding: 0 .5em .4166em .5em;
	background-image:none;
	background-size: contain;
	background-repeat: no-repeat;
	color: #000;
	transition: color .3s ease-in-out;
	cursor: pointer;
	user-select: none;
	margin: 0;
	z-index:99;
}
input#fp_menu:checked ~ ul.fp, input#pmts_menu:checked ~ ul.pmts, input#pli_menu:checked ~ ul.pli, input#jltv_menu:checked ~ ul.jltv, input#eess_menu:checked ~ ul.eess {
	height: auto;
	display:block;
}
input#fp_menu_tab:checked ~ ul.fp, input#pmts_menu_tab:checked ~ ul.pmts, input#pli_menu_tab:checked ~ ul.pli, input#jltv_menu_tab:checked ~ ul.jltv, input#eess_menu_tab:checked ~ ul.eess {
	display:block;
}
input#fp_menu:checked ~ ul.fp, input#pmts_menu:checked ~ ul.pmts, input#pli_menu:checked ~ ul.pli, input#jltv_menu:checked ~ ul.jltv, input#eess_menu:checked ~ ul.eess {
	display:none;
	
}
#content nav {
	height: auto;
	width:100%;
	position:relative;
}

#content nav ul {
	list-style-type: none; /* this line makes it so there is no list format "bullets" */
	padding: 0;
	margin: 0;
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-moz-justify-content: space-between;
}
#content nav ul li > a.pm {
	display:none;
}
#content nav ul li label {
	width:18vw;
}
#content nav ul li label .pm { /*  changes the pm LI to look like the buttons from web */
	display: inline-block;
	text-align: center;
	padding: 0;
	padding: .333em .4166em .4166em .4166em;
	width: auto;
	height: auto;
	font-weight: normal;
	color: inherit;
	border-right: none;
	font-weight: bolder;
	font-style: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: auto;
}
#content nav ul li label .pm > img {
	padding: 0 .5em .4166em .5em;
	height: 6.666em;
	width: 7.25em;
}

/* Section 4.2.3 Content Sub Nav Dropdown 1st Level */
#content nav ul ul {
	border: none;
	z-index: 999; /* makes it so drop down doesnt go behind body text and other page elements*/
	width:100vw;
	position:absolute;
	background-color: #c8c7c7;
	left: 0;
	border-top: .25em solid #6f1200;
}
#content nav ul ul li {
	display: inline-block;
	border:none;
	margin: 0;
	width:100vw;
	padding:0;
	font-size:1.25em;
}
#content nav ul li > ul li:first-child a {
	color: #6f1100;
	background-color: #a8996e;
	border-bottom: #000 solid .25em;
}
#content nav ul li ul li a {
	background-color: #c8c7c7;
	height: auto;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border:none;
}
#content nav ul ul li:last-child a {
	color: #000;
	background-color: #c8c7c7;
	width: auto;
	height: auto;
	text-align: left;
	box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: none;
	border-bottom: .25em solid #6f1200;
}
#content nav ul ul li a {
	color: #000;
	padding: .8333em 1.666em .8333em 1.666em;
	background-color: #c8c7c7;
	width: auto;
	height: auto;
	text-align: left;
	box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-right: none;
}
/* Section 5 Classes */
p.caption {
	display:none;
}
.wrap {
	width: 100%;
	margin: auto;
}
.peo_logos {		/* PEO/PM/PdM/PD's logos */
	margin: 0 2.0833em 0 .8333em;
}
.pm_menu {
	height: 100%;
	display: block;
	vertical-align: top;
	padding: 0;
}
.sub_logo {
	height: auto;
	width: 16.666;
	margin: 0 3.1666em 0 3.1666em;
}

.fb-page {
	margin: 0 .8333em 0 .8333em;
}
/* Section 5.1 Classes Social Media buttons */
.media {
	text-align-last: left;
	margin: .8333em 0 0 0;
	list-style-type: none;
	padding: 0;
}
.facebook {
	background-size: contain;
}
.facebook:hover {
	background-size: contain;
}
.twitter {
	background-size: contain;
}
.facebook:active {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-facebook-blue.png);
	background-size: contain;
}
.twitter:active {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-twitter-blue.png);
	background-size: contain;
}
.flickr:active {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-flickr-blue.png);
	background-size: contain;
}
.rss_feed:active {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/bg_img/social-rss-blue.png);
	background-size: contain;
}
.hidden_text {
	text-indent: -833.25em;
	height: 2.0833em;
	width: 2.0833em;
	display: inline-block;
	margin: .8333em 0 0 0;
}
.hidden_header {
	display: none;
}

.disclamier {
	padding: .5em .75em;
	font-size:.75em
}
}


@media screen 
			and (min-width: 0px) 
			and (max-width: 1030px){ /*Cell phones */
p img {
	width:auto;
}
			}
.lightbox {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.75);
  font-size:medium;
}			
	@media screen and (min-width: 1030px) {		
/* Light box */
/* Add animation (Chrome, Safari, Opera) */
@-webkit-keyframes example {
    from {top:-100px;opacity: 0;}
    to {top:0px;opacity:1;}
}

/* Add animation (Standard syntax) */
@keyframes example {
    from {top:-100px;opacity: 0;}
    to {top:0px;opacity:1;}
}

/* The modal's background */
/* Add animation (Chrome, Safari, Opera) */
@-webkit-keyframes example {
    from {top:-100px;opacity: 0;}
    to {top:0px;opacity:1;}
}

/* Add animation (Standard syntax) */
@keyframes example {
    from {top:-100px;opacity: 0;}
    to {top:0px;opacity:1;}
}

/* The modal's background */


/* Display the modal when targeted */
.lightbox:target {
  display: table;
  position: fixed;
}

/* The modal box */
.lightbox-dialog {
  display: table-cell;
  vertical-align: middle;
}
.lightbox-gallery {
	cursor:zoom-in;
}
/* The modal's content */
.lightbox-dialog .lightbox-content {
	display:block;
	margin: auto;
  background-color: #f3f3f3;
  position: relative;
  padding: 0;
  outline: 0;
  text-align:center;
  width:80%;
  box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, 0.2), 0 0.375em 1.25em 0 rgba(0, 0, 0, 0.19);

  /* Add animation */
  -webkit-animation-name: example; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
  animation-name: example;
  animation-duration: 0.5s;
}

/* The button used to close the modal */
.lightbox #lightbox-header .closebtn, .lightbox #lightbox-header a.closebtn:visited {
  text-decoration: none;
  position:absolute;
  right:1em;
  font-size: 2.1875em;
  font-weight: bold;
  color: #6f1200;
}
.lightbox #lightbox-header a:hover {
  color: #000000;
}

.lightbox .lightbox-container {
  padding:1em;
}

.lightbox #lightbox-header.lightbox-container {
  background-image:none;
  font-size: 1em;
  padding:.25em;
  margin:0;
  background-color:#A8996E;
}

.lightbox #lightbox-footer.lightbox-container {
  font-size: .95em;
  color: #ffffff;
  background-image:none;
  margin:0;
  padding: 1em 0;
  background-color: #221E1F;
}
.lightbox #lightbox-footer > a, .lightbox #lightbox-footer a:visited {
  color: #ffffff;
  font-weight: normal; 
  font-family: "Verdana", Geneva, sans-serif;
}
.lightbox #lightbox-footer a:focus, .lightbox #lightbox-footer a:hover {
  color: #A8996E;
	}