/*rargosy 11 August 2021*/
*border-sizing{border-box;}
body{max-width:99%;margin:auto;font-family:arial, helvetica, sans-serif;font-size:100%;}
h3{color:#3f7cef;margin:5%;}
h4{margin-left:4%;}
a {text-decoration:none;color:#ffffff;}
p{text-align:center;color:#ffffff;}
img{width:100%;height:auto;}
.heading{min-width:100%;display:inline-flex;background:red;height:12rem;justify-content:center;align-items:center;}
.banner {position:absolute;max-width:80%;display:flex;padding:5% 15%;z-index:10;height:4rem;}		
.fadein{display:flex;flex:1;height:10rem;}
.fadeinA{display:flex;flex:1;height:10rem;}
.fadeinC{display:flex;flex:1;height:10rem;}
.rollholder{display:flex;min-width:29%;margin:2%;}
.content{display:flex;background-color:#006600;width:100%;height:auto;flex-flow:column;}
.play{display:flex;flex-flow:row;width:100%;justify-content:space-between;}
.pics{display:inline-flex;justify-content:center;align-items:center;width:100%;height:700px;}
.ppt{display:flex;width:95%;height:650px;position:relative;margin-left:auto;margin-right:auto;color:#ffffff;}
.ppt li{list-style-type:none;position:absolute;transform:translateX(-50%);left:50%;width:60%;}
.ppt img {border: 1px solid #e7e7e7;padding:2px;background-color:#ececec;position:relative;margin:0 auto;display:flex;}
#back{width:4rem;height:2rem;}
#fwd{width:4rem;height:2rem;}
#play{width:4rem;height:2rem;}
#stop{width:4rem;height:2rem;}
h3,.choice,table{margin-left:3.5rem;}
table.ragbag{margin-left:auto;margin-right:auto;}
#back,#fwd,#play,#stop,a,.copyright{margin:1rem auto;}
@media screen and (max-width:799px){
.pics{width:100%;display:flex;padding:0;}
.play{width:100%;flex-flow:row;height:auto;}
#back{width:3rem;height:1.25rem;}
#fwd{width:3rem;height:1.25rem;}
#play{width:3rem;height:1.25rem;}
#stop{width:3rem;height:1.25rem;}
.content,.footer{font-size:75%;}
#back,#fwd,#play,#stop,a,.copyright{margin:1rem auto;}
}
.photos{width:100%;display:flex;flex-flow:row wrap;overflow:hidden;background:#006600;justify-content:space-between;}
.argosySmall{display:inline-flex;flex:0 1 330px;}
.small{display:flex;width:92%;margin:auto;}
.smallP{display:flex;width:50%;margin:auto;}
a:hover .small, a:hover{
  -webkit-box-shadow: 0px 0px 50px #010101;
  -moz-box-shadow: 0px 0px 50px #010101;
  box-shadow: 0px 0px 50px #010101;
}
.toglp{margin-left:auto;margin-right:auto;}
/*This regulates modal popup enlargement */
#bigger{width:auto;height:600px;}
@media screen and (min-width:565px){
.photos2{display:none;}
.toglp2{display:none;}
}
#PopUp {display:none;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index:50;}
.toggle{width:100%;display:flex;height:2.5rem;justify-content:center;}
#toggle_div{display:none;position:fixed;width:100%;height:100%;top:0;left:0;opacity:0.8;filter:Alpha(Opacity=80);background-color:#010101;z-index:15;}
#caption{position:absolute;width:60%;height:1.5em;top:92%;left:20%;background-color:#fff666;font-weight:bold;color:#000000;text-align:center;margin:1rem 0;}
.imgcap{display:flex;background-color:#d3d3d3;border:10px solid #d3d3d3;margin:0 10px;width:auto;height:680px;justify-content:center;align-items:center;}
.hovered{background:rgba(250,250,250,0.5);border:1px solid grey;position:absolute; min-width:250px;min-height:60px;padding:5px;display:none;color:#223344;}
.imgcap:hover .hovered{display:block;z-index:6;}
}
@media screen and (max-width:850px){
#bigger{width:auto;height:500px;}
}
@media screen and (max-width:700px){
#bigger{width:auto;height:400px;}
}

.footer{display:flex;width:100%;height:auto;background:#006600;font-size:85%;color:#ffffff;justify-content:center;align-items:center;padding-top:2rem;}
li{list-style-type:none;} 
.nextpage{display:flex;flex-flow:column;height:auto;}
.pages {display:inline-flex;}
@media screen and (max-width:780px){
.pages{flex-wrap:wrap;width:90%;margin:0 auto;}
}
.butto{							
background:#ffffff;
color: #3f7CEF;
border:1px solid #3f7CEF;
height:auto;
width:auto;
font-size:10pt;
border-radius:10px;
} 
 .topnav {
  background-color: #ffffff;
  border:0.3rem solid #000000;
  margin:2px auto;
  width:99.4%;
  overflow: hidden;
}
 .topnav a {
  float: left;
  display: block;
  text-align: center;
  padding:0.1rem 3.7%;
  text-decoration: none;
 }
.topnav .icon {
  display: none;
}
@media screen and (min-width:701px) and (max-width:1506px){
    .topnav{display:inline-flex;justify-content:center;align-items:center;}
	.topnav a img{display:flex;width:5rem;height:1.7rem;}
	.topnav a{display:flex;padding:0.1rem 1%;}
}
@media screen and (max-width: 700px) {
  .topnav a{
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}
@media screen and (max-width: 700px) {
  .topnav.responsive {position: relative;}
  .topnav{border:0.2rem solid #000000;width:99%;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
.topnav a img{width:5rem;height:1.7rem;} 
.footer{font-size:75%;}
.heading{height:6rem;}
.fadein,.fadeinA,.fadeinC{height:5rem;}
}
}