body {
  background-image: url('background.png');
  min-height: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
 background-size: cover;
}

.h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
}
.h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	font-style: italic;
}

.h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.h5i {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}

.normlefttext {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	text-align: left;
	font-size: 16px;
	
}
.normlcentertext {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	text-align: center;
	font-size: 16px;
	
}

.extnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000080;
}
.intnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000080;
	text-align: center;
}

a 
{
    font-family: Arial;
    font-weight: normal;
    font-size: medium;
    text-decoration: none;
    text-align:center;
    color:#0000ff;
    
}

.a {
	text-align: center;
	font-family: Arial;
	font-size: x-small;
	color: #000080;
	hover: #008000
}

a:visited {
	color: #444488;
}
a:hover {
	color: #008000;
}
a:focus {
    font-weight:bold
}


.italics_bold {
		font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	
}
.text_small_green {
	font-family: Arial, Helvetica, sans-serif;
	color: #008000;
	font-size: x-small;
	text-align: center;
}


 .style1
        {
            width: 200px;
            text-align:center;
        }
      
        .style2
        {
            color: #009900;
        }
      
        
                
        .style3
        {
            text-align: center;
        }
      
       
   
           
        .style4
        {
            font-size: small;
        }
   
        .style5
        {
            color: #FF3300;
        }
              
       
   
      
        .style6
        {
            color: #FF3300;
            font-family: "Comic Sans MS";
        }
        .style7
        {
            font-family: Arial;
        }
        
        .style8
        {
            width: 200px;
            text-align:center;
            color: #000000;
            font-family: Arial;
            font-size: 30px;
        }
        
        .style9
        {
          vertical-align:center;
          border-width: 0px;
        }
        
        .blacktext
        {
            color: #000000;
            font-family:Arial;
        }
	.blacktimesnewroman
        {
            color: #000000;
            font-family:Times_New_Roman;
        }
								
	.bordergreen
        {
	    border:2px solid green;
           font-family:Arial;
        }
								
	.textblue 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		font-weight: normal;
		font-style: normal;
		color: #000080;
		text-indent: 0px;
		text-align: center;
	}
	.textred
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		font-weight: normal;
		font-style: normal;
		color: #FF0000;
		text-indent: 0px;
		text-align: center;
	}
								
	th 
	{
		background: white;
		position: sticky;
		top: 0;
	}
        
        /*Scrolling message*/
              
#scroll-container {   
 color: #ff0000;
 padding: 5px;
 width: 980px;
 overflow-x: hidden;
 white-space: nowrap;

}


#scroll-text {
  -moz-animation: marquee 30s linear infinite;
        -webkit-animation: marquee 30s linear infinite;
        animation: marquee 30s linear infinite;
      }
      @-moz-keyframes marquee {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-700%);
        }
      }
      @-webkit-keyframes marquee {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-700%);
        }
      }
      @keyframes marquee {
        0% {
          -moz-transform: translateX(100%);
          -webkit-transform: translateX(100%);
          transform: translateX(100%)
        }
        100% {
          -moz-transform: translateX(-700%);
          -webkit-transform: translateX(-700%);
          transform: translateX(-700%);
        }
      }       
  
		
		
		#table-wrapper {
  position:relative;
}
#table-scroll {
  height:400px;
  overflow:auto;  
  margin-top:20px;
		border:1px solid black;
		background:#c9defb;
}

#table-scroll-small {
  height:300px;
  overflow:auto;  
  margin-top:20px;
		border:1px solid black;
		background:#c9defb;
}


#table-wrapper table {
  width:100%;

}
#table-wrapper table * {
  background:yellow;
  color:black;
}
#table-wrapper table thead th .text {
  position:absolute;   
  top:-20px;
  z-index:2;
  height:20px;
  width:35%;
  border:1px solid red;
}