@keyframes flip
{
   0% { transform: perspective(400px) rotateX(0deg) rotateY(-360deg) scale3d(1,1,1) ;  }
   50% { transform: perspective(400px) rotateX(0deg) rotateY(-180deg) scale3d(1.2,1.2,1.2) ;  }
   100% { transform: perspective(400px) rotateX(0deg) rotateY(0deg) scale3d(1.0,1.0,1.0) ;  }
}
a.style1
{
   color: #FFFFFF;
   background: #800000;
   font-weight: bold;
   text-decoration: none;
}
a.style1:visited
{
   color: #800080;
   text-decoration: underline;
}
a.style1:active
{
   color: #FF0000;
   text-decoration: underline;
}
a.style1:hover
{
   color: #FFFF00;
   background: #A52A2A;
   font-weight: bold;
   text-decoration: none;
}
.CustomStyle
{
   font-family: "Courier New";
   font-weight: bold;
   font-size: 16px;
   text-decoration: none;
   color: #2E74B5;
   --color: #2E74B5;
   background-color: transparent;
}
.rollover_button
{
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   text-align: center;
   text-decoration: none;
   color: #FFFFFF;
   --color: #FFFFFF;
   background-color: #B22222;
   --background-color: rgba(178,34,34,1.00);
   background-image: linear-gradient(to top, #B22222 0%, #000000 100%);
   border: 1px double #A52A2A;
   --border-color: #A52A2A;
   border-radius: 30px;
}
.rollover_button:hover, .rollover_button.active
{
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   text-align: center;
   text-decoration: none;
   color: #FFFF00;
   --color: #FFFF00;
   background-color: #B00000;
   --background-color: rgba(176,0,0,1.00);
   background-image: linear-gradient(to top, #B00000 0%, #A0522D 100%);
   border: 1px double #A52A2A;
   --border-color: #A52A2A;
   border-radius: 30px;
}
.rollover_big_button
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   text-align: center;
   text-decoration: none;
   color: #FFFFFF;
   --color: #FFFFFF;
   background-color: #B22222;
   --background-color: rgba(178,34,34,1.00);
   background-image: linear-gradient(to top, #B22222 0%, #000000 100%);
   border: 1px double #A52A2A;
   --border-color: #A52A2A;
   border-radius: 30px;
}
.rollover_big_button:hover, .rollover_big_button.active
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   text-align: center;
   text-decoration: none;
   color: #FFFF00;
   --color: #FFFF00;
   background-color: #B22222;
   --background-color: rgba(178,34,34,1.00);
   background-image: linear-gradient(to top, #B22222 0%, #000000 100%);
   border: 1px double #A52A2A;
   --border-color: #A52A2A;
   border-radius: 30px;
}
.text_10
{
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   text-align: center;
   text-decoration: none;
   color: #FFFFFF;
   --color: #FFFFFF;
   background-color: #B22222;
   --background-color: rgba(178,34,34,1.00);
   background-image: linear-gradient(to top, #B22222 0%, #000000 100%);
   border: 1px double #A52A2A;
   --border-color: #A52A2A;
   border-radius: 30px;
   padding: 5px 0 5px 0;
}
.text_12_white
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   text-align: center;
   text-decoration: none;
   color: #800000;
   --color: #800000;
   background-color: transparent;
   border: 2px double #800000;
   --border-color: #800000;
}
.text_10_white
{
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   text-align: center;
   text-decoration: none;
   color: #800000;
   --color: #800000;
   background-color: transparent;
   border: 4px double #800000;
   --border-color: #800000;
   padding: 5px 5px 5px 5px;
}