/* Extra small devices (phones, 600px and down) */
@media screen and (max-width: 600px) {...} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media  screen and (min-width: 600px) {...}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {


}

/* Large devices (laptops/desktops, 992px and up) */
@media  screen and (min-width: 992px) {...}

iframe[id^="twitter-widget-"]{ width:100% !important;}

.leftColumn  {
  float: left;
  width: 33%;
  //flex: 70%;
  padding-left: 1px;
  padding: 5px 5px 1px 5px;
  //border: 1px dotted;
}
@media screen and (max-width: 600px) {

  .leftColumn {
    float: left;
    width: 100%;
    padding-left: 1px;
    
  }
 
} 

#copyright   {
color: black; font-size: 12px; width: 100%; padding-bottom:10px;
}

.allColumns  {
flex: 100%;
//display: inline-block;
   //width: 60%;
   //border: 1px solid;
}

.

.allColumns:after {
  content: "";
  display: table;
  clear: both;  
}
/*
.otherColumns  {
  //width: 30%;
  //padding-left:10px;
  //flex: 38%;
  //border: 3px solid;
}

.rightColumn  {
width:100%;
  //float: left;
  //flex: 100%;
  padding-left:10px;
}
*/
.footer   {
color: white;
width:  100%;
//border: 1px solid;
margin-top: 5px;
margin-left: 0px;
margin-right: 3px;
margin-top: 5px;
    overflow: hidden;
    background-color: #333;
    position: relative;
}

.footer a:link{
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 6px 6px;
  text-decoration: none;
  font-size: 12px;
  color: white;
  font-weight: bold;
}
.footer a:hover {
  background-color: #ddd;
  color: black;
}
.footer a:visited {
  background-color: #ddd;
  color: white;
}
.footer a.active {
  background-color: grey;
  color: white;
}

.rTable {
   display: table;
   width: 100%;
   padding-left: 5px;
    
}
.rTableRow {
   display: table-row;
   
}
.rTableHeading {
   display: table-header-group;
   //background-color: #ddd;
}
.rTableCell, .rTableHead {
   display: table-cell;
   padding-bottom: 7px;
   padding-right: 7px;
   //border: 1px solid #999999;
}
.rTableHeading {
   display: table-header-group;
   background-color: #ddd;
   font-weight: bold;
}
.rTableFoot {
   display: table-footer-group;
   font-weight: bold;
   background-color: #ddd;
}
.rTableBody {
   display: table-row-group;
}



.topnav .icon {
  display: none;
}

.prevNext   a {
padding: 8px;
text-decoration: none; 
font-size: 16px;

}


/* ---------------------------------PREFERENCES---------------------------------------------------- */

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 200;
  right: 500px;
  border: 3opx solid #f1f1f1;
  z-index: 9;
}
.form-popup H1    {
		font-size: medium;
}
/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color:  #e6d9d9;
  text-align: center;
}

/* Full-width input fields */
.form-container input[type=text] {
  width: 20%;
  padding: 5px;
  margin: 5px 0 5px 10px;
  border: none;
  background: #f1f1f1;
}
.form-container input[type=checkbox] {
  //width:auto;
  padding: 5px;
  margin: 5px 0 5px 10px;
  border: none;
  background: #f1f1f1;
         
            vertical-align: middle; 
            position: relative; 
            bottom: 1px; 
        
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #000;
  color: white;
  padding: 5px 5px;
  border: none;
  cursor: pointer;
  width: 35%;
  margin:15px 10px 10px 10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
 // background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
/* ------------------------------------------------------------------------------------- */
.middle {
  flex: 0 ;
}

.sitename i{
  	//text-align: center;
  	font-family:"Poppins", sans-serif;
  	color: #000000;
  	font-size: 50px;
  	font-style: italic; 
  	font-weight: 800; 
  	//text-shadow: -8px 4px grey;
  	//border-bottom: 1px solid #dee0e4;	
  	//padding: 20px 0 20px 0;
  	//border-bottom: 1px solid #dee0e4;
}

.articleBody {
  	//text-align: center;
  	font-family:"Poppins", sans-serif;
  	color: #000000;
  	font-size: 18px;
  	//font-style: italic; 
  	font-weight: 400; 
  	//text-shadow: -8px 4px grey;
  	//border-bottom: 1px solid #dee0e4;	
  	padding: 10px 10px 10px 10px;
  	//border-bottom: 1px solid #dee0e4;
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media  screen and (min-width: 1200px) {...}


H2  {
font-size: 16px;
margin-top:5px;	
margin-bottom:5px;
}

img {
  max-width: 100%;
   max-height: 100%;
   margin: auto;
   display: block;
}


#ul_pagination  {
    display: inline;
    list-style-type: none;
    margin-top: 5px;
    margin-bottom: 0px;
}


.bigtext  {
	font-family:"Poppins", sans-serif;
  	color: #000000;
  	font-size: 25px;
  	font-style: italic; 
  	padding: 0px 16px 14px 16px;;
}

.bigtext b {
	font-family:"Poppins", sans-serif;
  	color: #000000;
  	font-size: 20px;
  	font-style: italic; 
  	font-weight: 800;
  }
    
fieldset {
    border: 1px solid #000;
    padding-left:12px;
    //MARGIN-TOP: 10PX;
}


.wrapper {
 display: flex;
  flex-wrap: wrap;
}



.envelope {
	 display: flex;
  flex-wrap: wrap;
  //background-image: url("images/press.jpg");
}



@media (min-width: 700px) {
  .wrapper { 
  
    display: flex;
    flex-wrap: wrap;
  
  }

}

/* unvisited link */

a {
font-size: 14px;
}

a:link {
  color: black;
  //font-weight: 600; 
  text-decoration: none;
	
  	//font-style: bold; 
}

/* visited link */
a:visited {
  color:  black;
  
}

/* mouse over link */
a:hover {
  color: green;
  text-decoration: underline;
}

/* selected link */
  a:active {
  color: blue;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav a{
  float: left;
  color: white;
  text-align: center;
  padding: 6px 6px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: grey;
  color: white;
}

* {
  	box-sizing: border-box;
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
  	//font-size: 16px;
}


#contact  {

  float:right;
  color: white;
  font-weight: 600; 
  
  //padding: 14px 16px;
  //text-decoration: none;
	font-size: 18px;
  	font-style: bold; 
}
#motto  {
float:center;
  color: black;
  font-weight: 600; 
  padding: 10px 0px 1px 0px;

	font-size: 14px;
  	font-style: bold; 
}


  div.left {
  flex: 70%;
  padding-left:1px;
  margin-top: 10px;
  //border:1px solid black;
}
  div.right {
  //background-image: url("images/press.jpg");
  
  flex: 28%;
  margin-top: 10px;
  //border:1px solid black;
  padding-left:1px;
  }


@media screen and (max-width: 700px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
    color:white;
  }
}

#ul_pagination  {
	display: flex;
	justify-content: center;
	padding-left: 0px;
	
}

@media  screen and (max-width: 700px) {

#copyright   {
	color: black; font-size: 50%; width: 100%;
}
.bigtext  {
	font-family:"Poppins", sans-serif;
  	color: #000000;
  	font-size: 20px;
  	font-style: italic; 
  	padding: 0px 16px 14px 16px;;
}

.bigtext b {
	font-family:"Poppins", sans-serif;
  	color: #000000;
  	font-size: 20px;
  	font-style: italic; 
  	font-weight: 800;
  }
 
.articleBody {
  	//text-align: center;
  	font-family:"Poppins", sans-serif;
  	color: #000000;
  	font-size: 18px;
  	//font-style: italic; 
  	font-weight: 400; 
  	//text-shadow: -8px 4px grey;
  	//border-bottom: 1px solid #dee0e4;	
  	padding: 10px 10px 10px 10px;
  	//border-bottom: 1px solid #dee0e4;
}
fieldset {
    border: 1px solid #000;
    padding-left:5px;
    //MARGIN-TOP: 10PX;
}


.prevNext   a {
padding: 8px;
text-decoration: none; 
font-size: 16px;

}
.form-popup {
  display: none;
  position: fixed;
  bottom: 50;
  right: 30px;
  border: 3opx solid #f1f1f1;
  z-index: 9;
}

.form-popup H1    {
		font-size: medium;
		text-align: center;
}
.topnav.responsive {
  position: relative;
  overscroll-behavior: contain;
  }
  
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
.topnav a {
  float: left;
  color: #f2f2f2;
  position: relative;
  text-align: center;
  padding: 6px 10px;
  text-decoration: none;
  font-size: 14px;
} 
 .topnav  {
 	font-size: 14px;
    //display: none;
  }
 
.footer a:link {
  font-size: 12px;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
}
.footer   {
  // margin-left: 4px;
   margin-right: 2px;
   
}

.newslinks a {
  
  font-size: 34px;
} 

.leftColumn   {
  //padding-left: 10px;
  //padding-top: 20px;
}
a {
font-size: 14px;
}

#motto  {
float:center;
  color: black;
  font-weight: 600; 
  padding: 1px 0px 6px 0px;

	font-size: 14px;
  	font-style: bold; 
}
.bottomDiv {
  background: blue;
}

.topDiv {
  //top: 20px;
  //left: 140px;
  position: ;
  //background: red;
}

div.left {
 // width: 100% ;
  //border:1px solid black;]
  flex: 100%;
  padding-left:2px;
  padding-right:0px;
  font-size: 30px;
 
}

div.right {

      //display: none ;
      //width:100% ; 
    //float:left;
    flex: 100%;
   }
.middle {
      display: none;
    
   } 
div.sitename i{
  	font-family:"Poppins", sans-serif;
  	color: #000000;
  	font-size: 30px;
  	font-style: italic; 
  	font-weight: 500; 
  	
}

.legend   {
   margin-top: 4px;
}


H2  {
font-size: 16px;
margin-top:5;	
margin-bottom:5;
}

}