table.header {
     background-image: url('p7exp/images/green3780281.jpg'); 
     background-repeat: repeat-xy;
     background-color: #009F0F;
     color: mintcream; 
     width: 100% ;
     border-bottom: 2px solid #006600;
     }
	
body {
      background-color: #009F0F;
      background-image: none;
     }
		
a:link { 
	color:#7FFF00; 
	background:transparent; 
       } 

a:visited { 
	   color:#FFCC00; 
	   background:transparent; 
          } 

a:active { 
	  color:#CC33FF; 
	  background:transparent; 
         }

.subhead7aso {
	      color: yellow;
             }

.navig { 
	cursor:hand;
        text-align:center;
        color: #009F0F; 
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: 12px; 
        font-weight: bold;
        }

.mbutton {
     	color: darkmagenta ;
        background-color: #f8e8b8 ;
        cursor: pointer;  
	text-decoration:none;
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: 10px; 
        font-weight: bold; 
        padding-left:10px; 
        text-align: right;
        border: 2px #FFEFD5 outset; 
        }

.mbuttonNew {
     	color: darkmagenta ;
        background-color: lightyellow ;
        cursor: pointer;  
	text-decoration:none;
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: 10px; 
        font-weight: bold; 
        padding-left:10px; 
        text-align: right; 
        border: 2px #FFEFD5 outset; 
        }

.year { text-align:center;
        color:#009F0F; 
        cursor:hand;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 12px; 
        font-weight: bold; 
        border: 1px #FFEFD5 outset;         
        } 

.head {  
	color: #A02525;
	cursor:hand; 
	text-decoration:none; 
	text-align:center;
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: 10px; 
        font-weight: bold;	 
        padding-left:13px; 
        border: 1px #FFEFD5 outset;  
        } 

#imagecredit {
        color:#f8e8b8; 
        font-size:small;
        }
	 	
#programmenu, #imageviewer {
        border: 6px #FFEFD5 ridge;
        }
   
#playlist {
        color: darkmagenta ;
        background-color: #f8e8b8 ;
        font-weight: bold; 
	font-size: .9em;
	font-family: "Trebuchet MS";
	font-style: italic;
	border: 3px #FFEFD5 ridge;
	padding: 2 4 2 4;
        }

#playlist a:link { 
	color: blue; 
	background: transparent; 
        } 

#playlist a:visited { 
	color: #007D0D ; 
	background: transparent; 
        } 

#playlist a:hover { 
	background: coral; 
        }

#playlist a:active { 
	color: darkmagenta; 
	background: coral; 
        }

/*
#p7menubar a  {
	display: block; 
	text-decoration: none;
	padding: 1px 10px 1px 10px; 
	border-right: 2px solid tan;   
        border-bottom: 3px solid tan	; 	                 	 		 
        border-top: 1px inset burlywood;
        border-left: 1px inset burlywood;
        margin-right: 1px; 
	font-size: .9em;
       //  background-image: url(images/button6.gif);
        background-repeat: no-repeat ;
        background-position: right center ;
        // background-color:  #E8E8E8 ; 
        background-color: transparent;		
	// color: darkmagenta ;  
        // border-radius: 15px;
	opacity: 1;
        color: white;
}
*/

#p7menubar a  {
	display: block; 
	text-decoration: none;
	padding: 1px 10px 1px 10px; 
	border-right: 3px ridge yellow; // #FBE917; // #009F0F; // #FBB917; // #DA8639;   
        border-bottom: 3px ridge yellow; // #FBE917; // #009F0F; // #FBB917; // #DA8639; 	                 	 		 	px outset black; 
        //border-top: 1px inset white;
        //border-left: 1px inset white;
        margin-right: 0px; 
	font-size: .9em;
       //  background-image: url(images/button6.gif);
        background-repeat: no-repeat ;
        background-position: right center ;
        // background-color:  #E8E8E8 ; /* #D8D8D8; */
        background-color: transparent;	
        background-color: transparent;
         -webkit-filter: contrast(200%);
        filter: contrast(250%);
         -webkit-transition: background-image 2s; /* Safari */
        transition: background-image 2s;	
	// color: darkmagenta ;   /*  #8B008B;  */
        // border-radius: 15px;
   	opacity: 1;
        color: white;
}

.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-direction: column;
    overflow-y: auto;   
}

.inner-flex-box {                  // for Concerts page
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1;
    -webkit-flex: 1;
    -ms-flex; 1;
    flex-direction: row;    
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden; 
    
}

#lower-part div:nth-of-type(1){	   // for Program Index
    
    -webkit-flex-basis: 200px; /* Safari 6.1+ */ 
    flex-basis: 200px;                           // 165
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-grow: 0;  
    flex-grow: 0;         
    // overflow-y: auto; 
    overflow: auto; 
}

#lower-part div:nth-of-type(2){    // for Programs themselves
    
    -webkit-flex-basis: 700px; /* Safari 6.1+ */   
    flex-basis: 700px;                             // 735
     -webkit-flex-shrink: 0;
    flex-shrink:0;
    -webkit-flex-grow: 4;
    flex-grow: 4;    
   // overflow-y: auto;
    overflow: auto;
}