body
{
   background-color: #FFFFFF;
   background-image: url('images/210524-Matala3.jpg');
   background-attachment: scroll;
   background-position: left top;
   background-repeat: repeat;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Text3 
{
   background-color: #5E0000;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 20px;
   padding: 0;
   margin: 0;
   opacity: 0.80;
   text-align: center;
}
#wb_Text3 div
{
   text-align: center;
}
#wb_Shape1 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape1 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape1 a .hover
{
   visibility: hidden;
}
#wb_Shape1 a:hover .hover
{
   visibility: visible;
}
#wb_Shape1 a:hover .default
{
   visibility: hidden;
}
#wb_Shape1 img.hover
{
   filter: drop-shadow(3px 3px 3px rgba(127,255,0,0.20));
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#Shape1
{
   filter: drop-shadow(3px 3px 3px rgba(127,255,0,0.20));
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Banner1
{
   background-color: #800000;
   background-image: none;
   border: 1px solid #800000;
   border-radius: 0px;
   color: #FFFF00;
   font-family: "Architects Daughter";
   font-weight: bold;
   font-style: normal;
   font-size: 20px;
   text-decoration: none;
   text-align: center;
   text-shadow: 3px 3px 3px rgba(255,99,71,1.00);
   margin: 0;
}
#Banner1 span
{
   display: block;
   height: 20px;
   margin: 5px 0 5px 0 ;
}
#Banner1 span:before, #Banner1 span:after 
{
   display: block;
   position: absolute;
   top: 44px;
   left: 0;
   right: 0;
}
Banner1 span:before
{
   content: "*** special thanks to our friends ***";
   opacity: .3;
   transform: scaleY(-1);
}
#Banner1
{
   box-shadow: 3px 3px 3px #FFD700;
   margin: 0;
}
#Banner1 .single-char
{
   float: left;
}
#Banner1 div
{
   display: inline-block;
   text-align: center;
}
.Banner1_ShowAnimation
{
   animation: animate-fade-in-down 1000ms linear 0s 1 normal both;
}
.Banner1_HideAnimation
{
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#Picture1
{
   border: 0px solid #000000;
   border-radius: 20px;
   padding: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text4 
{
   background-color: #5E0000;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 20px;
   overflow-y: scroll;
   padding: 0;
   margin: 0;
   opacity: 0.80;
   text-align: center;
}
#wb_Text4 div
{
   text-align: center;
}
#Shape4
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
