#tddata
{
padding-left:20;
padding-right:20px;
}

#data
{
font-size:22px;
}

#data1
{
font-size:20px;
}

#toptitle
{
font-size:70px; 
letter-spacing:7px;
font-family:Arial;
color:#000000; 
font-weight:bold;
font-style:italic;
}

@media screen and (max-width:1100px)
{
   #toptitle {
       font-size:50px !important;
   }
}


@media screen and (max-width:800px)
{
   #toptitle {
       font-size:35px !important;
        }
}

@media screen and (max-width:600px)
{
   #toptitle {
       font-size:20px !important;
        }
}



#toptitle2
{
font-size:24px;
color:#ff0000; 
font-weight:bold;
}

img, table
{
border-radius:4px;
}

.firstl
{
font-weight:bold;
height:40px;
line-height: 40px;
border:1px solid #000000;
text-align:center;
border-radius:4px;
 -webkit-animation: myfirst 2s linear 1s infinite alternate; 
 animation: myfirst 2s linear 1s infinite alternate;
}

@-webkit-keyframes myfirst {
    0%   {color:#000000;}
    50%  {color:#FFFFFF;}
    100% {color:#000000;}
}

@keyframes myfirst {
    0%   {color:#000000;}
    50%  {background:#FFFFFF;}
    100% {color:#000000;}
}

ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
border-radius:4px;
border:1px solid #000000;
width:100%
}

li.menu
{
font-size:20px;
padding-left:3px;
border-bottom:1px solid #000000;
height:30px;
line-height:30px;
}

li.menu:last-child
{
border-bottom:0px solid #000000;
}

li.menu:hover
{
background-color:#DCDCDC;
}

li.menu:active
{
background-color:#FFFFFF;
}



a
{
text-decoration:none;
color:#0000FF;

}