/* 

dodger uniform blue       rgb 0, 85, 150  #005A9C 
dodger blue:       rgb 30, 144, 255 
american flag red: rgb 224,22,43 

*/

/* style="color:blue"
CSS Reset

http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, p, a,
em, img, sub, 
b, ol, ul, li,
label,
table, tbody, tr, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

header, section, footer, aside, nav, main, article, figure {
  display: block; 
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
li{
	margin-left: 2em;

}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3, h4, h5 {
	font-family:Georgia, serif ;
/*	font-family:"Bookman Old Style"; */
	font-weight:bold; 

}

h1{
/*	font-weight:bold; */
	font-size:2em;
}
h2{
	font-size:1.6em;
}

h3{
	font-size:1.4em;
}
h4{
	font-size:1.2em;
}
h5{
	font-size:1 em;
}
p{
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	line-height:1.5em;
	margin-bottom:1em;
}

ul{
	list-style-type:disc
}
img {
  max-width: 100%;
  height: auto;
}
a.hyplerlink:visited { color:#c90 }
a:hover, a:focus { color:#666; text-decoration:none }

.btn-group {
	
  display: -webkit-flex;
  display:         flex;
  -webkit-flex-flow: row;
     flex-flow: row;
    flex-wrap: wrap;
    gap: .5em;
}

.btn-group a:link, a:visited {
  background-color: dodgerblue;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
/*  display: inline-block; */
  border-radius:10px;
}

.btn-group a:hover, a:active {
  background-color: #C00000;
}
.btn-group a.hyperlink:visited {color:white}
.btn-group a.hyperlink{
	  box-shadow: rgba(0,0,0,0.6) 0 0 8px;
}
footer {
	background-color:#005A9C; 
	width:100%;
 }
footer p{
	text-align:center;
	color:white;
	font-size:smaller;
	font-weight:bolder;
	padding:1em 0em 1em 0em;
}
footer a{
	text-decoration:none;
	color:white;
}
.style_bold {
				font-weight: bold;
				padding-right: 12px;
				padding-left: 12px;
}
.style_italic {
	font-style: italic;
}
.style_underline {
	text-decoration: underline;
}

.hyperlink {
				color: #0000FF;
				font-weight: bold;
/*				font-family: "Segoe UI Semibold";  */
				text-decoration: none;
}
.centered {
text-align:center;
}
.small {
				font-size: smaller;
}
.blue_italic{
				font-style: italic;
				color: #0000FF;
			
}
.code_sample{	font-family: monospace;
				font-size:smaller
			
}
.filpac_note {
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: maroon;
				margin-left: 20px;
				margin-right: 20px;
}
.large_bold {
				font-weight: bold;
				font-size:larger 
}

.filpac_logo {
	font-family:Georgia, serif;
	font-weight: bold;
	font-size: xx-large;
}
.american_red{
	color:#E0162B;
	
}

.table_right_blue {
	text-align:right;
	color: #005596;
	font-weight:bolder;
}
.table_left_blue {
	text-align:left;
	color: #005596;
	font-weight:bolder;
}
.table_centered_blue {
	text-align:center;
	color: #005596;
	font-weight:bolder;
}
.table_right_purple {
	text-align:right;
	color:purple;
	font-weight:bolder;
}
.table_left_purple {
	text-align:left;
	color:purple;
	font-weight:bolder;
}
.table_centered_purple {
	text-align:center;
	color:purple;
	font-weight:bolder;
}
.table_centered_bold {
	text-align:center;
	font-weight:bolder;
}
.table_left_bold {
	text-align:left;
	font-weight:bolder;
}


/* end reset */


/* Released: 1st April 2014 - Beverley Hooton @ Focus on Function Web Design */
/* Updated: 15th July 2014 - css to correct 'position:fixed' bug in Safari */
/* Updated: 21st August 2014 - css tap-activated sub-menu improvement for touchscreen */
/* Updated: 19th March 2015 - css sub-menu activation simplified [id$="-sub"] - thanks SeanW */
/* Updated: 26th June 2015 - ◄ arrows changed to ► and rotated, for Android */
html, body { margin:0; padding:0; height:100%; position:relative; font:16px/1.75 Verdana, Arial, Helvetica, sans-serif }
body { overflow-x:hidden; -webkit-animation:androidbugfix infinite 1s } /* http://timpietrusky.com/advanced-checkbox-hack */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } /* http://timpietrusky.com/advanced-checkbox-hack */
header { position:relative; top:0; left:0; right:0; height:4.0625em; background:#005A9C  }
header label { padding:0 0.125em; font:2.875em/1.4375em Arial }
#menu label { padding:0 0.25em; font:3.125em/1.375em Arial }
#menu .sub-nav .toggle { padding:0 0.3125em; font:2em/2em Arial; top:0; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1) }
header label:hover, #menu label:hover { color:#ccc }
#main-nav-check, #menu .sub-nav-check { position:absolute; top:-9999px; left:-9999px }
.toggle { position:absolute; right:0.15em; cursor:pointer; color:#fff }
.container { background:#fff; min-height:100%; padding:0; margin:0 }
#menu, #menu .sub-nav { position:absolute; top:0; bottom:0; width:13.75em; background:#005A9C ; z-index:9999; left:-13.75em }
.container, #menu, #menu .sub-nav {   
	-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease;
	}
#menu ul { background:#005A9C ; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:4.0625em; border-top:1px solid #444 }
#menu li { border-bottom:1px solid #444 }
#menu li a { display:block; font-size:0.875em; padding-left:1.5em; color:#fff; text-decoration:none }
#menu li a:hover, #menu .toggle-sub:hover { background:#333 }
#menu .sub-nav { margin-top:-1px }
#menu .sub-heading { margin-top:4.0625em; padding-left:1.3125em; color:#999 }
#menu .sub-heading:before { content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#444 }
#menu .toggle-sub { font:bold 1em/2.75em Arial; color:#fff; background:#005A9C ; float:right; margin-top:-2.75em; width:2.25em; border-left:1px solid #444; cursor:pointer; text-align:center }
.container, #menu, #menu .sub-nav { -webkit-transform:translate3d(0,0,0) } /* http://davidwalsh.name/translate3d */

/* #### - corrects 'unfixing' bug in Safari - uncomment if you have position:fixed elements inside .container - #### */
/* @media screen and (-webkit-min-device-pixel-ratio:0) { .container { -webkit-transform:none !important } } */

/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu,
#menu .sub-nav-check:checked ~ [id$="-sub"] /* matches all elements with id ending "-sub" */ { 
	-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0) 
	}


@media ( min-width:49em ) { /* #### - switch to desktop menu at 768px (768/16=48 - 16px being default browser font-size) - #### */

	.container, #menu, #menu .sub-nav { -webkit-transform:translate(0,0) !important; -ms-transform:translate(0,0) !important; transform:translate(0,0) !important }
	#menu label, #menu .sub-nav, #menu .sub-heading, header label { display:none }
	#menu { left:auto; bottom:auto; height:0; width:100% }
	#menu .toggle-sub { display:inline-block; margin-top:-3.05em; margin-right:0.25em; border-left:0; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) }
	#menu .toggle-sub, #menu .toggle-sub:hover { background:transparent }
	#menu ul ul .toggle-sub { margin-top:-2.75em; margin-right:0; border-left:1px solid #444; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) }
	#menu ul li:hover > label { color:#ccc }
	#menu > ul { float:right; position:relative; z-index:1; top:0.4285em; right:1em; margin-top:0; display:inline-table; border-left:1px solid #444; border-right:0; font-size:0.875em }
	#menu ul:after { content:""; clear:both; display:block }
	#menu ul li { float:left; position:relative; text-align:left; border-right:1px solid #444 }
	#menu ul li a { padding:0.5em 3.75em 0.5em 1.5em }
	#menu ul li a:only-child { padding-right:1.5em }
	#menu ul li:hover > a { background:#333; -webkit-transition:background-color .25s ease; transition:background-color .25s ease }
	#menu ul li:hover > ul { display:block }
	#menu ul ul { position:absolute; left:0; margin-left:-1px }
	#menu ul ul li { float:inherit; width:13.75em; border-left:1px solid #444 }
	#menu ul ul li a { padding:0 1.5em }
	#menu ul ul li a:after { right:0.375em; margin-top:-1.6875em; -webkit-transform:none; -ms-transform:none; transform:none }
	#menu ul .sub-nav { top:auto; bottom:auto; left:auto; width:auto; margin-top:0; -webkit-transform:none !important; -ms-transform:none !important; transform:none !important }	
	#menu ul ul .sub-nav { float:left; top:0; left:13.75em; margin-left:0; margin-top:-1px }
	#menu ul .fly-left ul { left:-13.75em; margin-left:-2px }
	#menu ul .fly-left ul li { float:none }
	#menu ul .fly-left .toggle-sub { right:auto; left:0.5em; left:0.375em; padding-bottom:1px; border-right:1px solid #444; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) }

	#joecontact {src:"images/joecontact.png";
}
 

.page-content { padding:0 1em 1em; max-width:64em; margin:auto }
.page-content:after { display:block; content:""; height:1px } /* fixes bottom padding issue in IE10 */
a, a:active, a.hyperlink:visited { color:#c30 }
a:visited { color:#c90 }
a:hover, a:focus { color:#666; text-decoration:none }
code { display:block; background:#ebebeb; font-size:0.875em; padding:1em 2em; overflow-x:scroll; white-space:nowrap }