canvas{
    position: absolute;
    top:0px;    
    left:0px;
    z-index: 2000;
}
div.Static-Chat{
  overflow-x:hidden; 
  overflow-y: hidden; 
  position: relative;
  right:0;
  min-width:300px;
  width: 28%;
  height: 625px;
  border-right: 10px;
  padding: 5px;
  padding-top:0px;
  font-size:20px; 
  margin: auto;
  top:4px;
  z-index: 5;
  color:goldenrod;
  background-color:goldenrod;
}


.static-Header{
    clear: both;
    position:absolute; 
    border:solid black 5px;
    width: 100%;
    height:auto;
    overflow-x: hidden;
    background-color:transparent;
    display: grid;
    grid-template-columns: 1fr 5fr 224px;
    justify-items: center;
    margin:0;
    padding:0;
    z-index:2000;
    
} 
.static-Companylogo{
    

    
} 
.Static-Menu{
    
    
    
    
}
.Static-Sidebar{
  
        
    
    
}
.header{
    position: absolute;
    top:0px;
    left:0px;
    border:none;
    width: 100%;
    height:auto;
    background:linear-gradient(0.25turn, #1f1f1f, #505050, #000000);
    overflow-x: hidden;
    clear: both;
    background-color: transparent;
    display: grid;
    grid-template-columns: 224px 5fr 224px;
    justify-items: center;
    margin:0;
    padding:0;
    z-index:1;
}
.header-Img
{
    position: relative;
    overflow:hidden; 
    margin:0;
    width:100%; 
    height:200px;
    border:none;
    padding: 0px;
    z-index: 0;
    grid-column-start:1;
    grid-column-end:4;
    grid-row-start:1;
    grid-row-end:2;
    background-color:transparent;   
}
.header-Img-source{
    position:absolute;
    background-repeat:  no-repeat;
    background-size: 100% ;
    background-image:url("");
    width: 4000px;
    height:800px;
    top:-400px;
    left:0px;
    padding-left:0px;
    overflow: hidden;
    background-color:transparent;
    color:white;
   
    
}
.header-Img-source1{
    width: 100%; 
    height: 100%; 
    margin: 0px;
    padding: 0px;    
    
}
.fixed-header{
    overflow: hidden;
    position: fixed;
    top:0px;
    left:0px;
    border:none;
    width: 100%;
    height:auto;
    overflow-x: hidden;
    clear: both;
    background-color: transparent;
    display: grid;
    grid-template-columns: 225px 130px 1fr 150px 1fr 210px 200px 15px;
    justify-items: center;
    margin:0;
    padding:0;
    z-index:999;
}
.header-Logo 
{
    overflow: hidden;
    position:relative;
    top:0px;
    left:0px;
    grid-column-start:2;
    grid-column-end:3;

    width:100%;
    height:170px; 
    background-color:transparent;
    border:none;
    padding: 5px;
    margin: 5px;
    z-index: 1000;  
}
.header-Ad1{
    overflow:hidden;
    position:absolute;
    grid-column-start:7;
    grid-column-end:8;
    top:45px;
    left:0px;
    width:200px;
    height:120px; 
    background-color:transparent;
    border:none;
    padding-top: 0px;
    margin: 0px;
    z-index: 1000;      
}
.header-Ad2{
    overflow:hidden;
    position:absolute;
    grid-column-start:6;
    grid-column-end:7;
    top:45px;
    left:0px;
    width:200px;
    height:120px; 
    background-color:transparent;
    border:none;
    padding-top: 0px;
    margin: 0px;
    z-index: 1000;      
}

.header-Selected-Musician{
    overflow:hidden;
    position:fixed;
    top:0px;
    left:0px;
    font-size:30px;
    color:red;
    width:26%; 
    height:auto; 
    background-color:transparent;
    border:none;
    padding: 0px;
    margin: 0px;
    -webkit-transition: height 3s, width 3s;
    transition: height, 3s, width 3s;
    z-index: 3000;   
}
.header-Selected-Musician-Button{
    overflow:hidden;
    position:fixed;
    top:5px;
    left:0px;
    font-size:30px;
    color:red;
    width:210px; 
    height:290px; 
    background-color:red;
    border:none;
    padding-top: 0px;
    margin: 0px;
    background-color:transparent;
    -webkit-transition: height 3s, width 3s;
    transition: height, 3s, width 3s;

    z-index: 3000;   
}
.header-sponser{
    display: block;
    overflow:hidden;
    position:absolute;
    grid-column-start:6;
    grid-column-end:9;
    top:5px;
    left:125px;
    width:410px;
    height:50px; 
    background-color:transparent;
    border:none;
    padding-top: 0px;
    margin: 0px;
    font-size:30px;
    font-weight:bold;  
    color:gold;
    z-index: 1000;      
}
.header-Weather{
    overflow: visible; 
    position:relative;   
    border: none; 
    background-color:transparent;
    width: 100%;
    height:130px; 
    padding: 0px;
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:1;
    grid-row-end:2;
    z-index:2000;  
}
.header-Menu{
   position: absolute;
    top:172px;
    min-width:800px;
    width:100%;
    background-color:transparent;
    border:none;
    display: grid;
    padding: 0px;
    z-index: 1000;  
}
div.MenuHolder{ 
    position: relative; 
    float: left;
    width: 100%;
    min-width:800px;
    height:25px; 
    margin: 0;
    background-color:  rgb(158,133,9);
    text-align: left;
    vertical-align:  bottom;
    border-top:  chocolate;
    border-width: 1px; 
    border-style: solid;
    padding:0px; 
    border-collapse:collapse;
    font-family:sans-serif;
    text-align:   left;
    font-size: 20px;
    font-weight: bold;
    opacity:0.75;

 }
 Menu-Item{
    position:relative;
    list-style-type:none ;
    padding:0px;
    z-index: 9;
    margin: auto;
    background-position:center; 
    background-repeat: no-repeat;
    background-size:  contain ;
    top:0; 
    left:0;
    display: inline-block;
    background-color:transparent;
    width: 10vw; 
    min-width:100px;
    height: 100%; 
    color: white;
    text-align: center;
    padding: 0px 0px;
    text-decoration: none;
}
div.divMenu {
    z-index: 1;
    display:inline-block;
    background-repeat: no-repeat;
    background-position:center; 
    margin: auto;
    float: left;
    width: 66px; 
    height: 100px; 
    border-color: white;
    border-style:  none;
    text-align: center;
    color: white;
}
.header-Content{
    position: relative;
    background-color:transparent;
    border:none;
    padding: 0px;
    margin:0px;
    width: 100%;
    grid-column-start:1;
    grid-column-end:4;
    grid-row-start:2;
    grid-row-end:3;
    z-index: 0;  
}
ul.Menu {
    
    position:relative;
    list-style-type:none ;
    padding:0px;
    z-index: 9;
    margin: auto;
    background-position:center; 
    background-repeat: no-repeat;
    background-size:  contain ;
    top:0; 
    left:0;
    display: inline-block;
    background-color:transparent;
    width: 10vw; 
    min-width:100px;
    height: 100%; 
    color: white;
    text-align: center;
    padding: 0px 0px;
    text-decoration: none;
}

li.liGold{
   font-family:"Trebuchet MS", Helvetica, sans-serif;
   font-size: 20px;
   color: orange;
   font-weight: bold;
   background-color: transparent;
   padding-left:0px;
   margin:0px;
   text-align: left;
}

li.liAMenu {
    z-index: 1;
    display:inline-block;
    background-repeat: no-repeat;
    background-position:center; 
    margin: auto;
    float: left;
    width: 66px; 
    height: 100px; 
    border-color: white;
    border-style:  none;
    text-align: center;
    color: white;
}
.content{
    position: relative;
    clear: both;
    margin:0px;
    padding:0;
    display: grid;
    width :100%;
    border:none; 
    grid-template-columns:5px 6fr 5px 212px;
    justify-items: left;
    
    background-color:transparent;
    z-index:0;
}
.content-Menu-Space {
    position: relative;
    border:none;
    justify-items: center;
    position:relative; 
    clear: both;
    background-color:   rgb(158,133,9);
    background-color:transparent;
    
    width: 100%;
    height:50px;
    padding:0px;
    margin:0px;    
    grid-column-start:1;
    grid-column-end:5;
    grid-row-start:1;
    grid-row-end:2;
    z-index: 0;  
    
}
.content-Footer {
    position: relative;
    border:none;
    justify-items: center;
    position:relative; 
    clear: both;
    background-color:   rgb(158,133,9);
    background-color:transparent;
    width: 100%;
    height:100px;
    padding:0px; 
    margin:0px;    
    grid-column-start:1;
    grid-column-end:5;
    grid-row-start:3;
    grid-row-end:4;
    z-index: 0;  
}

.content-Article {
    border:none;
    justify-items: center;
    position:relative; 
    clear: both;
    background-color:transparent; 
    width: 100%;
    height:30px;
    padding:0px;
    margin:0px;    
    grid-column-start:1;
    grid-column-end:3;
    grid-row-start:2;
    grid-row-end:3;
    z-index: 0;  
}
.content-Article-Heading{
    border:none;
    font-family: Arial Rounded;
    position: relative;
    background-color:transparent;
    width:100%; 
    color:white;
    margin:0px; 
    padding:0px; 
    text-align:  center;
    font-size: 21px;
    font-weight: bold;
    color: gold;
    z-index: 0;  
}
.content-Selection{
    position: relative;
    clear: both;
    width :212px;
    height:0px;
    background-color:  rgb(158,133,9);
background-color:transparent;

padding:0px;
    margin:0;
    grid-column-start:4;
    grid-column-end:5;
    grid-row-start:2;
    grid-row-end:3;
    z-index: 0;
}
.content-Selection-Heading{
    border:none; 
    font-family: Arial Rounded;
    position: relative;
    background-size:100%;
    background-color:transparent;
    width:212px; 
    height:25px;
    color:white;
    margin:0px; 
    padding: 0px; 
    text-align:  center;
    font-size: 21px;
    font-weight: bold;
    color: gold;
    overflow-x: hidden;
    overflow-y: hidden;

}
.content-Article-Holder {
    clear: both;
    border:none;
    justify-items: center;
    position:relative; 
    background-color:transparent ;

    width: 100%;
    padding:0px;
    margin: 0px;    
    margin-top:2px;
    grid-column-start:1;
    grid-column-end:3;
    grid-row-start:3;
    grid-row-end:4;
    z-index: 0;  
}
        div.ArticleCover{
            position:relative;
            background-repeat: no-repeat; 
            background-position: bottom;
            vertical-align: bottom;
            width:70%; 
            height:auto; 
            border-color:black; 
            background-color:black; 
            margin:0; 
            padding: 0px; 
            font-size: 0px;
            overflow-x: hidden;
            overflow-y: visible; 
        }
        div.ArticleText{
            position:relative;
            float: right;
            background-repeat: no-repeat; 
            background-position: bottom;
            vertical-align: bottom;
            width:29%; 
            height:auto; 
            border-color:transparent; 
            background-color:transparent; 
            margin:4px; 
            padding: 0px; 
            font-size: 0px;
            overflow-x: hidden;
            overflow-y: visible; 
        }
.content-Musician-Div{
    overflow:hidden; 
    position:relative;
    z-index:0;
    min-width: 220px;
    border-bottom: none;
    margin:0px; 
    padding:0px;
    border:0px;
    background-color:transparent;
    float: left;
    width:70%; 
}
    div.TopCCDivMusicianEncap{
            position: relative;
            display: inline-block;
            float:left; 
            background-size:196px 120px;
            margin:0px;
            width:220px; 
            height:290px; 
            border:none; 
            color:white;
            margin:0px; 
            padding: 0px;
            font-size: 25px;
            overflow: visible;
            
            background-color:transparent;
            -webkit-transition: height 3s, width 3s;
            transition: height, 3s, width 3s;

        }

     button.MusicianButton{
            position:Absolute;
            display:block;
            float:left;
            vertical-align:top; 
            background-size:196px 120px;
            margin:0px;
            width:200px; 
            height:280px; 
            left:0px;
            top:0px;
            border:none; 
            color:white;
            margin:0px; 
            padding: 0px;
            font-size: 30px;
            overflow: hidden;
            background-color:transparent;
            z-index:3000;
        }
        button.butDonationWindow{
            position:relative;
            vertical-align:top; 
            margin:0px;
            width:65px; 
            height:80px; 
            left:auto;
            top:auto;
            border:none; 
            color:white;
            margin:0px; 
            padding:0px;
            font-size: 0px;
            overflow: hidden;
            background-color:transparent;
            z-index:10;
        }
        img.imgDonation{
            overflow-x:hidden; 
            overflow-y: hidden; 
            position: relative;
            top:auto;
            left:auto;
            width: auto;
            height: 100%;
            border: 0px;
            padding: 0px;
            font-size:20px; 
            margin: 0px;
            z-index: 5;
            color:goldenrod;
            background-color:transparent;
       }

        div.TopCCDivMusician{
            position:relative;
            display:inline;
            float:left;
            vertical-align:top; 
            background-size:196px 120px;
            margin:0px;
            width:200px; 
            height:280px; 
            border:none; 
            color:white;
            margin:0px; 
            padding: 0px;
            font-size: 25px;
            overflow: hidden;
            border-radius: 5px;
            background-color:gold;
            background:linear-gradient(0.1turn, gold, #756300, goldenrod);
                box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -5px -5px 5px rgba(0, 0, 0, .6);
        }
            img.PlayButtonMusicianImg{
               z-index: 6;
               position:absolute;
               top:6px;
               left:8px;
               width:80px;
               border-radius: 50%;
               border-style:  outset;
               box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
               inset -5px -5px 5px rgba(0, 0, 0, .6);
               height:auto;    
               opacity: 1;
               overflow: hidden;
           }

            img.PlayMusicianImg{
               z-index: 6;
               position:absolute;
               top:2px;
               left:30px;
               width:140px;
               border-radius: 50%;
               border-style:  outset;
               box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
               inset -5px -5px 5px rgba(0, 0, 0, .6);
               height:auto;    
               opacity: 1;
               overflow: hidden;
           }
            b.bm1{
                display:block; 
                text-align: center;
                line-height:24px;
                color:black; 
                color: #0000ff;
                text-shadow: 1px 2px 2px #fff;
                z-index: 8;
                position:absolute;
                font-family: "Arial Rounded";
                background:transparent;
                font-size:25px; 
                width:200px; 
                height:50px;
                top: 184px; 
                left:0px;
                overflow:hidden;
            }

            b.bm2{
                
                text-align: center;
                 line-height:24px;
                color: #ffffff;
                text-shadow: 1px 2px 2px #000;
                z-index: 8;
                position:absolute;
                font-family: "Arial Rounded";
                font-size:25px; 
                width:200px; 
                height:50px;
                top: 234px; 
                left:0px;
                overflow:hidden;
            }
            a.VideoArticleHref {
                z-index:8;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                border:none; 
                text-decoration: none;
                background-color: transparent;
                overflow: hidden;
                opacity: 1;
           }

            b.bsearch1{
                
                text-align: center;
                 line-height:24px;
                color: #ffffff;
                text-shadow: 1px 2px 2px #000;
                z-index: 8;
                position:absolute;
                font-family: "Arial Rounded";
                font-size:20px; 
                width:100px; 
                height:30px;
                top: 10px; 
                left:80px;
                overflow:hidden;
                z-index:7;
            }
                b.bsearch2{
                
                text-align: center;
                line-height:24px;
                color: #ffffff;
                text-shadow: 1px 2px 2px #000;
                z-index: 8;
                position:absolute;
                font-family: "Arial Rounded";
                font-size:20px; 
                width:100px; 
                height:30px;
                top: 30px; 
                left:80px;
                overflow:hidden;
                z-index:7;
                }

            b.bmNum{
                
                text-align: left;
                 line-height:24px;
                color: #ffffff;
                text-shadow: 1px 2px 2px #000;
                z-index: 8;
                position:absolute;
                font-family: "Arial Rounded";
                font-size:25px; 
                width:200px; 
                height:50px;
                top: 4px; 
                left:4px;
                overflow:hidden;
            }


.content-Article-1 {
    clear: both;
    overflow:hidden;
    position:relative; 
    background-color:transparent ;
    border: none; 
    width: 97%;
    min-height: 800px;
    padding:auto;
    margin-bottom:28px;
    margin-left:10px;
    z-index: 0;  
}
.content-Image-Holder{
    overflow:scroll; 
    z-index:0;
    background-color:transparent;
    border-bottom: none;
    position:relative;
    float: left;
    width:98%;
    height:1000px;
       background-color:transparent;
}
img.ArtistButton{
    z-index: 6;
    position:relative;
    opacity: 1;
    height:150px;
}

.content-Musician-lst{
    overflow-x: hidden;
    z-index:0;
    height:80%;
   
    min-width: 500px;
    margin:0px; 
    padding:0px;
    border:0px;
    position:relative;
    background-color:transparent;
    float: left;
    width:68%; 
}

div.MusicianAudioShare{
    display:grid;
    overflow-x:hidden; 
    overflow-y: hidden; 
    position: absolute ;
    width: 94%;
    height: 75px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    z-index: 8;
    float:bottom;
    top:70%;
    left:0px;
    grid-template-columns: minmax(75px,100px) minmax(75px,100px) minmax(75px,100px) minmax(75px,auto) minmax(150px,150px);
    text-align: center;
    background:transparent;
}
 .content-Musician-Holder{
    overflow-x:hidden;
    overflow-y:hidden;
    display:grid; 
    grid-template-columns:200px auto;
    padding:10px; 
    z-index:0;
    width: 97%;
    height: 200px;
    position:relative;
    background:linear-gradient(0.1turn, #505050, #000000, #303030);

}
div.ArtistNumber{
    position: absolute;
    top:0px;
    left:8px;
    width:30px;
    height:30px;
    background-color:transparent;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    text-align: left;
    font-size: 25px;
    font-weight: 400;
    color: goldenrod;
    
}
.content-Musician-Img{
   
    overflow:hidden; 
    z-index:0;
    width: 120px;
    height: 150px;
    background-color:transparent;
    
}
.content-Musician-Text{
    text-align:center; 
    overflow: hidden; 
    z-index:0;
    width: 90%;
    height: 150px;
    background-color:transparent;
}
.content-Video-Div{
    overflow:hidden; 
    position:relative;
    z-index:0;
    min-width: 500px;
    border-bottom: none;
    margin:0px; 
    padding:0px;
    border:0px;
    background-color:transparent;
    float: left;
    width:70%; 
}
.content-Video-Div:before{
    overflow:hidden;    
    position: relative;
    z-index:0;	
    margin:0px; 
    padding:0px;
    border:0px;
    content: "";
    display: block;
    padding-top: 70%; 	/* initial ratio of 1:1*/
}
canvas{
    position: absolute;
    top:0px;    
    left:0px;
    width: 100%;
    height: 81%;
    z-index: 2000;
}
div.AgeRestriction{
    opacity: 0.8;
    vertical-align: middle; 
    text-align:center; 
    font-size: 20px;
    color:#FFFFFF; 
    position: absolute;
    top:0px;    
    left:0px;
    width: 100%;
    height: 81%;
    z-index: 2002;
    background:linear-gradient(0.1turn, #505050, #000000, #303030);

}
button.AgerestrictionBut{
    border-color: red;
    border-radius: 25px;
    vertical-align: middle; 
    width:40%; 
    text-align:center; 
    font-size: 24px;
    color:#FFFFFF; 
    background:linear-gradient(0.1turn, #500000, #990000, #300000);

}
.content-Image-Div{
    overflow: scroll; 
    z-index: 0;
    position: absolute;
    max-width: 97%;
    height: 79%;
    margin:0px; 
    padding:0px;
    border:0px;    
    z-index: 5;
    top:4px;
    left:5px;
    background-color:transparent;
}
iframe.VideoFrameMain{
            overflow: scroll; 
            z-index: 0;
            position: absolute;
            width: 97%;
            height: 79%;
            margin:0px; 
            padding-left:5px;
            border:0px;
            z-index: 5;
            top:4px;
            left:0px;
            background-color:transparent;
        }

       div.AudioShare{
           display:grid;
           overflow-x:hidden; 
           overflow-y: hidden; 
            position: absolute ;
            width: 97%;
            height: 75px;
            border: 0px;
            padding: 0px;
            margin: 0px;
            z-index: 8;
            float:bottom;
            top:78%;
            left:0px;
            grid-template-columns: minmax(75px,100px) minmax(75px,100px) minmax(75px,100px) minmax(100px,130px) minmax(75px,auto) minmax(150px,150px);
            text-align: center;
            background-color:transparent;
       }
        div.TipJarHolderMusician{
            overflow-x: hidden; 
            overflow-y: hidden; 
            position: absolute ;
            top:80px;
            left:130px; 
            width: 50px;
            height:100px;
            border: 0px;
            padding: 0px;
            margin: 5px;
            z-index: 10;
            text-align: center;
            background-color:transparent;
       }
       div.TipJarHolder{
           
           overflow-x: hidden; 
           overflow-y: hidden; 
            position: relative ;
            width: 50px;
            height:75px;
            border: 0px;
            padding:auto;
            margin: auto;
            z-index: 10;
            top:auto;
            left:auto;
            background-color:transparent;
       }
       img.Tipjar{
                overflow-x:hidden; 
                overflow-y: hidden; 
                position: relative;
                top:auto;
                left:auto;
                width: 50px;
                height: 75px;
                border: 0px;
                padding: auto;
                font-size:20px; 
                margin: Auto;
                z-index: 5;
                color:goldenrod;
                background-color:transparent;
       }

       img.AudioIcon{
            overflow-x:hidden; 
            overflow-y: hidden; 
            z-index: 0;
            position: relative;
            width: 154px;
            height: 15px;
            border: 0px;
            padding: auto;
            margin: auto;
            top: auto;
            left: auto;
            z-index:40;
            background-color:transparent;
       }
a.AShare{
    overflow: hidden;
    z-index: 9;
    position:relative;
    margin:auto;
    background-position:center; 
    background-repeat: no-repeat;
    background-size:  contain ;
    font-size:0px;
    width: 60px; 
    height: 30px; 
    color: white;
    text-align: center;
    padding-right: 3px;
    text-decoration: none;
    background-color:transparent;
}
       div.ShareFT{
            overflow-x:hidden; 
            overflow-y: hidden; 
            z-index: 0;
            position:relative;
            background-color: black;
            width: 200px;
            height: 30px;
            border: 0px;
            padding:auto;
            margin: auto;
            z-index: 20;
            background-color:transparent;       }
       div.divgadget{
                overflow-x:hidden; 
                overflow-y: hidden; 
                position: relative;
                width: 80px;
                height: 50px;
                border: 0px;
                padding-left: 0px;
                font-size:20px; 
                margin: 0;
                margin: Auto;
                z-index: 5;
                color:goldenrod;
                background-color:transparent;
       }
       img.imggadget{
                overflow-x:hidden; 
                overflow-y: hidden; 
                position: absolute;
                top:0;
                left:0;
                width: 50px;
                height: 50px;
                border: 0px;
                padding-left: 10px;
                font-size:20px; 
                margin: Auto;
                z-index: 5;
                color:goldenrod;
                background-color:transparent;
       }
              img.imgChat{
                overflow-x:hidden; 
                overflow-y: hidden; 
                position: absolute;
                top:0;
                left:0;
                width: 80px;
                height: 60px;
                border: 0px;
                padding-left: 10px;
                font-size:20px; 
                margin: Auto;
                z-index: 5;
                color:goldenrod;
                background-color:transparent;
       }

        div.ShareText{
                overflow-x:hidden; 
                overflow-y: hidden; 
                position: relative;
                float:left;
                width: 75px;
                height: 50px;
                border: 0px;
                padding-left: 10px;
                font-size:20px; 
                margin: Auto;
                z-index: 5;
                color:goldenrod;
                background-color:transparent;
            }

            img.ShareText{
                display:inline ;  
                overflow-x:hidden; 
                overflow-y: hidden; 
                position: relative;
                float:left;
                width: 47px;
                height: 30px;
                border: 0px;
                padding-left: 10px;
                font-size:20px; 
                margin: Auto;
                z-index: 5;
                vertical-align: middle;
                background-color:transparent;
                
            }
             img.ShareFTIcons{
                overflow-x:hidden; 
                overflow-y: hidden; 
                position: relative;
                float:left;
                width:30px;
                height:30px;
                border: 0px;
                padding-left: 10px;
                margin: auto;
                z-index: 5;
                background-color:transparent;
             }

.content-Selection-1{
    overflow-y:hidden;
    overflow-x: hidden;
    position: relative;
    clear: both;
    width :220px;
   
    padding:0px;
    margin:0;
    grid-column-start:4;
    grid-column-end:5;
    grid-row-start:3;
    grid-row-end:4;
    z-index: 0;
    background-color:transparent;
}
.content-Selection-1-container{
    
    overflow-y:scroll;
    overflow-x: hidden;
    position: relative;
    clear: both;
    width :212px;
    height: 200px;
    background-color:green;
    padding:0px;
    margin:0;
    background-color:transparent;
    z-index: 0;
}
.content-Selection-Video{
    
    border:none;  
    font-family: Arial Rounded;
    position: relative;
    float:left; 
    background-size: 200px 120px;
    background-color:transparent;
    width:210px;
    height:250px;
    margin-bottom:2px; 
    margin-top:2px; 
    padding: 0px; 
    font-family:sans-serif;
    text-align:   center;
    font-size: 0px;
    font-weight: bold;
    color: greenyellow;
    z-index: 0;  
}
button.Submit{
     z-index: 10;
     position:relative; 
     float: left; 
     white-space: normal;
     background-color: transparent;
     font-size:30px ;
     padding-left: 0px;
     height:40px;
     color: black;
     background-repeat: no-repeat;
     margin:auto; 
}
div.inputDiv{
    position:relative;   
    z-index: 5;
    width: 525px;
    height:22px;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    font-size:18px;
    text-align: left;
    overflow: hidden;
}
.inputLable{
    float:left;
    position:relative;   
    z-index: 5;
    width: 250px;
    height:22px;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    word-break:  keep-all;
    font-size:18px;
    text-align: left;
}
.inputChk{
    float:left;
    position:relative;   
    z-index: 5;
    width: auto;
    height:22px;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    word-break:  keep-all;
    font-size:18px;
    text-align: left;
}
input.inputCheckBox{
    float:left;
    position:relative;   
    z-index: 5;
    width: 25px;
    height:22px;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    word-break:  keep-all;
    font-size:18px;
    text-align: left;
}
input.UserName{
    float:left;
    position:relative;   
    z-index: 5;
    width: 250px;
    height:22px;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    word-break: normal;
    font-size:18px;
    text-align: left;
}
.inputCommenttxt{ 
     position: relative;
     float: left;
     width: 550px;
     height:200px; 
     margin: auto;
     left: 10px; 
     background-color: #ccccff;
     text-align: left;
     vertical-align:  bottom;
     border:black;
     border-width: 2px; 
     border-style: solid;
     padding:0px; 
     
    
     border-collapse:collapse; 
 }
div.divContactUs{ 
     position: relative;
     float: left;
     width: 600px;
     height:400px; 
     margin: auto;
     
     background-color: #ccccff;
     text-align: left;
     vertical-align:  bottom;
    
     border-top:  chocolate;
     border-width: 3px; 
     border-style: solid;
     padding:0px; 
     
    
     border-collapse:collapse; 
 }

div.MenuBack{ 
     position: absolute;
     float: bottom;
     float: left;
     width: 200px;
     height:50px; 
     margin: auto;
     border-color: transparent;
     background-color:transparent;
     text-align: left;
     vertical-align:  bottom;
     background-color: black;
     top: 0;
     left:0;
     opacity: 0.5;
     padding:0px; 
     
    
     border-collapse:collapse; 
 }
 
a.AMenu{
     overflow: hidden;
    z-index: 9;
    position:relative;
    margin: auto;
    background-position:center; 
    background-repeat: no-repeat;
    background-size:  contain ;
    font-size:20px;
    top:0; 
    left:0;
    display: inline-block;
    background-color:transparent;
    width: 15vw; 
    height: 100%; 
    color: white;
    text-align: center;
    padding: 0px 0px;
    text-decoration: none;
}
a.AMenu:hover{
    z-index: 9;
   
    border-color: white;
    border-style:none;
    border-collapse:collapse;
    color: red;
    font-size:22px;
    transition: all .5s;
  
}
div.TMenu{
    overflow: hidden;
    z-index: 9;
    position:relative;
    margin: auto;
    background-position:center; 
    background-repeat: no-repeat;
    background-size:  contain ;
    font-size:16px;
    top:0; 
    left:0;
    display: inline-block;
    background-color:transparent;
    width: 15vw; 
    height: 100%; 
    color: white;
    text-align: center;
    padding: 0px 0px;
    text-decoration: none;
}
a.dropA {
    position: absolute;
    z-index: 20;
    margin: 0px;
    height:30px;
    background-position:center; 
    background-repeat: no-repeat;
    background-size:  contain ;
    font-size:20px;
    overflow:hidden;
    top:0; 
    left:0;
    display: inline-block;
    background-color:transparent;
    width: 250px; 
    height: 0%; 
    color: white;
    text-align: center;
    padding: 0px 0px;
    text-decoration: none;
    
}
a.dropA:hover{
    z-index: 20;
    font-size:22px;
    border-color: white;
    border-style:none;
    border-collapse:collapse; 
    color: red;
    transition: all .5s;
}
div.dropbtn {
    position: absolute;
    z-index: 20;
    margin: 0px;
    height:30px;
    background-position:center; 
    background-repeat: no-repeat;
    background-size:  contain ;
    font-size:20px;
    overflow:hidden;
    top:0; 
    left:0;
    display: inline-block;
    background-color:transparent;
    width: 250px; 
    height: 0%; 
    color: white;
    text-align: center;
    padding: 0px 0px;
    text-decoration: none;
    
}
div.dropbtn:hover{
    z-index: 20;
    font-size:22px;
    border-color: white;
    border-style:none;
    border-collapse:collapse; 
    color: red;
     transition: all .5s;
}
div.dropbtnClose{
    position: absolute;
    display: inline-block;
    z-index: 9;
    margin: 0px;
    background-position:center; 
    background-repeat: no-repeat;
    background-size:  contain ;
    font-size:35px;
    background-color:transparent;
    width: 100%; 
    height:25px; 
    color: white;
    top:0;
    left:0;
    font-size: 20px;
    text-align: center;
    padding: 0px 0px;
    text-decoration: none;
}

.dropdown-content {
    overflow: hidden;
    vertical-align:central; 
    font-size:20px;
    position:absolute;
    z-index: 10;
    padding-left:0px;
    height:0px;
    position: absolute;
    background-color:transparent;
    top:50px;
    color:transparent;
    
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    
}
.dropdown-contentMenuBack {
    position:absolute;
    overflow: hidden;
    z-index:9;
    height:0px;
    width: 50px;
    position: absolute;
    background-color: black;
    opacity:0.5; 
    top:50px;
}
a.LiHref{
    background-size:contain;  
    line-height: 100%;
    font-size:20px;
    height:30px;
    vertical-align:middle; 
    overflow: visible;
    z-index: 10;
    color: goldenrod;
    padding: 0px 0px;
    margin: auto;
    display: block;
    text-align: center;
    text-decoration: none;
}

a.LiHref:hover{
    font-size:22px;
    height:50px;
    background-color: #f1f1f1;
    transition: all .5s;
}

div.wunderground{
    position: relative  ;
    float:bottom; 
    width:300px; 
    height:100px; 
    border-color:black; 
    margin:0; 
    padding: 0px; 
    font-size: 18px;
    color: black;
    background-color:white;   
}

img.imgwunderground{
    position:relative; 
    float: left;
   
   float: left;
   margin: 20px;
}
div.Test{
    position: relative  ;
    float:left; 
    width:1000px; 
    height:4000px; 
    border-color:black; 
    margin:0; 
    padding: 0px; 
    font-size: 18px;
    color: black;
    background-color:white;   
}

div.ArticleMusicianDIV{
    color: whitesmoke;
     font-size: 18px;
    text-align: center;
}
div.ArticleDIV{
    color: whitesmoke;
     font-size: 18px;
    text-align: center;
}

ul.ArticleUL{
    color: black;
    font-size: 20px;
    font-weight: bold;
}
ul.ArticleListCircle{
    color: black;
    list-style-type:disc;
}
a.ArticleReference{
    
    font-size: 12px;
    color: blue;
}
a.ArticleReferenceInside{
    font-size: 16px;
    color: blue;
}
img.ArticleImage{
    width: 150px;
    height: 90px;
   float: left;
   margin: 20px;
}
img.ArticleImageL{
    height: 300px;
    width: 300px;
    float: left;
    margin: 20px;
}
img.ArticleImageR{
    height: 90px;
    width: 150px;
    float: right;
    margin: 20px;
}

li{
            font-family:"Trebuchet MS", Helvetica, sans-serif;
            font-size: 18px;
            color: white;
            font-weight: bold;
            background-color: transparent; 
            text-align: left;
        }



p.ContentP{
    
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    text-indent:25px; 
    text-align: left;
    font-size: 18px;
    font-weight:  400;
    color: goldenrod;
    word-wrap:  break-word;
   }
p.ContentPBolder{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 18px;
    color: goldenrod;
    font-weight: bold;
}

h1.Heading1{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    text-align: center;
    vertical-align: central; 
    font-size: 18px;
    color:gold;
    font-weight: bolder;
    margin:0; 
    padding: 0px; 
}
h2.Heading2{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 24px;
    color: goldenrod;
    font-weight: bold;
    margin:0; 
    padding: 0px; 
}
h3.Heading3{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 20px;
    color: goldenrod;
    font-weight: bold;
}
h4.Heading4{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 20px;
    color: goldenrod;
    font-weight: bold;
}
h5.Heading5{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 20px;
    color: goldenrod;
    font-weight: bold;
}
h6.Heading6{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 20px;
    color: goldenrod;
    font-weight: bold;
}
h7.Heading7{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 20px;
    color: goldenrod;
    font-weight: bold;
}


a.Links{
        color:rgb(186, 122, 211);
}
    a.Links:hover{
        color:rgb(186, 122, 211);
        font-weight:bolder;
    }
    a.Links:visited{
        color:rgb(157, 21, 116);
    }
    a.Links:active{
        color:rgb(186, 122, 211); 
    }
a.LinksPage{
    color: blue;
}
    a.LinksPage:hover{
        color: lightskyblue;
    }
    a.LinksPage:active{
        color: lightskyblue;
    }
    a.LinksPage:visitedP{
        color: gray;
}
a{
    color: skyblue;
}
    a:hover{
        color: lightskyblue;
    }
    a:active{
        color: lightskyblue;
    }
    a:visitedP{
        color: gray;
}
a.BottomLink{
    color:white;
    font-weight: bold;

}
    a.BottomLink:hover{
        color:white;
        font-weight: bolder;
    }
    a.BottomLink:visited{
        color:gray;
        font-weight: bold;
    }
    a.BottomLink:active{
        color:white;
        font-weight: bold;

    }
a.CenterHeadLinks{
    font-size: 20px;
    font-weight: bold;
    color: greenyellow;
}
    a.CenterHeadLinks:hover{
        font-size: 20px;
        font-weight: bolder;
        color: greenyellow;
    }
    a.CenterHeadLinks:visited{
        font-size: 20px;
        font-weight: bold;
        color: greenyellow;
    }
    a.CenterHeadLinks:active{
        font-size: 20px;
        font-weight: bold;
        color: greenyellow;
}
body.BodyStyle{
    overflow-y:Auto;
    overflow-x:hidden;
    border-collapse:  collapse;
    margin: 0; 
    padding: 0; 
    width: 100%; 
    height: 100%;
    font-size: 0px;
    position: relative;
    background:linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c);
}

div.DivMain{

}
div.ButtonHolder{ 
            position:  relative;
            float: left;
            width: 1000px;
            height:40px; 
            margin: auto;
            background-color:transparent;
            text-align:center; 
        }
        div.DivButtonspacer{
            position: relative;
            float:left; 
            background-size:100%;
            background-color:transparent; 
            width:auto; 
            height:40px; 
            border-color:black; 
            color:white;
            margin:0; 
            padding:0px; 
            font-size:0;
            overflow-x:hidden;  
            overflow-y:hidden;
        }
             imgButtonSpacer{
               background-image: url('../Images/CustomerButtons/spacer.png');
               background-size: initial;   
               position:absolute;
               top:0px;
               left:0px;
               overflow-x:hidden;    
            }
       
        div.DivCustButton{
            position: relative;
            float:left; 
           
            background-color:transparent; 
            width:auto; 
            height:40px; 
            border-color:black; 
            color:white;
             margin: auto; 
            padding:0px; 
            font-size: 12px;
        }
            a.ACustButton {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                text-decoration: none;
                z-index: 5;
                background-color: transparent; 
            }    
             a.ACustButton:hover {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                text-decoration: none;
                z-index: 5;
                background-color: transparent; 
            }
             a.ACustButton:hover ~ .imgCustButton{
                 display: none; 
                opacity: .4;
            }

             img.imgCustButton{
                background-repeat: no-repeat;
                position:absolute;
                top:0px;
                left:0px;
                
            }
                 
             img.imgCustButtonH{
                background-repeat: no-repeat;
                position: relative;
                top:0px;
                left:0px;
                
             }

            a.CompanyLogoDiv{
                position:absolute; 
                background-image: url('../Images/Logo200X100/CoLogo.png'); 
                background-repeat: no-repeat;
                background-position: top;
                background-position: left;
                background-color:transparent; 
                border-color:black; 
                background-size:  contain;
                top:5px;
                left:20px;
                width:100px;
                height:100px; 
                margin: 0; 
                padding:0px; 
                font-size: 0px;
                background-color:transparent;
                z-index:2000;
            }
            a.CompanyLogoDiv:hover{
                    background-image: url('../Images/Logo200X100/CoLogoH.png')
                }        
            div.Weather{
                z-index: 10;
                position:absolute; 
                top:10px;
                left:10px;
                font-weight: 500;
                background-color:transparent; 
                width:194px; 
                height:130px;
                color: black;
                border-color:White; 
                margin-left:0px; 
                padding:10px; 
                font-size: 18px;
                overflow-y: hidden;
                opacity: 1;
            }
            div.Weather1{
                left:10px;
                top:10px;
                z-index: 10;
                position: absolute; 
                font-weight: 500;
                float:left;
                background-color:transparent; 
                width:194px; 
                height:130px;
                 color: goldenrod;
                margin-left:0px; 
                outline: 2px transparent; 
                padding: 8px; 
                font-size: 18px;
                overflow-y: hidden;
                opacity: 1;
            }
            div.Weather1:hover{
                left:10px;
                top:10px;
                position:absolute; 
                outline: 2px solid gold; 
                z-index: 10;
                position:absolute; 
                font-weight: 500;
                float:left;
                background-color:black; 
                width:194px; 
                height:1000px;
                 color: goldenrod;
                padding: 8px; 
                font-size: 18px;
                overflow-y: hidden;
                transition:height 1s, background-color 3s ;
                opacity: .85;
            }
            div.DivWeatherRadar{
                position: relative;
                width:134px;
                height:20px;
                font-weight: 500;
                background-image: url('../Images/Buttons/TulsaRadar.png');
                background-color:blue; 
                color:  yellow;
                border-color:white; 
                margin-left:0px; 
                top:165px;
                padding: 0px; 
                font-size: 18px;
            }    
            a.WeatherRadar{
                z-index:10; 
                position:absolute; 
                font-weight: 500;
                width:100%;
                height:100%;    
                top:0;
                left:0; 
                background-color:transparent; 
                color:  yellow;
                border-color:white; 
                margin-left:0px; 
                padding: 0px; 
                font-size: 18px;
            }    
 
            a.WeatherRadar:hover{
                background-image: url('../Images/Buttons/TulsaRadarS.png');
            }
             a.WeatherRadar img{
                width:100px;
                height:30px;
                position:absolute;
                top:20px;
                left:20px;
                z-index:10; 
             }

            a.Video {
                z-index:3000;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                text-decoration: none;
                
                background-color: transparent; 
                opacity: 1;

            }
           img.PlayButtonImg{
               z-index: 6;
               position:absolute;
               top:0px;
               left:0px;
               opacity: 1;
               width:200px;
               height:120px;
               
           }
           img.PlayButtonImgRed{
                z-index:7;
                width:200px;
                height:120px;
                position:absolute;
                top:0px;
                left:0px;
                transition: .5s ease;
                opacity: 0;
          }
           img.PlayButtonImgCircle{
               z-index:7;
               position:absolute;
               top:0px;
               left:0px;
               -webkit-transition: all .5s;
               transition: all .5s;

           }
          a.Video:hover ~.PlayButtonImgCircle{
               opacity: 0; 
              -webkit-transform: scale(1.7);
                transform: scale(1.7);
            }
           a.Video:hover ~.PlayButtonImgRed{
               opacity: 1; 
               transition: opacity .5s ease-in; 
           }

           a.hrefBussinessCard{
                z-index:9;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                text-decoration: none;
                background-color: transparent; 
                opacity: 1;
           }
           a.hrefBussinessCard:hover ~ .PlayButtonImgCircle{
                -webkit-transform: scale(1.7);
                transform: scale(1.7);
          }
           a.hrefBussinessCard:hover ~ .PlayButtonImgRed{
               opacity: 1; 
               transition: opacity .5s ease-in; 
          }
.content-Selection-VideoAd{
    border:none;  
    font-family: Arial Rounded;
    position: relative;
    float:left; 
    background-size: 200px 120px;
    background-color:transparent;
    width:210px;
    height:125px;
    margin-bottom:2px; 
    margin-top:2px; 
    padding: 0px; 
    font-family:sans-serif;
    text-align:   center;
    font-size: 0px;
    font-weight: bold;
    color: greenyellow;
    z-index: 0;  
}

            a.VideoAd{
                z-index:3000;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                text-decoration: none;
                
                background-color: transparent; 
                opacity: 1;

            }
            img.PlayButtonImgAd{
               z-index: 6;
               position:absolute;
               top:0px;
               left:0px;
               opacity: 1;
               width:200px;
               height:120px;
               
           }
           img.PlayButtonImgRedAd{
                z-index:8;
                width:200px;
                position:absolute;
                top:0px;
                left:0px;
                transition: .5s ease;
                opacity: 0;
          }
           img.PlayButtonImgCircleAd{
               z-index:7;
               position:absolute;
               top:0px;
               left:0px;
               -webkit-transition: all .5s;
               transition: all .5s;

           }
          a.VideoAd:hover ~.PlayButtonImgCircleAd{
               opacity: 0; 
              -webkit-transform: scale(1.7);
                transform: scale(1.7);
            }
           a.VideoAd:hover ~.PlayButtonImgRedAd{
               opacity: 1; 
               transition: opacity .5s ease-in; 
           }
h2.b{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 24px;
    color: goldenrod;
    font-weight: bold;
    margin:0; 
    padding: 0px; 
}
            b.b1{
                
                text-align: center;
                z-index: 7;
                position:absolute;
                font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
                background-color: transparent;
                font-size:14px;
                width:194px; 
                top: 132px; 
                left: 2px;
                color: black;
                
                
            }
                b.b2a{
                text-align: center;
                color: goldenrod;
                z-index: 8;
                position:absolute;
                font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
                font-weight: 400;
                background-color: transparent;
                font-size:18px; 
                width:194px; 
                top: 130px; 
                left: 0px;
                
            }

            b.b2{
                text-align: center;
                color: goldenrod;
                z-index: 8;
                position:absolute;
                font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
                font-weight: 400;
                background-color: transparent;
                font-size:18px; 
                width:194px; 
                top: 150px; 
                left: 0px;
                
            }