/* --- format styles ---
  These are for the most of the pages, riders have a different one
*/

 body {margin-top:0; margin-left:15px; margin-right:15px; margin-bottom:15px; color:#0000aa; background-color:#FFF; font-size:13px;}
 a, A:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
 a, a:visited {color:#0000aa; background-color:transparent;}
 a, a:active {color:#0000aa; background:none; text-decoration:none;}
 p, tr, td, ul, li {color:#000000; background:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
 s {text-decoration: line-through;}
 *.intd {color:#000000; background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; padding-left:5px;}
  hr {color:#AA1C1A; background-color:#AA1C1A; height:1px;}
 h1 {color:#AA1C1A; background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center}
 h2 {color:#AA1C1A; background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center}
 h3 {color:#063; background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center}
 h4 {color:#063; background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center}
 h5 {color:#063; background-color:#FFF; font-size:36px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center}
 pre {color:#000; background-color:#FFF; font-family:Courier, monospace}
 *.style1 {font-size:14px; color:white; background-color:#AA1C1A}
 *.style2 {font-size:14px; color:#063; font-weight: bold; background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center}
 *.style3 {font-size:13px; color:black; background-color:white}
 *.style4 {font-size:14px; color:#AA1C1A; background-color:#FFF; text-align:center}
 *.style5 {text-decoration:line-through}
 *.style6 {font-size:15px; color:#063; background-color:#FFF; text-align:left}

/* --- format styles ---
  The background-color changes in time
*/

.mydiv {
  width:100%;
  height:100%;
  color:white; background-color:#FFF;
  font-weight:bold;
  animation: myanimation 5s infinite;
}

@keyframes myanimation {
  0% {background-color:#ff0000;color:#ff0000;}
  25%{background-color:#00e64d;color:#00e64d;}
  50%{background-color:orange;color:orange;}
  75%{background-color:yellow;color:yellow;}
  100% {background-color:#ff0000;color:#ff0000;}
}