/* RANGES
0 - 767 - Mobile (DEFAULT)
768 - 992 - Tablet
993 - 1199 - Standard desktop
1200+ - Large screen desktops
*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

html, body{
	overflow-x:hidden;
	font-family:Verdana,sans-serif;
	font-size:100%;
	line-height:150%
}
html{box-sizing:border-box}
*,*:before,*:after{
	box-sizing:inherit
}

/* BACKGROUND COLORS */
.bg-black {
	background-color: #000000;
	color: #ffffff;
}
.bg-white {
	background-color: #ffffff;
	color: #000000;
}
.bg-onggray {
	background-color: #cccccc;
	color: #000000;
}.bg-ongblue {
	background-color: #333366;
	color: #ffffff;
}
.bg-ongred {
	background-color: #8B0000;
	color: #8B0000;
}
.bg-onggold {
	background-color: #FFD700;
	color: #000000;
}
.bg-ongpurple {
	background-color: #9932CC;
	color: #000000;
}

/* FONT COLORS */
.onggray {
	color: #C0C0C0;
}
.dkgray {
	color: #808080;
}
.ongblue {
	color: #333366;
}
.ongred {
	color: #8B0000;
}
.onggold {
	color: #FFD700;
}
.purple {
	color: #800080;
}
.teal {
	color: #047681;
}
.dark-teal {
	color: #044548;
}
/* TYPE STYLES */
/* establish firm base size on body tag (default if it's not marked up at all) - set as what you want your p tag to be minus padding/weight/ital etc... stick with web-safe fonts */

body {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	}
h1 {
	font-family:"Segoe UI", Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:225%;
	font-stretch:condensed;
	font-style:normal;
	font-weight:bold;
	}
h2 {
	font-family:"Segoe UI", Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:188%;
	font-stretch:condensed;
	font-style:normal;
	font-weight:bold;
	}
h3 {
	font-family:"Segoe UI", Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:150%;
	font-weight:bold;
	font-stretch:condensed;
	}
h4 {
	font-family:"Segoe UI", Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:125%;
	font-weight:bold;
	font-stretch:condensed;
	}
h5 {
	font-family:"Segoe UI", Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:88%;
	line-height:100%;
	font-weight:bold;
	font-stretch:condensed;
    letter-spacing:-20%;
	}
p {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height:150%;
	font-stretch:normal;
	}
ul.bullet 
	{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	list-style-type: disc;
	margin-left: 5px;
	padding-bottom: 10px;
	}
ol.bullet 
	{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: 5px;
	padding-bottom: 10px;
	}
li	{
	padding-bottom: 5px;
	}

/* LINE HEIGHT */
.lh125
	{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height: 125%;
	font-stretch:none;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	}
.lh200
	{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height: 200%;
	font-stretch:none;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	padding-bottom:10px;
	}
/* READ MORE & UNIT LINKS */
.readmore
	{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height: 100%;
	font-stretch:ultra-condensed;
	font-style:normal;
	font-weight:bold;
	text-transform:none;
	}

/* Photo credits */
.credit
	{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:88%;
	line-height: 100%;
	font-stretch:condensed;
	font-style:italic;
	font-weight:normal;
	text-transform:none;
	padding-top:5px;
	}
/* Cutlines */
figcaption p
	{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:88%;
	line-height: 125%;
	font-stretch:condensed;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	}
.cutline
	{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:88%;
	line-height: 125%;
	font-stretch:condensed;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	}
ul.cutline 
	{
	padding-bottom:5px;
	list-style-type: disc;
	margin-left: -20px;
	}
ol.cutline 
	{
	padding-bottom:5px;
	margin-left: -25px;
	}
/* Text inside the contact list tables */
.snapshot {
	font-size:75%;
    line-height: 125%;
	font-stretch:condensed;
    padding-top:5px;
    }
/* Text inside the contact list tables */
#contacts p{
	font-size:75%;
	font-stretch:condensed;
}
/* Text inside the LEADERSHIP/UNITS row */
#units h4{
	font-size:large;
	font-style:bold;
	font-stretch:condensed;
	}
#units p {
	font-size:medium;
	font-style:normal;
	font-stretch:condensed;
}
/* white text on black backgrounds */
.black-background {
	color:white;
}

.black-card {
	color:white;
	text-align:left;
}


/*  ul controls the bullet*/
.bullet-paragraph {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height:150%;
	font-stretch:normal;
    padding-bottom:10px;
}
.bullet-caption {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:88%;
	line-height: 125%;
	font-stretch:condensed;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
}
ul.bullet {
    padding-left:15px;
	font-weight:normal;
    line-height:125%;
    margin-bottom:5px;
    list-style-type:disc;    
    text-align:left;       
}
ol.bullet {
    padding-left:15px;
	font-weight:normal;
    line-height:125%;
    margin-bottom:5px;
    list-style-type:decimal;
    text-align:left;   
}
li.bullet {
  }
/* align text */
.center {
        text-align: center;
}
.left {
        text-align: left;
}
.right {
        text-align: right;
}
/* wrap text */
.wrapper-left{
	float: left;
}
.wrapper-right{
	float: right;
}
wrapper-50{
	float: left;
}
/* LINKS */
/* Links on unspecified backgrounds  */
a:link 
	{
    color: #333366;
	}
a:visited 
	{
    color: #333366;
	}
a:hover 
	{
    color: #808080;
	}
a:active 
	{
    color: #333366;
	}
/* Links on black backgrounds */
.black_background
{
	background-color: #000000;
	color: #ffffff;
}
.black_background a:link 
	{
    color: #ffffff;
	text-decoration:none;
	}
.black_background a:visited 
	{
    color: #808080;
	}
.black_background a:hover 
	{
    color: red;
	text-decoration:underline;
	}
.black_background a:active 
	{
    color: red;
	}	
/* Links on other dark  backgrounds */
.dark-mode
{
	color: #ffffff;
}
.dark-mode a:link 
	{
    color: #ffffff;
	text-decoration:none;
	}
.dark-mode a:visited 
	{
    color: #DADAE1;
	}
.dark-mode a:hover 
	{
    color: #FCCE55;
	text-decoration:underline;
	}
.dark-mode a:active 
	{
    color: red;
	}	
/* Links on other dark  backgrounds */
.dark-background
{
	color: #ffffff;
}
.dark-background a:link 
	{
    color: #ffffff;
	text-decoration:none;
	}
.dark-background a:visited 
	{
    color: #DADAE1;
	}
.dark-background a:hover 
	{
	text-decoration:underline;
	}
.dark-background a:active 
	{
    color: red;
	}	
	
/* RESPONSIVE CLASSES  */ 
/* images */
.container  .img-responsive {
display: block;
width: 100%;
max-height: auto;
}
/* iframes */
.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.iframe-container iframe {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* video */
.video-responsive {
	overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
	height: 100%;
	width: 100%;
	position: absolute;
}

/* POSITIONING & RESIZINING */ 
.left {
	float: left;
	padding: 0 20px 20px 0;
}
.right {
	float: right;
	padding: 0 0 20px 20px;
}
.center {
	width:100%;
  	margin-left:auto;
  	margin-right:auto;
}
.resize75 {
	max-width:75%;
  	max-height:75%;
}
.resize50 {
	max-width:50%;
  	max-height:50%;
}
.resize25 {
	max-width:25%;
  	max-height:25%;
}

/* BUTTONS */
a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color:#333366;
	font-color:#ffffff;
}
.ac-large
{
  font-family: Arial;
  font-size: 150%;
  font-weight:bold;
}

/* NAVBAR MEGA MENU (TOP MAIN ON ALL PAGES) */
.navbar {
  margin-bottom: 0px;
  position:inherit;
  overflow: hidden;
  background-color: #000;
  font-family: Arial;
  display: inline-block;
}
/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 100%;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}
/* overrides bootstraps .dropup fixed to relative" */
.dropdown, .dropup {
    position: inherit; 
}
/* Dropdown button */
.dropdown .dropbtn {
  font-size: 150%; 
  border: none;
  outline: none;
  color: white;
  padding: 14px 12px;
  background-color: black;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}
/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
  margin-top:1px;
  margin-left:10%;
  margin-right:10%;
  display: none;
  position:absolute;
  background-color: #C0C0C0;
  width: 80%;
  left: 0;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 999;
}
/* Mega Menu header, if needed */
.dropdown-content .header {
  background: red;
  padding: 16px;
  color: white;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
/* Create three equal columns that floats next to each other */
.column {
  float: left;
  padding-left: 5%;
  padding-right: 2%;
  padding-bottom: 5%;
  width: 25%;
  /*background-color: #ccc;*/
  /*height: 250px;*/
}

/* Subheads */
.column h2 {
	font-weight:bold;
	font-size:80%;
    text-align:left;  
    margin-bottom:.25em ;
}
.column ul{
    padding-left: 0;
}
.column li{
 	font-weight:normal;
    font-size:75%;
    line-height:100%;
    margin-bottom:.25em ;
    list-style-type:disc;
    text-align:left;   
}

/* Style links inside the columns on megameun*/
.column a  {
  float: none;
  color: black;
  padding: 1px;
  text-decoration: none;
  display: block;
  text-align: left;
}
/* Add a background color on hover }*/
.column a:hover {
  background-color: #C0C0C0;
  color: red;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* SECONDARY NAVBAR (photo archives) */
.dropbtn {
  background-color: #ffffff;
  color: #000;
  padding: 16px;
  font-size: 100%;
  border: none;
  cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.secondarydropdown {
  position: relative;
  display: inline-block;
  background-color: #ffffff;
}
/* Dropdown Content (Hidden by Default) */
.secondarydropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
/* Links inside the dropdown */
.secondarydropdown-content a {
  color: black;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */
.secondarydropdown-content a:hover {
	background-color: #C0C0C0
	}
/* Show the dropdown menu on hover */
.secondarydropdown:hover .secondarydropdown-content {
  display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.secondarydropdown:hover .dropbtn {
  background-color: #ffffff;
}
/* MEGA MENU - Responsive layout - makes the three columns stack on top of each other instead of next to each other  */
@media screen and (max-width: 767px) {
    .column {
    width: 100%;
    height: auto;
  }
}
/* END MEGA MENU */

/* FOOTER */
footer{
}

/* MEDIA OVERRIDES FOR FONTS/IMAGES/ETC  - DESKTOP IS DEFAULT  */
/* MOBILE 
@media (max-width: 767px) {
h1, h3 {color:#000000 !important;}
}
*/
/*TABLET 
@media (max-width: 991px) {
h1, h3 {color:#000000 !important;}
}
*/

/*CAROUSEL CUSTOM & SECONDARY OVERIDES on HOME with thumbnails */
/* BASIC CAROUSEL OVERRIDES FROM BOOTSTRAP */

	
/* Links inside carousels on white backgrounds */	
#mywhite-carousel a:link 
	{
    color: #ffffff;
	text-decoration:none;
	}
#mywhite-carousel a:visited 
	{
    color: #808080;
	}
#mywhite-carousell a:hover 
	{
    color: #ffffff;
	text-decoration:underline;
	}
#mywhite-carousel a:active 
	{
    color: #808080;
	}	
/* CAROUSEL - CUSTOM  THUMBNAIL INDICATORS  MAIN SLIDER ON HOME PAGE */
#carousel-custom {
    width: 100%;
}
#carousel-custom .carousel-indicators {
	margin: 0px;
    overflow: auto;
    position: static;
    /*text-align: left;*/
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
}
.carousel-caption {
	 background-color:#000; 
	 position:static; 
	 padding:20px;
	 text-align:left;
	 }
/* Links inside carousels on black backgrounds (standard)check changes with custom caraousel */
#carousel-custom a:link 
	{
    color: #ffffff;
	text-decoration:none;
	}
#carousel-custom a:visited 
	{
    color: #F1F3F3;
	}
#carousel-custom a:hover 
	{
    color: #ffffff;
	text-decoration:underline;
	}
#carousel-custom a:active 
	{
    color: #F1F3F3;
	}	
	
/* Removes thumbnails on all media less than fulle screen at 1200px */
@media screen and (max-width: 1199px) {
    #carousel-custom #thumbnails{
    display: none;
  }
      #carousel .carousel-indicators{
    display: none;
  }
}

/* CAROUSEL CUTLINES - links on rest of site pages /
.carousel-caption {
	 background-color:#000; 
	 position:static; 
	 padding:20px;
	 text-align:left;
	 }
/* Links inside carousels on all inside pages - overrrodes bootstrap "mycarousel   */
#mycarousel a:link 
	{
    color: #ffffff;
	text-decoration:none;
	}
#mycarousel a:visited 
	{
    color: #808080;
	}
#mycarousel a:hover 
	{
    color: #ffffff;
	text-decoration:underline;
	}
#mycarousel a:active 
	{
    color: #808080;
	}	

/* MOVE CHEVRONS ON ALL CAROUSELS TO TOP */
.carousel-control .glyphicon-chevron-left{
	top: 5% !Important;
	}
.carousel-control .glyphicon-chevron-right{
	top: 5% !Important;
	}
.carousel-control {
	bottom:20% !Important;
}

/* HORIZONTAL CARD SCROLL  (ie  #knowyourmil */
		.horizontal-scrollable > .row { 
			overflow-x: auto; 
			white-space: nowrap; 
		} 
		.horizontal-scrollable > .row > .col-xs-2 { 
			display: inline-block; 
			float: none; 
		} 
		.horizontal-scrollable > .row > .col-xs-1 { 
			display: inline-block; 
			float: none; 
		} 
/* Decorations */ 
		.col-xs-2 { 
			vertical-align:top;
			padding: 5px 5px; 
		} 
		.col-xs-2 p{ 
			color: white; 
			font-size:63%;
			text-align:left;
		} 
		.col-xs-1 { 
			vertical-align:top;
			padding: 5px 5px; 
		}
		.col-xs-1 p { 
			color: white; 
			font-size:50%;
			text-align:left;
		} 		
		.p-white { 
			color: black !important; 
			font-size:63%;
			text-align:left;
		} 
/* height */
::-webkit-scrollbar {
  height: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: black;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: red;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: red;
}

/* MOBILE (default)*/
.col-xs-2{width:50%; margin-right:0px !Important;}
.col-xs-1{width:33.3%; margin-right:0px !Important;}
#ong-links {display:none;}
#header-row {display:none;}
#header-row-mobile {display:block;}

/* TABLET */
@media (min-width:768px){
.col-xs-2{width:25%}
.col-xs-1{width:16.6667%}
#ong-links {display:none;}
#header-row {display:none;}
#header-row-mobile {display:block;}
}

/* DESKTOP */
@media (min-width:993px){
.col-xs-2{
	width:16.6667%}
.col-xs-1{
	width:8.333%}
#ong-links {display:block;}
#header-row {display:block;}
#header-row-mobile {display:none;}
#menu-container {display:none;}
}

/* HEADER RESIZE FOR MEMBER HEADERS */
#main-img {
    background-image: url(/members/resources/ong-member-header-mobile.png);
    height: 100px;
    background-size: contain;
	background-repeat: no-repeat;
    background-repeat-x: no-repeat;
	background-repeat-y: no-repeat !Important;
} 

@media screen and (min-width: 600px) {      
    #main-img{      
    	background-image: url(/members/resources/ong-member-header.png);
		background-size: contain;
		height: 100px !Important;
	    background-repeat: no-repeat;
    	background-repeat-y: no-repeat !Important;
    	background-repeat-x: no-repeat !Important;
    } 
} 

@media screen and (min-width: 768px) {      
    #main-img{      
    	background-image: url(/members/resources/ong-member-header.png);
		background-size: contain;
		height: 170px !Important;
	    background-repeat-y: no-repeat;
    	background-repeat-x: no-repeat;
    } 
} 

/* HEADER RESIZE FOR ADJ_GEN_DEPT HEADERS */
#adj-img {
    background-image: url(/members/resources/adj-header-mobile.png);
    height: 100px;
    background-size: contain;
	background-repeat: no-repeat;
    background-repeat-x: no-repeat;
	background-repeat-y: no-repeat !Important;
} 

@media screen and (min-width: 600px) {      
    #adj-img{      
    background-image: url(/members/resources/adj-header.png);
		background-size: contain;
		height: 100px !Important;
	    background-repeat: no-repeat;
    	background-repeat-y: no-repeat !Important;
    	background-repeat-x: no-repeat !Important;
    } 
} 

@media screen and (min-width: 768px) {      
    #adj-img{      
    background-image: url(/members/resources/adj-header.png);
		background-size: contain;
		height: 170px !Important;
	    background-repeat-y: no-repeat;
    	background-repeat-x: no-repeat;
    } 
} 
/* LIGHTBOX ONLY - FOR PHOTO GALLERIES WITH CAPTIONS 
SET UP AT MOBILE FOR DEFAULT --- Change media queries to MAX not min later for consistency */
/* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */

.w3-serif{font-family:serif}
.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative;}
.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;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.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s2{width:50%;}
.w3-rest{overflow:hidden}
.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}
.w3-content{max-width:980px}
.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}
.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}
.w3-cell-middle{vertical-align:middle}
.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50px;left:0%;transform:translate(0%,-50px);-ms-transform:translate(-0%,-50px)}
.w3-display-right{position:absolute;top:50px;right:0%;transform:translate(0%,-50px);-ms-transform:translate(0%,-50px)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:5px 5px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
/* FONTS IN CUTLINES */
.w3-display-container h3{font-size: 88% !important; font-weight:strong;}
.w3-display-container p {font-size:63% !important;}
.w3-display-container a:link {color:#ffffff !important;}
.w3-display-container a:visited {color:#808080 !important;}
.w3-display-container a:hover {color:red !important;}
.w3-display-container a:active {color:red !important;}

/* TABLET */
@media (min-width:768px){
.w3-col.s2{width:25%}
.w3-display-container h3{font-size:88% !important;}
.w3-display-container p {font-size:75% !important;}
/*.w3-col.s1{width:.1666%}*/
/*.w3-col.s1-display-container h3{font-size: 12px !important;}*/
/*.w3-col.s1-display-container p {font-size:10px !important;}*/
}
/* DESKTOP */
@media (min-width:993px){
.w3-col.s2{width:16.6667%}
.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}
.w3-display-container h3{font-size:150% !important;}
.w3-display-container p {font-size:100% !important;}
/*.w3-col.s1{width:.0833%}*/
.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}
/*.w3-col.s1-display-container h3{font-size: 24px !important;}*/
.w3-display-container p {font-size:100% !important;}
.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}
.w3-display-container h3{font-size:150% !important;}
.w3-display-container p {font-size:100% !important;}
}
	
@media (max-width:600px){
.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile .w3-button{width:100%}}

@media (max-width:768px){
.w3-modal-content{width:500px}
.w3-modal{padding-top:50px}
}

@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}

@media (max-width:1205px){
.w3-auto{max-width:95%}}
/*END LIGHTBOX */


@media (min-width:1400px){
.dropdown-content{max-width: 1100px;margin-left: 14%;}
}

@media (min-width:1600px){
.dropdown-content{max-width: 1120px;margin-left: 17%;}
}

@media (min-width:1800px){
.dropdown-content{max-width: 1060px;margin-left: 23%;}
}

@media (min-width:2000px){
.dropdown-content{max-width: 1140px; margin-left: 25%;}
}

@media (min-width:2200px){
.dropdown-content{max-width: 1000px;margin-left: 30%;}
}

/* GSE OVERRIDES FOR SEARCH BOX */
.cse .gsc-control-cse,
.gsc-control-cse {
padding: 0px !important;
	background-color:#b4b4b8 !important;
	border-style:none !important;
	position:absolute !important;
	right:0px !important;
	width:50% !important;
}
.gsc-search-box
{
	background-color:#b4b4b8 !important;
}
td#gs_tti50
{
padding: 0px !important;
}

/* HAMBURGER MENU */
#menu-wrapper {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
}
#menu-wrapper #hamburger-menu {
    position: relative;
    width: 25px;
    height: 20px;
    margin: 15px;
}
#menu-wrapper #hamburger-menu span {
    opacity: 1;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 10px;
    color: black;
    background-color: blue;
    position: absolute;
    transform: rotate(0deg);
    transition: .4s ease-in-out;
}
#menu-wrapper #hamburger-menu span:nth-child(1) {
    top: 0;
}
#menu-wrapper #hamburger-menu span:nth-child(2) {
    top: 9px;
}
#menu-wrapper #hamburger-menu span:nth-child(3) {
    top: 18px;
}
#menu-wrapper #hamburger-menu.open span:nth-child(1) {
    transform: translateY(9px) rotate(135deg);
}
#menu-wrapper #hamburger-menu.open span:nth-child(2) {
    opacity: 0;
    transform: translateX(-60px);
}
#menu-wrapper #hamburger-menu.open span:nth-child(3) {
    transform: translateY(-9px) rotate(-135deg);
}
#menu-container .menu-list .menu-submenu {
    padding-top: 10px;
    padding-bottom: 10px;
}
#menu-container .menu-list {
    padding-left: .5;
    padding-right: 1;
    display: block;
    position: absolute;
    width: 100%;
    max-width: 450px;
    background: white;
    box-shadow: rgba(100,100,100,0.2) 6px 2px 10px;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    left: -100%;
}
#menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login {
    font-size: 100%;
    padding: 5px;
    text-transform: uppercase;
    border-top: 1px solid #333366;
}
#menu-container .menu-list li:first-of-type {
    border-top: 0;
}
.accordion-toggle, .accordion-content {
    cursor: pointer;
    font-size: 100%;
    position: relative;
    letter-spacing: 0px;
}
.accordion-content {
    display: none;
}
.accordion-toggle a:before, .accordion-toggle a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 15px;
    height: 2px;
    margin-top: -1px;
    background-color: #5a5858;
    transform-origin: 50% 50%;
    transition: all 0.3s ease-out;
}
.accordion-toggle a:before {
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2;
}
.accordion-toggle.active-tab {
  background: #b4b4b8;
  transition: all 0.3s ease;
}
.accordion-toggle a.active:before {
    transform: rotate(0deg);
    background: #333366 !important;
}
.accordion-toggle a.active:after {
    transform: rotate(180deg);
    background: #fff !important;
    opacity: 0;
}

/* CONTACT - ALTERNATIVE TO TABLE -- Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #ffffff;
  color: #444;
  cursor: pointer;
  padding: 2px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 100%;
  transition: 0.4s;
  display: block;
  font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height:125%;
  font-stretch:condensed;
  font-style:normal;
  font-weight:bold;
  text-transform:none;
  }
.active, .accordion:hover {
  background-color: #ffffff;
}	
.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.accordionactive:after {
  content: "-"; 
}
.panel {
  padding: 0 2px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel p
	{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height:125%;
	font-stretch:condensed;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	}

/* ACCORDIAN MENUES FOR REGULAR BODY TEXT (IE: MESSAGES ON TAGpage) */
.accordion-body {
  background-color: #ffffff;
  color: #444;
  cursor: pointer;
  padding: 2px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 200%;
  transition: 0.4s;
  display: block;
  font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height:125%;
  font-stretch:condensed;
  font-style:normal;
  font-weight:bold;
  text-transform:none;
  }
.active, .accordion-body:hover {
  background-color: #e7e6e7;
  }	
.accordion-body:after 
  {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  }
  .accordion-bodyactive:after {
  content: "-"; 
}
  .panelbody {
  padding: 0 2px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panelbody p
	{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:125%;
	line-height:150%;
	font-stretch:condensed;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	}


/*  MEMBER SUBSITE  */

body.member {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	}
h1.member {
	font-family:"Segoe UI", Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:150%;
	font-stretch:condensed;
	font-style:normal;
	font-weight:bold;
	}
h2.member {
	font-family:"Segoe UI", Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:125%;
	font-stretch:condensed;
	font-style:normal;
	font-weight:bold;
	}
h3.member {
	font-family:"Segoe UI", Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	font-weight:bold;
	font-stretch:condensed;
	}
h4.member {
	font-family:"Segoe UI", Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:88%;
	font-weight:bold;
	font-stretch:condensed;
	}
p.member {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:88%;
	line-height:150%;
	font-stretch:normal;
	}
ul.member
	{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	list-style-type: disc;
	margin-left: 5px;
	padding-bottom: 10px;
	}
ol.member
	{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: 5px;
	padding-bottom: 10px;
	}
li.member	{
	padding-bottom: 5px;
	}

/* ORIGINAL TABLE FOR AGR AND TECHNICIANS JOB POSTS */
.job-head {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height: 125%;
	font-stretch:none;
	font-style:normal;
	font-weight:bold; /*normal*/
	text-transform:none;
	}    
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #202556; 
  color: white; 
  font-size: 100%;
  font-weight: bold; 
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-stretch: extra-condensed;
  vertical-align: middle;
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  font-size: 100%;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-stretch: extra-condensed;
  text-align: left; 
  vertical-align: text-top;
}
/*
Max width before this PARTICULAR table gets nasty. 
This query will take effect for any screen smaller than 760px and also iPads specifically.
*/
	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

/* Hide table headers (but not display: none;, for accessibility) */
thead tr 
{
position: absolute;
top: -9999px;
left: -9999px;
}
tr 
{
margin: 0 0 1rem 0;
}
tr:nth-child(odd) 
{
background: #ccc;
}
td 
{
/* Behave  like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 30%;
}
td:before 
{
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 5px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* Label the data - keep HTML and CSS in sync. */
		td:nth-of-type(1):before { content: "Vacancy:"; }
		td:nth-of-type(2):before { content: "Job #:"; }
		td:nth-of-type(3):before { content: "Unit:"; }
		td:nth-of-type(4):before { content: "Local:"; }
		td:nth-of-type(5):before { content: "Closes "; }
	}

/* TABLE FOR TRADITIONAL AIR GUARD JOBS POSTS */
.traditional
{
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height: 125%;
	font-stretch:none;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	}
.traditional table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
.traditional tr:nth-of-type(odd) { 
  background: #f5f5f5; 
}
.traditional th { 
  background: #202556; 
  color: white; 
  font-size: 100%;
  font-weight: bold; 
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-stretch: extra-condensed;
  vertical-align: middle;
}
.traditional td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  font-size: 100%;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-stretch: extra-condensed;
  text-align: left; 
  vertical-align: text-top;
}
/*
Max width before this PARTICULAR table gets nasty. 
This query will take effect for any screen smaller than 760px and also iPads specifically.
*/
@media
only screen 
and (max-width: 760px), (min-device-width: 768px) 
and (max-device-width: 1024px)  {

/* Force table to not be like tables anymore */
.traditional table, thead, tbody, th, td, tr {
			display: block;
		}

/* Hide table headers (but not display: none;, for accessibility) */
.traditional thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.traditional tr {
margin: 0 0 1rem 0;
}
.traditional tr:nth-child(odd) {
background: #ccc;
}
.traditional td {
/* Behave  like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 15%;
}
.traditional td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 5px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* Label the data - keep HTML and CSS in sync. */
.traditional td:nth-of-type(1):before { content: "Vacancy:"; }
.traditional td:nth-of-type(2):before { content: "Rank:"; }
.traditional td:nth-of-type(3):before { content: "Unit:"; }
.traditional td:nth-of-type(4):before { content: "Job #:"; }
.traditional td:nth-of-type(5):before { content: "Closes:"; }
	}

/* TABLE FOR POLICIES 
.policy {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height: 125%;
	font-stretch:none;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	}
.policy table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping 
.policy tr:nth-of-type(odd) { 
  background: #ccc; 
}
.policy th { 
  background: #000; 
  color: white; 
  font-size: 100%;
  font-weight: bold; 
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-stretch: extra-condensed;
  vertical-align: middle;
}
.policy td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  font-size: 100%;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-stretch: extra-condensed;
  text-align: left; 
  vertical-align: text-top;
}
/*
Max width before this PARTICULAR table gets nasty. 
This query will take effect for any screen smaller than 760px and also iPads specifically.

@media
only screen 
and (max-width: 760px), (min-device-width: 768px) 
and (max-device-width: 1024px)  {
/* Force table to not be like tables anymore 
.policy table, thead, tbody, th, td, tr {
			display: block;
		}

/* Hide table headers (but not display: none;, for accessibility) 
.policy thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.policy tr {
margin: 0 0 1rem 0;
}
.policy tr:nth-child(odd) {
background: #ccc;
}
/* Behave  like a "row" 
.policy td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 15%;
}
/* Now like a table header 
.policy td:before {
position: absolute;
top: 5px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* Label the data - keep HTML and CSS in sync. */

.policy td:nth-of-type(1):before { content: "Title:"; }
.policy td:nth-of-type(2):before { content: "Eff:"; }
	


/* TABLE FOR 3 columns - NOT IN USE RIGHT NOW
.cngbi {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height: 125%;
	font-stretch:none;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	}
.cngbi table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping *
.cngbi tr:nth-of-type(odd) { 
  background: #f5f5f5; 
}
.cngbi th { 
  background: #202556; 
  color: white; 
  font-size: 100%;
  font-weight: bold; 
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-stretch: extra-condensed;
  vertical-align: middle;
}
.cngbi td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  font-size: 100%;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-stretch: extra-condensed;
  text-align: left; 
  vertical-align: text-top;
}
/*
Max width before this PARTICULAR table gets nasty. 
This query will take effect for any screen smaller than 760px and also iPads specifically.
*
@media
only screen 
and (max-width: 760px), (min-device-width: 768px) 
and (max-device-width: 1024px)  {
/* Force table to not be like tables anymore *
.cngbi table, thead, tbody, th, td, tr {
			display: block;
		}

/* Hide table headers (but not display: none;, for accessibility) *
.cngbi thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.cngbi tr {
margin: 0 0 1rem 0;
}
.cngbi tr:nth-child(odd) {
background: #ccc;
}
/* Behave  like a "row" *
.cngbi td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 15%;
}
/* Now like a table header *
.cngbi td:before {
position: absolute;
top: 5px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* Label the data - keep HTML and CSS in sync. *
.cngbi td:nth-of-type(1):before { content: "COL 1#:"; }
.cngbi td:nth-of-type(2):before { content: "COL 2:"; }
.cngbi td:nth-of-type(3):before { content: "COL 3:"; }
	}

/* TABLE FOR FORMS */
.forms {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height: 125%;
	font-stretch:none;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	}
.forms table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
.forms tr:nth-of-type(odd) { 
  background: #eee; 
}
.forms th { 
  background:#000; 
  color: #fff; 
  font-size: 100%;
  font-weight: bold; 
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-stretch: extra-condensed;
  vertical-align: middle;
}
.forms td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  font-size: 100%;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-stretch: extra-condensed;
  text-align: left; 
  vertical-align: text-top;
}
/*
Max width before this PARTICULAR table gets nasty. 
This query will take effect for any screen smaller than 760px and also iPads specifically.
*/
@media
only screen 
and (max-width: 760px), (min-device-width: 768px) 
and (max-device-width: 1024px)  {
/* Force table to not be like tables anymore */
.forms table, thead, tbody, th, td, tr {
	display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.forms thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.forms tr {
margin: 0 0 1rem 0;
}
.forms tr:nth-child(odd) {
background: #ccc;
}
/* Behave  like a "row" */
.forms td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 15%;
}
/* Now like a table header */
.forms td:before {
position: absolute;
top: 5px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* Label the data - keep HTML and CSS in sync. */
.forms td:nth-of-type(1):before { content: "Form:"; }
	}


/*Acco ACCORDION*/
.ac-container-full {
    max-width: 1200px;
}
.ac-container-full label {
    height: 30px !important;
    line-height: 125% !important;
    font-size: 12px !important;
    font-family: 'Open Sans','Arial Narrow',Arial,sans-serif !important;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 40px;
    cursor: pointer;
    color: #777;
    /*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
    line-height: 33px;
    font-size: 19px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: linear-gradient(top,#fff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 );
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3),1px 0 0 rgba(255,255,255,0.9) inset,0 2px 2px rgba(0,0,0,0.1);
    font-size: 18px;
    font-style: bold;
	height: 30px;
    line-height: 20px;
}
.ac-container-full {
    width: 100%;
	height: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
}
.ac-container-full label:hover {
    background: #fff;
}
.ac-container-full input:checked + label,.ac-container input:checked + label:hover {
    background: #f1f2f3;
    color: #666;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3),0 2px 2px rgba(0,0,0,0.1);
    height: 30px;
    line-height: 21px;
    font-size: 13px;
}
.ac-container-full label:hover:after,.ac-container input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(../images/arrow_down.png) no-repeat center center;
}
.ac-container-full input:checked + label:hover:after {
    background-image: url(../images/arrow_up.png);
}
.ac-container-full input {
    display: none;
}
.ac-container-full article {
    background: rgba(255,255,255,0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}
.ac-container-full article p {
    font-style: normal;
    color: #202556;
    line-height: 23px;
    font-size: 12px;
    padding: 20px;
    /*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
    font: normal normal 12px 'Open Sans';
}
.ac-container-full input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3);
}
.ac-container-full input:checked ~ article.ac-small {
    height: 140px;
}
.ac-container-full input:checked ~ article.ac-medium {
    height: 180px;
}
.ac-container-full input:checked ~ article.ac-large {
    height: 230px;
}

/* FOR COLUMNS */
.ac-container {
    max-width: 1200px;
}
.ac-container label {
    height: 30px !important;
    line-height: 21px !important;
    font-size: 12px !important;
    font-family: 'Open Sans','Arial Narrow',Arial,sans-serif !important;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #777;
    /*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
    line-height: 33px;
    font-size: 19px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: linear-gradient(top,#fff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 );
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3),1px 0 0 rgba(255,255,255,0.9) inset,0 2px 2px rgba(0,0,0,0.1);
    font-size: 18px;
    font-style: bold;
	height: 30px;
    line-height: 20px;
}
.ac-container {
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
}
.ac-container label:hover {
    background: #fff;
}
.ac-container input:checked + label,.ac-container input:checked + label:hover {
    background: #f1f2f3;
    color: #666;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3),0 2px 2px rgba(0,0,0,0.1);
    height: 30px;
    line-height: 21px;
    font-size: 13px;
}
.ac-container label:hover:after,.ac-container input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(../images/arrow_down.png) no-repeat center center;
}
.ac-container input:checked + label:hover:after {
    background-image: url(../images/arrow_up.png);
}
.ac-container input {
    display: none;
}
.ac-container article {
    background: rgba(255,255,255,0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}
.ac-container article p {
    font-style: normal;
    color: #202556;
    line-height: 23px;
    font-size: 12px;
    padding: 20px;
    /*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
    font: normal normal 12px 'Open Sans';
}
.ac-container input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small {
    height: 140px;
}
.ac-container input:checked ~ article.ac-medium {
    height: 180px;
}
.ac-container input:checked ~ article.ac-large {
    height: 230px;
}
.faq {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 125;
}

/* BUTTON COLOR OVERRIDES */
.btn-ongblue
{
	background-color: #333366;
}
.btn-ongred
{
	background-color: #8B0000;
}
.btn-onggold
{
	background-color: #FFD700;
}