/* body ---- */
body {
 font-family: Arial !important;
 font-size: 1.2em;
 padding: 0px;
 margin: 0px;
 overflow-y: scroll; 
}

/* header ---- */

#headr, #navBar {
 max-width: 100%;
 margin: 0px auto;
}

#headr {
 height: 115px;
 margin: 20px 0px 0px 0px;
 padding: 10px 0px 0px 0px
}

.siteLogo { 
 float:left;
 padding: 0px;
}

.siteLogo img {
 border: 0px solid #AAA;
 height: 90px;
 width: 120px;
}

/* footer ---- */
.footr {
 padding: 30px 0px 0px 0px;
}

/* colors ---- */

body {
 color: #222;
 background-color: #FFF;
 background: linear-gradient(#FFF,#F4FBFF);

 background: url(../jpg/bb25.jpg);
 background-position-x: -90px; 
 background-position-y: -99px;  
 background-repeat: no-repeat;
 background-color: #0E313F;
}

#heado {
}

.row {
 background-color: rgba(255, 255, 255, 0.9);
 border-radius: 8px;
}

.footr {
 background-color: #0A313C;
}

h1 {
 color: #345;
} 

h3, h4 {
 background: url(../gif/sbg2.gif);
 background-position-y: 0px;  
 background-size: 1px 33px;
 border-radius: 5px;
 color: #FFF;
}

.shpl {
    border: 0px solid blue;
    float: left;
    padding: 10px 0px 0px 10px;
    width: 50%;
		font-style: normal;
} 

.topnav {
 background: url(../gif/sbg1.gif);
 background-position-y: 22px;   
 background-color: #0099DF;
}

.topnav a {
 border-left: 1px outset #AAA;
}

.nslb {
 background-color: #DDD;
}

.jitv {
 background-color: #268;
 margin-top: -20px;
}

.nslb a {
 color: #059;
}

.nslb {
 border: 1px solid #AAA;
}

.ns {
 border: 1px solid #AAA;
}

.nsd {
 color: #468;
}
.nsd a {
 font-size: 1.2em;
}

.nsd .catlink {
 padding: 0px 0px 10px 0px;
}

.nstol {
 background: rgba(0, 80, 120, 0.9);
}
.ns a {
 color: #FFF;
 font-size: 1.4em !important;
}

a, a:visited {
 Xcolor: #057;
 text-decoration: none; 
}

a:hover {
 color: #D90;
}

input[type=submit] {
 background: url(../gif/sbg1.gif);
 background-color: #D62828;
 color: #FFF;
}
input[type=submit]:hover {
 background-color: #068;
}

.formfield, input  {
 border: 1px solid #ACE;
}
.formfield:hover, input:hover  {
 border: 1px solid #068;
}

.hilite {
 background-color: gold;
 border-radius: 5px;
 color: red;
 padding: 3px;
}

quote, #quote {
 background-color: #FFF;
 background-image: url(../png/quotes.png);
 background-repeat: no-repeat;
 background-position: 10px 5px;
 border: 1px solid #CCC;
 border-radius: 10px;
 display: block;
 font-style: italic;
 font-size: 105%;
 padding: 30px;
}

.nsb .mmtwrappos {
 margin: 10px 0px 40px 0px !important;
}

/* shadows --------------------------- */

h3, h4, .nsb iframe, .nsb img, .jitv, #iv img {
 box-shadow: 2px 4px 6px rgba(20, 0, 0, .15);
}

/* headings ---- */

h1, h2, h3, h4 {
 margin: 0px;
 padding: 0px;
} 
h1 {
 font-size: 160%;
}
h2 {
 font-size:  calc(12px + .4vw) !important;
 margin: 0px 0px 0px 0px;
}
h3 {
 font-size: 120%;
 margin: 0px 0px 10px 0px; 
 text-transform: uppercase;
 padding: 4px 8px;
}
h4 {
 margin: 0px 0px 20px 2px; 
 text-transform: uppercase;
 padding: 6px 8px;
}

hr {
 margin: 20px 20px 20px 20px;
}

/* lists ---- */

.row ul  {
 background-color: #FFF;
 border-radius: 5px;
 height: 165px;
 padding: 5px;
 overflow: scroll;
 overflow-x: hidden;
}
.row li {
 color: #059;
 padding: 2px 5px;
 margin: 0px 0px 0px 0px;
}

.row ul li {
 list-style-type: square;
}

#cats {
 height: auto;
 overflow: visible;
 margin: 0px 0px 0px 20px; 
}

/* forms ---- */

form {
 padding: 0px;
 margin: 0px;
}

.formfield, input  {
 box-sizing: border-box;
 border-radius: 3px;
 display: inline-block;
 height: 20px;
}

.column1 input {
 height: 30px;
 padding: 5px;
 width: 100%;
}

/* columns ---- */

.column1 {
 float: left;
 order: 1;
 padding: 15px 0px 0px 15px;
 width: 70%;
}

.column1A {
    background-color: #FFF;
    float: left;
    padding: 40px 30px 40px 30px;
		width: 100%;
    max-width: 880px;
}

.column2 {
 float: right;
 order: 2;
 padding: 0px 20px 0px 0px;
 width: 300px;
}

.column3 {
 float: right;
 order: 3;
 padding: 0px 0px 0px 0px;
 width: 300px;
}

.row:after {
 content: "";
 display: table;
 clear: both;
}

.row {
 max-width: 1250px;
 margin: 0px auto;
 padding: 15px;
 #display: flex;
 #flex-wrap: wrap;
}

.clearfix {
 clear: both;
}

.clearfix:after {
 clear: both; 
 content: "";
 display: table; 
}

/* responsive ---- */

* {
 box-sizing: border-box;
}


@media screen and (max-width: 1100px) {
 #headr .ad728  {
  float: right;
  margin: 0px 0px 15px 0px;
 }
 .topnav {
  background-image: none;
 }
 .column1 {
  width: 65%;
 }
 .column3 {
  float: right;
  width: 300px;
 }
}

@media screen and (max-width: 970px) {
 #headr .ad728  {
  float: left;
 }
 
 .column1 {
  width: 65%;
 }
 .column2, .column3  {
		width: 300px;
 }
 .column3 {
 } 
 .siteLogo {
  display: none;
 }

}

@media screen and (max-width: 870px) {
 #headr .ad728  {
  Xfloat: left;
	margin: 0px 2% 15px auto;
	width: 100%;
 }

 .ns {
	 .ns
 }
 
 .ns IMG {
  height: 300px !important;
 }
 
 .feature {
  margin: 40px 0px !important;
	clear: both;
 }
 .feature .ns {
  margin: 0px  auto!important;
 } 
 .column1 {
  width: 100%;
 }
 .column2 {
	float: right; 
	width: 45%;
 }
 .column3 {
	float: right; 
	width: 55%;
 } 
}

.moad {
 display: none;
}

@media screen and (max-width: 600px) {
 
 .ns IMG {
  height: 200px !important;
 }		
 
 .shpl {
    float: none;
    padding: 0px 0px 0px 0px;
    width: 100%;
		font-style: normal;
 } 
 .shpl div {
  margin: 5px 5px;
 }
.moad {
 display: inline;
 margin: 80px;
}

#headr {
 height: 130px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px
}
 .column1, .column2, .column3    {
  float: left;
	padding: 0px;
  width: 100%;
 }
}

/* news ---- */

.ns {
 border-radius: 8px; 
 margin: 20px auto 20px auto;
 position: relative;
 Xmax-width: 650px;
}

.nstol {
 border-radius:  0px 0px 8px 8px; 
 padding: 20px;
 position: absolute;
 bottom: 0px;
 left: 0px; 
 width: 100%;
}

.nsb {
 border: 0px solid #ABC;
 font-size: 0.85em;
 line-height: 1.4;  
 margin: 0px 0px 80px 0px;
 padding: 0px;
 width: 100%;
}

.ns IMG, .nsb IMG {
 border-radius: 8px; 
 Xmax-width: 650px; 
 width: 100%;
 height: auto;
}

IMG  {
 z-index: auto;
}

.ns IMG {
 height: 380px;
 object-fit: cover;
 object-position:  50% 0;
}

.nsd {
 font-size: 90%; 
 margin: 10px 0px 40px 0px;
 padding: 0px 0px;
}

.nslb {
 border-radius: 8px;  
 font-size: 90%;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 40px 0px;
 overflow: hidden;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 -o-border-radius:8px;
}

.nslb .nst {
 padding: 8px 10px 10px 10px;
}

.nslb IMG {
 object-fit: cover;
 object-position:  50% 0;;
 height: 125px;
 width: 100%;
}

.BIGtitleLink {
 font-weight: bold;
 font-size: 0.9em;
}

.BIGtitleLink img {
 border-radius: 5px; 
 padding: 0px 10px 0px 0px;
}


/* ADs ---- */

#x2300 iframe {
 width: 300px !important;
}

.ad728 {
 float: right;
 margin: 5px 5px 0px 0px;
}

.ad300M {
 display: none;
 margin: 5px 5px 0px 0px;	
}

@media screen and (max-width: 600px) { 
 .ad728 { 
  display: none;
 }		
 .ad300M {
  display: in-line;
 }
}

.ad728 img {
 max-width: 728px;
 height: auto;
 width: 100% !important;  
}

.ad468 {
 margin: 20px 0px 0px 0px;
}

.ad468 img {
 max-width: 468px;
 height: auto;
 width: 100% !important; 
}

.story-ads {
 background-color: #FFF;
 border-radius: 10px;
 color: #369;
 padding: 0px 0px 0px 0px;
 margin: 30px 0px;
}

.story-ads img {
 margin: 0px 0px 0px 0px;
}

.adhl {
 background-color: #FFF;
 border-radius: 8px;
 font-size: 0.9em;
 margin: 0px;
 padding: 5px;
 width: 100%;
}

.ads-125 {
 padding: 0px;
}
.ads-125 img {
 padding: 15px 0px 0px 15px;
}

/* media elements ------------------ */

.head-img {
 margin: 0px 0px 20px 0px;	
}

.head-img img {
 border-radius: 5px;
 height: auto;
 width: 100%;
}
.nsb iframe {
 background: #000;
 border-radius: 10px;
 padding: 10px 0px 10px 0px;
 margin: 20px 0px 10px 0px;
 Xmin-height: 380px;
   aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;
}

.w3-content img {
 border: 10px solid #8AC;
 border-radius: 10px;
 padding: 0px;
}

.jitv {
 border-radius: 10px;
 margin: 40px 0px 50px 0px;
 padding: 0px 0px 20px 0px;
 width: 100%;
}

.jitv h4 {
 color: #FFF;
 margin: 0px 0px 0px 0px;
}

.jitv iframe {
   aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;
}

.feature {
 background-color: #FFF;
 border-radius: 10px;
 padding: 10px;
 margin: 0px 0px;
}

.feature .ns {
  margin: 0px 0px 0px 0px;
}


.twitter-tweet {
 margin: 0px auto;
}

.comments {
 background: #CDE;
 border-radius: 10px;
 padding: 10px;
 margin: 0px 0px 50px 0px; 
} 

#iv, #mySlides {
 max-width: 800px;
  margin: 0px auto;
}

#iv img {
 border: 1px solid #CBB;
 border-radius: 8px;
 max-width: 800px;
 margin: 0px auto;
}

#fPic {
 width: 100%;
}

.poll {
 background: #54BDF8;
 border: 0px solid #CBB;
 border-radius: 8px; 
 margin-bottom: 40px;
 min-height: 150px;
}

#OPP-powered-by {
 color: #54BDF8 !important;
}

.fb-like-box {
 background: #69C;
 border: 0px solid #000;
 border-radius: 8px; 
 margin-bottom: 40px;
 min-height: 235px;
 padding: 10px 0px 0px 0px;
 width: 100%;
} 

#more {
    background: #8EE;
    border-radius: 8px;
    font-weight: bold;
    padding: 20px;
    margin: 20px 0px 30px 0px;
}

.ipsForum {
 background:#EEE;
 border-radius:0px 0px 8px 8px;
 color:#000;
 padding: 10px;
 margin:0px 0px 15px 0px;
}

.ipsQuote {
 background:#DDD;
 border:2px solid #DDD;
 border-radius: 5px;
 font-size: 0.9em;
 padding: 5px 0px 0px 5px;	
 margin: 0px;
} 

.ipsQuote P:first-child {
 margin: 5px 0px 0px 5px;
}

.ipsQuote P {
 background:#EEE;
 padding: 10px;	
 margin: 0px 0px 0px 5px;
}