a {
  font-size: 20px;
  text-decoration: none;
  font-family: Palatino Linotype;
  color: MediumBlue;
  cursor: pointer;
}


a:hover, a:active {
text-decoration: underline;
}

a:visited {
color: Purple;
}


a.b {
  font-family: Times;
  color: MediumBlue;
}

a.y {
  font-size: 20px;
  color: Navy;
  font-family: Garamond;
}

a.h {
  font-size: 24px;
  color: Navy;
  font-family: Garamond;
}

a.m {
  color: #43260A;
  font-size: 20px;
}

a.m:hover, a:active {
text-decoration: underline;
}

a.m:visited {
color: DarkSlateGray;
}

a.p {
  color: Teal;
  font-size: 20px;
}

a.e {
  color: #008040;
  font-size: 20px;
}

a.j {
  color: DarkGreen;
  font-size: 20px;
}

a.d {
  font-size: 18px;
  color: Firebrick;
}

a.l {
font-size:24px;
text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.8);
}

a.d:visited {
color: Purple;
}

a.t {
  font-size: 18px;
  color: Navy;
}

a.t:hover, a:active {
text-decoration: underline;
}

a.t:visited {
color: Purple;
}


a.h:visited {
color: Navy;
}


div {
  font-size: 20px;
  font-family: Palatino Linotype;
  text-align: center;
}

div.d {
 color: Indigo;
}

div.dm {
 color: Navy;
}

div.hv {
 color: #FFF8E8;
}

div.i {
 color: Indigo;
}

div.n {
 color: Firebrick;
}

div.p {
 color: SaddleBrown;
}

div.m {
 color: DarkGreen;
}


c.s {
  color: Purple;
}

button {
  color: Black;
}

button.b {
  font-size: 20px;
  font-family: Arial;
}

button.m {
  font-size: 28px;
  font-family: Garamond;
}

button.z {
  font-size: 32px;
  font-family: Garamond;
}

tr.b {
  background-color: #F9C92F;
  text-align: center;
}

body.b {
background-color: #FFF8E8;
}

c {
  font-size: 20px;
  text-decoration: none;
  font-family: Palatino Linotype;
}

c.s {
  color: Indigo;
}

h {
  font-size: 28px;
  text-decoration: none;
  font-family: Palatino Linotype;
}

h.d {
  font-size: 24px;
  color: Firebrick;
}

h.sm {
  font-size: 26px;
}

h.ym {
  font-size: 24px;
  color: Indigo;
}

h.yc {
  font-size: 24px;
  color: DarkGreen;
}

h.we {
  color: FireBrick;
}

h.s {
  color: DarkGreen;
}

h.ss {
  color:#CC5200;
}

h.sb {
  color: Navy;
}

h.w {
  color: #006464;
}

h.wb {
  color: FireBrick;
}

h.cb {
  color: Indigo;
}

hr.b {
  color: #F9C92F;
}

h.j {
  color: Teal;
}

h.e {
  color: #CC5200;
}

h.p {
  color: DarkMagenta;
}

h.sp {
  color: #6633CC;
}

h.y {
  font-size: 4px;
  color: #F9C92F
}

h.n {
  color: Indigo;
}

h.i {
  color: DarkRed;
}

h.c {  
  font-size: 22px;
  color: SlateGray;
}

h.ch {  
  font-size: 22px;
  color: DarkRed;
}

h.t {
  font-size: 22px;
  color: Navy;
}

h.cm {
  font-size: 22px;
  color: Indigo;
}

h.g {
  color: #260080;
}

h.z {
  color: #993300;
}

h.m {
  font-size: 22px;
  color: Black;
}

t {
  font-family: Garamond;
  font-size: 20px;
  color: Black;
  text-align: center;
}

t.m {
  font-size: 32px;
  color:#CC5200
}

t.mr {
  font-size: 26px;
  color:#54616E
}

t.u {
  font-size: 40px;
}

  
t.um {
  font-size: 44px;
}

t.a {
  font-family: Bookman;
  color: DarkSlateGrey;
  font-size: 32px;
}

t.t {
  font-family: Bookman;
  font-size: 24px;
  color: DarkSlateGrey;
}


t.cm {
  font-family: Bookman;
  font-size: 14px;
  color: LightSlateGrey;
}

t.cv {
  font-family: Bookman;
  font-size: 14px;
  color: SlateGrey;
}

t.q {
  font-family: Bookman;
  font-size: 24px;
  color: SlateGrey;
}

t.v {
  font-family: Bookman;
  font-size: 24px;
  color: DarkRed;
}

t.s {
  font-family: Bookman;
  font-size: 24px;
  color: Navy;
}

t.b {
  font-size: 24px;
  color: #4A235A
}

t.s {
  font-size: 24px; 
  color: #303030;
}

t.l {
  color: DarkRed;
}

t.e {
  color: Blue;
}

t.w {
  font-size: 8px;
}

d {
  font-family: Bookman;
  font-size: 16px;
}

w {
  font-family: Bookman;
  font-size: 18px;
}


w.n {
  color: Gray;
    font-size: 20px;
}
      
w.m {
  color: #43260A;
    font-size: 20px;
}

d.m {
  color: RosyBrown;
}



d.ms {
  color: FireBrick;
}

d.st {
  color: Indigo;
}

d.d {
  color: LightSlateGrey;
}

d.ds {
  color: Black;
}

d.b {
  color: SkyBlue;
}

d.s {
  color: DarkGreen;
  font-size: 12px;
}

td {
  text-align: center;
}

td.t {
  text-align: left;
  height: 70px;
}

td.h {
  text-align: center;
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 50px; 
  opacity:0.5;
}

td.l { 
  background: url('imag/MBC_logo.jpg');
  background-repeat: no-repeat;
  background-size: 129px 99px;
  background-position: left; 
  vertical-align: middle;
  height: 99px;

}

td.m {
height: 60px;
overflow: hidden;
}

img.d {
height: 30;
opacity: 1.0;
}

img.c
{
width: 960px;
height: 720px;
opacity: 1.0;
display: block;
margin-left: auto;
margin-right: auto;

}



*, *::before, *::after {
  box-sizing: border-box;
}

table {
margin-left:auto;
margin-right:auto;
width:96%
}

table.m { 
  display: block;
  position: relative;
  height: 700px;
  width: 900px;

}

table.m::after{
  content:"";
  background: url('imag/MBC_Main.JPG');
  background-repeat: no-repeat;
  background-size: 720px 560px;
  opacity:0.6; 
  top: 0;
  left: 90;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
}

p {
text-align:center;

}


body{background:#eee;font-family:Verdana, Helvetica, Arial, sans-serif;margin:0;padding:0}
.example{background:#FFF;width:1000px;height:500px;font-size:80%;border:1px #000 solid;margin:0.5em 10% 0.5em;padding:1em 2em 2em;-moz-border-radius:3px;-webkit-border-radius:3px}
.example .players{float:left;margin:10px}
/* === HTML5 Audio Player translucency (for <div class="player"><audio ...>) ===
   Note: native audio controls are OS-rendered; full "recoloring" isn't possible,
   but these rules make the control area more translucent and let the page
   background influence the overall appearance.
*/
.player{
  display: inline-block;
  padding: 6px 10px;
  border-radius: 14px;
  background: rgba(255,255,255,0.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.22);
}

.player audio{
  width: 260px;        /* adjust if you want narrower/wider */
  opacity: 0.72;       /* increase translucency */
  border-radius: 12px; /* helps on some browsers */
}

/* Fallback when backdrop-filter isn't supported */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .player{ background: rgba(255,255,255,0.28); }
}