html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;font-size:21px;background:#F0F0F0; } /*fff*/ 
b {font-weight:bold;} i{font-style: italic;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
table{border-collapse:collapse;border-spacing:0;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
.accessible{font-size:24px; background:#fff; color:#000; border-radius:13px;  cursor:pointer;padding:2ex; line-height:3ex;}
.header{color:#000;padding:5px; margin-bottom:20px;}
*{box-sizing:border-box;}
html{font-family: Helvetica,"Lucida Sans",Verdana, Arial,sans-serif; color:#777; font-size:100%;scrollbar-color: #ccc #777 ;}
@media not screen\0{ html{}}
.menu{width:100%;display:table;}
ul.menu{text-align:left;}
.menu li{list-style-type:none; display:inline-block;width:100%;margin:1px;text-align:center;padding:0px;}
.menu li a,.hiFont{font-weight:bold; -webkit-text-stroke-width: 1px; -webkit-text-fill-color: #ccc;}
.menu li{padding: 15px; color:black;}
.menu li:not(.dlogo) {margin-top: 10px;}
.hiFont{color:#ccc;-webkit-text-fill-color: #ccc;-webkit-text-stroke-color: #000; }
.dlogo{clear:both; font-size:32pt; float:left;color:#163342ff; }
.dlogo a{margin: 10px 20px;}
a, a:link{text-decoration:none;cursor:pointer; color:#777;}
a:visited{color:#4a4f58;}
.menu li a:hover{color:#000;-webkit-text-fill-color: #000;-webkit-text-stroke-color: #000;}
::-moz-selection,::selection{background:#005fcc; color:white;text-shadow:none;}
h1,h2,h3,h4,h5,h6{word-wrap:break-word;color:black; line-height:1.25em;}
h1{font-size:120%;font-family: "Arial Black", Helvetica,"Lucida Sans",Verdana, Arial,sans-serif; }
.infobox >*{line-height:1.3em;}
.content{width:100%;margin:auto;position:relative;}
.container{width:100%; }
button:focus{outline:0;}
.row{width:100%; }
.row:after{content:"";clear:both;display:block;}
.vidframe{max-width:480px;}
[class*="col-"]{position:relative;width:100%;overflow:hidden;float:left;}
@media only screen and (min-width:850px){
	.col-m-1{width:8.33%;}.col-m-2{width:16.66%;}.col-m-3{width:25%;}.col-m-4{width:33.33%;}.col-m-5{width:41.66%;}.col-m-6{width:50%;}.col-m-7{width:58.33%;}.col-m-8{width:66.66%;}.col-m-9{width:75%;}.col-m-10{width:83.33%;}.col-m-11{width:91.66%;}.col-m-12{width:100%;}
.addthis_sharing_toolbox{visibility:visible;display:block;text-shadow:none;}
.menu li{width:auto;}}
@media only screen and (min-width:1200px){.content{width:1150px;} .vidframe{max-width:640px;}
.col-1{width:8.33%;}.col-2{width:16.66%;}.col-3{width:25%;}.col-4{width:33.33%;}.col-5{width:41.66%;}.col-6{width:50%;}.col-7{width:58.33%;}.col-8{width:66.66%;}.col-9{width:75%;}.col-10{width:83.33%;}.col-11{width:91.66%;}.col-12{width:100%;}}
@media only screen and (min-width:1600px){.content{width:1550px;}.vidframe{max-width:960px;}}
@media only screen and (min-width:1850px){.content{width:1750px;}.vidframe{max-width:1280px;}}
footer{width:100%;overflow:hidden; color:rgba(255,255,255,0.5); padding:11px; border-top:1px solid gray; position:relative;font-size:18px; color:#777; }
footer ul{width:100%;list-style-type:none;text-align:center;padding:5px;overflow:hidden;}
footer li{margin:.33em auto;padding:1px 1em;display:inline-block;}
.flinks{font-weight:bold; }
.hideit{visibility:hidden;}
.collapseit,.nojserror{visibility:collapse;display:none;}
.back2top{position:fixed;right:3px;font-size:33px;background:rgba(255,255,255,0.1); border-radius:13px;text-align:center;cursor:pointer;border:1px solid rgba(0,0,0,.3); color:black; line-height:3ex;bottom:1px;width:3ex;}
.back2top:hover{border:1px solid black;background:white;color:black;}
.centerit{text-align:center;}
.flexit{width:100%;display:flex;  flex-flow: row wrap; align-content: flex-start; justify-content: center;  align-items: center;}
a:hover{color:black;}
.quad{align-self:stretch; width:auto; margin: 15px 5px;box-sizing: border-box; font-size:18px; align-items: center; justify-content: center; }
.quad a{color:#333333; animation:fancyMovs 21s linear infinite; background-image:linear-gradient(-36deg,#333333,#003366,#cce6ff,#003366,#004d66,#333333); background-size:550%; -webkit-background-clip:text; -webkit-text-fill-color:rgba(0,0,0,.2);}
.quad a:hover{ text-decoration: blue underline; animation:fancyMovs 6s ease-in-out infinite;}
@keyframes fancyMovs{0%{background-position:50% 50%;}100%{background-position:-500% 500%;}}
.quad h2, .quad h3{width:100%; margin-bottom:5px;line-height:1.2em; }
h2{color:black;}
.quad hr {width: 100%;margin:3px;color:white;visibility:hidden;}
.quad a{ padding: 0; color:blue;}
.quad a img{  border:1px solid transparent;}
.quad a:hover img{border:1px solid black;
 -webkit-animation-name: fancyHover;  -webkit-animation-duration: .77s;
  animation-name: fancyHover;		  animation-duration: .77s;
  animation-timing-function: ease-in-out; }
.quad div a{line-height: 1.5em;}
@-webkit-keyframes fancyHover{0%  {filter: sepia(0%) saturate(100%) blur(0px) contrast(100%) brightness(100%);}41% {filter: sepia(30%) saturate(120%) blur(1px) contrast(90%) brightness(120%);}100% {filter: sepia(0%) saturate(100%) blur(0px) contrast(100%) brightness(100%);}}
@keyframes fancyHover {0% {filter: sepia(0%) saturate(100%) blur(0px) contrast(100%) brightness(100%);}41% { filter:sepia(30%) saturate(120%) blur(1px) contrast(90%) brightness(120%);}100%  {filter: sepia(0%) saturate(100%) blur(0px) contrast(100%) brightness(100%);}}
.xmark {z-index:100; position:fixed; top: 10px; right:10px; font-size:100%; font-weight: bold; background: rgba(220,50,0,0.5); cursor: crosshair; border-radius: 33px; padding:5px 10px; border: transparent; color:white; border:1px solid white;}
.xmark:hover {background: rgba(235,60,0,1);}
.dimmer{z-index:40;position: fixed; width: 100%; height: 100%;left: 0px; top: 0px; background: rgba(0,0,0,.9); opacity:.9; filter: alpha(opacity=9);-moz-opacity: 0.8; cursor: crosshair;}
.topIntel,.subtitle,.descri{ background:rgba(0,0,0,.4);width:100%;}
.topIntel{text-align:center; font-size:21px; padding:8px; border-bottom:1px solid #ccc; color:white;}
.subtitle,.descri{font-size:18px; padding:8px; color:#ccc;}
.picFrame,.infoFrame{width:100%;cursor: crosshair; }
.vidframe{aspect-ratio: 16 / 9;width: 100%;}
.boldit{font-weight:bold; }
.lightbox{position: fixed; top: 0;bottom:0; z-index:50; text-align: center; padding:0; margin:0; top:1em; left:0; right:0;bottom:0; display: flex;  flex-flow: row wrap;  justify-content: center; flex-direction: row; height: 100vh; align-content: flex-start; align-items:flex-start; overflow-y:scroll; overflow-x:hidden;border-radius: 12px 12px 0 0; } 
.lightbox a{background-size: cover;background-repeat: no-repeat; background-position: center;width:48px;height:48px; padding:1ex; } 
.lightbox a:hover{ color:transparent; background-position: center;cursor:zoom-in;background-size: cover;}
.spacer{height:200px; width:100%;}
.fmi{font-size:0.7em;}
.floater{display: flex; justify-content: center;  flex-direction: row;}