div.banner{
      width:100%;
      height:32px;
      background-color:#00DDAA;
      text-align:center;
      }
a.aa{
color:white;
text-decoration:none;
}
a.aa:hover{
text-decoration:none;
color:#00AAAA;
}
p.banneer{
font-weight:bold;
font-size:22px;
display:inline;
margin:15px;
}
p.banneer:hover{
font-weight:bold;
font-size:22px;
display:inline;
margin:15px;
}
table.tt{
       width:800px;
       text-align:center;
       font-size:22px;
       margin-left:auto; 
       margin-right:auto;
       }

th.th{
       border:solid 3px #009FCC; 
       }

td{
       padding:4px;
   }

tr.odd{
       background:#CCDDFF;
       text-align:center;
       }
tr.even{
       background:#CCEEFF;
       text-align:center;
        }
tr.hr {
      background:#00FFCC;
      text-align:center;
        }
tr.hr1 {
      background:#00DDAA;
      text-align:center;
        }

tr:hover {
       background:#FFB7DD;
         }
th.hr {
       border:solid 3px #00AA55;
       }

p.btn{       
    display: inline-block;
    border-radius: 15px;
    padding: 10px 25px;
    color: black !important;
    margin: 0px 5px;
    transition: all 0.3s;
    background: linear-gradient(to left,#00DD77,#33FFAA);
    font-weight: bold;
    letter-spacing: 1pt;
    font-size: 14pt;
    box-shadow: 0px 2px 8px #fff;}
p.btn:hover{       
    display: inline-block;
    border-radius: 15px;
    padding: 10px 25px;
    color: white !important;
    margin: 0px 5px;
    transition: all 0.3s;
    background: linear-gradient(to left,#00DD00,#66DD00);
    font-weight: bold;
    letter-spacing: 1pt;
    font-size: 14pt;
    box-shadow: 0px 2px 8px #fff;}