BODY {
	SCROLLBAR-FACE-COLOR: #8100A2; SCROLLBAR-HIGHLIGHT-COLOR: #8100A2; SCROLLBAR-SHADOW-COLOR: #D752DC; SCROLLBAR-3DLIGHT-COLOR: #D752DC; SCROLLBAR-ARROW-COLOR: #D752DC; SCROLLBAR-TRACK-COLOR: #D752DC; SCROLLBAR-DARKSHADOW-COLOR: #D752DC; MARGIN: 6px; 
	background: #8100A2 url('bg7.jpg') repeat center top;}
html, body {height: 100%;}
html {display: table; margin: auto;}
body {display: table-cell;vertical-align: middle; line-height:1.3em;}
h1 {
	FONT: bold 24px Comic Sans MS, Helvetica, sans-serif; COLOR: #D752DC; margin: 8px; margin-top: 11px;}
h2 {
	FONT: bold 20px Comic Sans MS, Helvetica, sans-serif; COLOR: #D752DC; margin: 6px; margin-top: 10px;}
h3 {
	FONT: normal 18px Arial, Helvetica, sans-serif; COLOR: #000000; margin: 6px;}
.ba {
	FONT: normal 14px Arial, Helvetica, sans-serif; COLOR: #000000;}
.ba A:visited {
	COLOR: #00008B; TEXT-DECORATION: underline}
.ba A:link {
	COLOR: #00008B; TEXT-DECORATION: underline}
.ba A:hover {
	COLOR: #0000CC; TEXT-DECORATION: underline}
.bb {
	FONT: bold 15px Arial, Helvetica, sans-serif; COLOR: #00008B;}
.bb A:visited {
	COLOR: #00008B; TEXT-DECORATION: none}
.bb A:link {
	COLOR: #00008B; TEXT-DECORATION: none}
.bb A:hover {
	COLOR: #0000CC; TEXT-DECORATION: underline}
.ca {
	font: normal 13px Arial, Helvetica, sans-serif; color:#ffffff; padding:6px 1px 1px 1px; margin:2px; text-align:center;}
.mr {
	FONT: bold 14px Arial, Helvetica, sans-serif; COLOR: #000099;}
.mr A:visited {
	COLOR: #000099; TEXT-DECORATION: none}
.mr A:link {
	COLOR: #000099; TEXT-DECORATION: none}
.mr A:hover {
	COLOR: #000066; TEXT-DECORATION: underline}
.tdh, .tdh td {
	FONT: bold 15px Arial, Helvetica, sans-serif; /*COLOR: #ffffff;*/ TEXT-DECORATION: none}
.rr {
	FONT: bold 15px Arial, Helvetica, sans-serif; COLOR: #990000;}
.ma {
	FONT: bold 15px Arial, Helvetica, sans-serif; COLOR: #ffffff;}
TD.ma {
	background-image: url("but.gif"); background-repeat: no-repeat;}
.mb {
	font: bold 15px Arial, sans-serif; color: #f5f5f5; padding:10px 2px;}
.mb A:visited {
	COLOR: #f5f5f5; TEXT-DECORATION: none}
.mb A:link {
	COLOR: #f5f5f5; TEXT-DECORATION: none}
.mb A:hover {
	COLOR: #D3D6E6; TEXT-DECORATION: underline}
.bt {
	FONT: normal 14px Arial, Helvetica, sans-serif; COLOR: #000000;}
.bt img {margin-top:8px;}
li {line-height:1.3em; padding:4px 2px;}
.comic {
	COLOR: #D752DC; FONT: bold 18px Comic Sans MS, sans-serif;}
a.comic:link {
	COLOR: #D752DC;}
a.comic:hover {
	COLOR: #C732CC;}
a.comic:visited {
	COLOR: #AA22AA;}
.ha a:link {
	COLOR: #0000FF; TEXT-DECORATION: underline}
.ha a:hover {
	COLOR: #D3D6E6; TEXT-DECORATION: underline}
#ng {margin:8px 0px 5px 0px; FONT-SIZE: 14px; clear:both;}
#ng img {padding:0px 3px 2px 0px; clear:both; float:left;}
#ng a {color:red;}
#ng p {padding:0px; margin-bottom:2px;}
img.sml {margin:1px 6px 1px 1px; float:left;}
img.pl {float:right;clear:right; padding:4px 3px 4px 4px;}
img.pl2 {margin:8px 5px 0px 35px;}
.bbb, .bold, .bld, a {font-weight:bold;}
.srcs {margin:8px;}
.bigf {font-size:18px;}
img.sml, .mb img, .ma img, .bt img, .nn img, #ng p a img, .bradius {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#subsc {padding: 7px 0px 7px 0px; FONT: bold 13px Arial, Helvetica, sans-serif;}
#subsc img {padding: 7px 0px 3px 0px;}
.op80 img {opacity:1.0;
 	filter:alpha(opacity=100);}
.op80 img:hover {opacity:0.8;
 	filter:alpha(opacity=80);}
div.nn {margin-bottom:8px; FONT-SIZE: 14px; clear:both;}
div.nn img {padding:4px;}
.casplay {FONT: bold 18px Comic Sans MS, sans-serif; color:#8100A2;}
.red {color:#D00;}

table.pauto tr.ba:nth-child(odd) {background-color: #F7B2FC;}

#footer_bottom_logos {padding:8px; text-align:center;}

.cookie-container{position:fixed;display:flex;justify-content:space-between;font-size:14px;align-items:center;background-color:#eee;width:100%;left:0px;right:0;bottom:0px;z-index:9999;min-height:35px;height:auto;transition:all .3s linear;text-align:center;}
.cookie-container-hidden{opacity:0;min-height:0;height:0;overflow:hidden}
.cookie-container .cookie-message{margin:10px 18px;font-size:14px;text-align:center; color:#000;}
.cookie-container .cookie-dismiss{margin:10px 18px;color:#fff;text-transform:uppercase;font-weight:700;cursor:pointer}
.cookie-container .cookie-dismiss-btn{position:relative;display:inline-block;padding:0 12px;min-width:50px;min-height:35px;overflow:hidden;align-self:flex-start;cursor:pointer}
.cookie-container .cookie-dismiss-btn::after,.cookie-container .cookie-dismiss-btn::before{content:'';position:absolute;height:2px;width:20px;top:50%;left:25%;margin-top:-1px;background:#000}
.cookie-container .cookie-dismiss-btn::before{transform:rotate(45deg)}
.cookie-container .cookie-dismiss-btn::after{transform:rotate(-45deg)}
.cookie-container .cookies-learn-more{text-decoration:underline;cursor:pointer;color:#333}
.cookie-container .cookies-learn-more:hover{color:#333}
a.cookies-learn-more {color:#333}
span.button7 {
  color: #fff;
  text-decoration: none;
  user-select: none; 
  background: #555;
  padding: .5em 1.5em;
  outline: none;
} 
span.button7:hover { background: #777; }
span.button7:active { background: #222; }

#footer_bottom_logos {padding:8px 2px 8px 2px; margin:0px;}
#copy {margin: 0px; padding: 10px 0px;}
.softh2 {color: #D752DC; padding-bottom:4px; font: bold 22px 'Comic Sans MS',sans-serif;}

#hhead {background: #D752DC; /*url('hheadbg_light.jpg') repeat-x center top;*/ margin:8px 6px; padding:9px; box-sizing: border-box; 
border: 1px solid #8100A2; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; font-weight:bold; 
font-size:16px; text-align:center; COLOR: #ffffff;} /*#000000*/
#jps {width:100%; max-width:1300px; height:380px;} 
#mrq {width:100%; max-width:1300px; color:white; background-color:#D752DC; height:auto; font: normal 14px Arial,Helvetica,sans-serif; padding:2px 10px; box-sizing: border-box;}
#mrq a {color:#ffeeff; font-weight:bold;}


#header_bg, #wrapper, #foot, #footbar {max-width:1300px; width:100%; margin:0 auto;}
#wrapper {float:none; overflow:hidden; padding:0px; vertical-align:top; display:inline; max-width:1300px;}
#content {width:80%; background:#ffffff; box-sizing: border-box; padding:16px; border:0px; vertical-align:top; display:inline-block;}
#navside {float:right; width:240px; padding:10px; margin:0; box-sizing: border-box; display:inline-block; vertical-align:top; margin-top:20px; margin-right:10px;}
.clear {height: 0px; clear: both; font-size: 0px; margin:0; padding:0; float: none;}
#footbar {background:#D752DC; font: bold 16px Arial,Helvetica,sans-serif; text-align:center; padding:8px; box-sizing:border-box;}
#footbar a {color:#ffffff; text-decoration:none; margin: 2px 14px; line-height:1.3em;}
#footbar a:hover {color:#0000DD;}

.container {background:#ffffff; width:100%; margin:0 auto; max-width:1300px;}
#header {background: #D752DC url('hheadbg_light.jpg') repeat-x center top; /*background-color: #D752DC;*/}
#logo, #ban468, #pull {display:inline-block; margin:0; padding:5px; text-align:center;}
#logo {padding:0px; float:left;}
#ban468 {padding-left:0px;}
#pull{float:right;}

#myTopnav {border-top: 1px #ffffff solid; text-align:center;}
.topnav {
  background-color: #8100A2;
  overflow: hidden;
}
.topnav a {
  float: left;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-WEIGHT: bold;
  font-size: 17px;
}
.active {background-color: #8100A2; color: white;}
.topnav .icon {display: none;}
.dropdown {float: left; overflow: hidden;}
.dropdown .dropbtn, .dropdown .sidebartop {
  font-size: 17px; 
  border: none;
  outline: none;
  color: white;
  padding: 14px 12px;
  background-color: #8100A2;
  FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-WEIGHT: bold;
  margin: 0;
}
.dropdown-content, .sidebar {
  display: none;
  position: absolute;
  background-color: #8100A2;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
 .dropdown-content a, .sidebar a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.topnav a:hover, .dropdown:hover .dropbtn, .dropdown .sidebartop, .ddjps {background-color: #D752DC; color: black;}
.dropdown .sidebartop {background: #8100A2 url('hheadbg2.jpg') repeat-x center top; color: #ffffff;}  /*#D752DC*/
.dropdown-content a:hover, .sidebar a:hover {background-color: #D752DC; color: black;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown .sidebar {display: block; z-index:0;}

.ca {font: normal 14px Verdana, Geneva, sans-serif; color:#ffffff; padding:2px 4px 8px 4px;}
#footer_bottom_logos /*, div.ca*/ {background: #8100A2 url('hheadbg2.jpg') repeat center top; /*background-color:#8100A2;*/}
div.ca {background-color:#8100A2;}
#footer_bottom_logos {padding:1px 2px 17px 2px; margin:0; width:100%; box-sizing: border-box; color:#ffffff;}
.disc {padding:14px 0px 14px 0px; font: normal 13px Verdana, Geneva, sans-serif; width:97%; box-sizing: border-box;}

.bread {padding:8px 0px 10px 0px; font-weight:bold;}
#tags {padding:8px 0px; color:gray;}
.grey {color:gray;}
article {margin-bottom:9px;}

img.news {
    float: left; clear:left;
    margin: 2px 14px 9px 2px;
    display: block;
    max-width: 100%;
    height: auto;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
div.nn {margin:4px 2px 12px 2px; width:48%; box-sizing: border-box; text-align:center;vertical-align:top; display:inline-block;}
div.nn img {clear:left;}

.logos {width:100%; display:inline; box-sizing: border-box; margin:0px;}
.logoitem {width:460px; box-sizing: border-box; text-align:center;vertical-align:top; display:inline-block; padding:7px 3px; margin:3px;}
.logotab, .logotab2 {width:39%; box-sizing: border-box; vertical-align:top; display:inline-block; padding:8px; margin:0px;}
.logotab2 {width:60%;}
.logotab div, .logotab2 div { padding:6px; margin:0;}
.logotab div a, .logotab2 div a {font-weight:bold;}

.dropdown .sidebartop {box-sizing: border-box; width:227px;}
.sidebar ul {margin: 0px 0 4px 0; padding: 0; list-style-type: none;}

div.rimgico {width:25px; height:25px; padding:0px; margin:0px 4px -5px 10px; display:inline-block;}
div.tabwhite {color:#ffffff; padding:6px 3px; font-weight:bold;}
div.tabwhite a {font-size:16px; padding:2px;}
div.tabround {background:#D752DC; padding:0px; text-align:center; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius:16px;}
div.tabrect {width:100%;border: 1px solid #D752DC;padding:0px; box-sizing: border-box;}

#logoram {width:280px; height:80px; padding:0px; background-image:url('marquee3.gif'); box-sizing:border-box; margin:0;}
#logo img.logoimg {width:280px; height:80px; box-sizing:border-box;}
#logo {border: 1px solid #D752DC;}

@media screen and (max-width:1280px)
{
	#content {width:76%;}
}
@media screen and (max-width:1023px)
{
	.ban125 {display:none; padding:0; margin:0;}
	#content {width:73%;}
}
@media screen and (max-width:960px)
{
	#content {width:72%;}
}
@media screen and (max-width:920px)
{
  #content {width:100%; display:block;}
  #navside {float:none; width:100%; margin:0px; margin-top:12px; padding:0px;}
  .sidebartop {display:none; width:100%;}
  .dropdown .sidebartop {width:100%;}
  .sidebar {padding:5px; box-shadow:none; display:inline; position:relative;}
  .dropdown .sidebar a {display:inline-block; border: 1px solid #D752DC; margin:4px 3px;}
  #navside .dropdown {padding:7px; margin-bottom:15px; display:inline-block; text-align:center;}
  #mrq {height:52px;}
  #jps {width:100%; box-sizing:border-box; margin:0px;}
}
@media screen and (max-width:850px)
{
  #ban468 {display:none;}
}
@media screen and (max-width:750px)
{
  #ban468, #ban2-a {display:none;}
  div.nn {width:100%;}
  .logotab, .logotab2 {width:100%;}
} 
@media screen and (max-width:720px)
{
	.tdate {display: none;}
	#content {padding:14px;}
	#logo img.logoimg {height:48px; width:168px;}
	#logoram {width:168px;height:48px;}
}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
	font-size: 24px;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  #content {padding:12px;}
  img.news, img.resp {margin-right:6px;margin-left:0px;}
}
@media screen and (max-width:480px)
{
	div.b468, .b468 img, img.resp {width:99%;}
	div.resp {width:98%;}
	.tpls {display: none;}
	.logos, .logoitem, .logoitem img {width:100%; margin:0px;}
}
@media screen and (max-width:410px)
{
	#content {padding:9px;}
	#logo img.logoimg {height:32px; width:112px;}
	#logoram {width:112px;height:32px;}
}
@media screen and (max-width:340px)
{
	.b468 {display:none;}
}