
body {
      background-color:rgba(0,0,0,1.0);
   }
.menu {
    position: absolute;
    left:0px;
    top:0px;
    width:190px;
    height:100%;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 18px;
    margin: 0;
    background-color:#b33;
    }
    .menu ul {
       list-style: none;
       }
    .menu li {
       float: left;
       width: 130px;
       margin: 2px;
       margin-right: 5px;
       border-radius: 2px;
       background-color: rgba(255,255,255,0.35);
       padding: 2px;
       transition: background-color ease 1s;
       /* box-shadow: 2px 2px 1px rgba(255,255,255,0.65);*/
       }
    .menu li:last-child {
       margin-right: 0;
       }
    .menu a {
       text-decoration: none;
       color: #000;
       transition: color ease 0.5s;
       }
    .menu a:hover {
       border-bottom: 2px solid black;
       color: #000;
       transition: color ease 0.2s;
       }
    .menu li:hover {
       background-color: rgba(255,255,255,1.0);
       transition: background-color ease 0.1s;
       }
    .heading {
	background-image: url(header-wolluka-02.jpg);
        background-size: cover;
	height:100px
    }
    .heading h1{
       background-color:rgba(0,0,0,0.4);
       Text-align: center;

    }

    .mainContent {
      position:absolute
      padding: 10px;
      margin: 0 auto;
      padding-left: 190px;
      color:#ee7;
      }
    .mainContent a{
      color: rgba(200,200,200,1.0);
    }
    .mainContent a:hover{
      color: rgba(255,255,255,1.0);
    }
    .mainContent img{
      background-color:white;
    }
    .mainContent table, td, th{
      border-spacing:5px;
      border: 1px solid yellow;
      border-collapse:collapse;
      padding:10px;
          
    }
   .body {
      padding-top:15px;
   } 
   .body p {
      padding-left:40px;
   }
   .program-break
    {
      background-color:rgba(40,40,40,1.0);
    }
   .CC
    {
      background-color:rgba(0,0,40,1.0);
    }

    .sponsor {
          background-color:rgba(255,255,255,1.0);
          text-align:center;
          padding-bottom:50px;
          color:rgba(128,0,0,1.0);
          }
    .sponsor a {
      color: rgba(0,0,255,1.0);
    }
    .sponsor a:hover{
      color: rgba(255,0,255,1.0);
    }
    .sponsor table, td, th{
      border-spacing:5px;
      border: 1px solid white;
      border-collapse:collapse;
      padding:10px;
    }
        h2 {
                clear: both;
        }

        div.videos {
                width: 95%;
                margin: auto;
                clear: both
        }

        .videos video { float: left; }

        .introduction_videos video {
                width: 45%;
                margin-left: 2.5%;
                margin-right: 2.5%;
                margin-top: 1em;
                margin-bottom: 1em;
        }

        .theme_videos video {
                width: 45%;
                margin-left: 2.5%;
                margin-right: 2.5%;
                margin-top: 1em;
                margin-bottom: 1em;
        }

        .community_contribution_videos video {
                width: 28%;
                margin-left: 2.6%;
                margin-right: 2.6%;
                margin-top: 1em;
                margin-bottom: 1em;
        }
        .closing_videos video {
                width: 45%;
                margin-left: 2.5%;
                margin-right: 2.5%;
                margin-top: 1em;
                margin-bottom: 1em;
        }


