div#container
{
   width: 980px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #000000;
   background-image: url(images/CPC-background-gold.jpg);
   background-position: left top;
   background-repeat: repeat-x;
   color: #000000;
   font-family: "Times New Roman";
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
   overflow-x: auto;
   overflow-y: auto;
}
#wb_Form1
{
   background-color: #000000;
   border: 0px #000000 solid;
}
#wb_Form2
{
   background-color: #FFFFFF;
   border: 0px #FFFFFF solid;
}
#Image2
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image3
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Banner3
{
   background-color: #000000;
   border: 0px #000000 solid;
   color: #FFFFFF;
   font-family: Centaur;
   font-weight: normal;
   font-size: 21px;
   text-align: center;
}
#Banner3 span
{
   display: block;
   height: 21px;
   margin: 6px 0px 6px 0px;
}
#Banner3 .single-char
{
   float: left;
}
#Banner3 div
{
   display: inline-block;
   text-align: center;
}
.Banner3_ShowAnimation
{
   -webkit-animation: twister-up-in 1000ms linear 0s 1 normal both;
   -moz-animation: twister-up-in 1000ms linear 0s 1 normal both;
   -ms-animation: twister-up-in 1000ms linear 0s 1 normal both;
   animation: twister-up-in 1000ms linear 0s 1 normal both;
}
.Banner3_HideAnimation
{
   -webkit-animation: vanish-out 1000ms linear 0s 1 normal both;
   -moz-animation: vanish-out 1000ms linear 0s 1 normal both;
   -ms-animation: vanish-out 1000ms linear 0s 1 normal both;
   animation: vanish-out 1000ms linear 0s 1 normal both;
}
#Shape1
{
   border-width: 0;
}
#Shape5
{
   border-width: 0;
}
#Shape3
{
   border-width: 0;
}
#Image4
{
   border: 0px #000000 none;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image5
{
   border: 0px #000000 none;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape2
{
   border-width: 0;
}
#NavigationBar1 ul.navbar
{
   list-style: none;
   margin: 0;
   padding: 0;
}
#NavigationBar1 ul.navbar li
{
   height: 28px;
   width: 121px;
   margin: 0 0 4px 0;
   vertical-align: bottom;
   overflow:hidden;
}
#NavigationBar1 ul.navbar li a
{
   display: block;
   position: relative;
}
#NavigationBar1 ul.navbar li a img
{
   position: absolute;
   left: 0;
   z-index: 1;
   border-width: 0;
}
#NavigationBar1 ul.navbar li span
{
   display: block;
   height: 28px;
   width: 121px;
   position: absolute;
   z-index: 2;
}
#NavigationBar1_wrapper
{
   position: absolute;
   background-color: #FFFFFF;
   filter: alpha(opacity=0);
   opacity: 0.00;
   z-index: 9999;
}
#wb_Text5 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text5 div
{
   text-align: right;
}
#wb_trainText1 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_trainText1 div
{
   text-align: left;
}
#trainYouTube1
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_trainText3 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_trainText3 div
{
   text-align: center;
}
#Train_FrenchImage1
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#YouTube6 img
{
   border-width: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Train_FrenchBanner1
{
   background-color: #000000;
   border: 1px #000000 solid;
   color: #FFFFFF;
   font-family: "Arial Greek";
   font-weight: normal;
   font-size: 17px;
   text-align: center;
}
#Train_FrenchBanner1 span
{
   display: block;
   height: 17px;
   margin: 11px 0px 11px 0px;
}
#Train_FrenchBanner1 .single-char
{
   float: left;
}
#Train_FrenchBanner1 div
{
   display: inline-block;
   text-align: center;
}
.Train_FrenchBanner1_ShowAnimation
{
   -webkit-animation: animate-fade-in-left 2000ms linear 0s 1 normal both;
   -moz-animation: animate-fade-in-left 2000ms linear 0s 1 normal both;
   -ms-animation: animate-fade-in-left 2000ms linear 0s 1 normal both;
   animation: animate-fade-in-left 2000ms linear 0s 1 normal both;
}
.Train_FrenchBanner1_HideAnimation
{
   -webkit-animation: animate-flash 1000ms linear 0s 1 normal both;
   -moz-animation: animate-flash 1000ms linear 0s 1 normal both;
   -ms-animation: animate-flash 1000ms linear 0s 1 normal both;
   animation: animate-flash 1000ms linear 0s 1 normal both;
}
#trainYouTube2 img
{
   border-width: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Train_FrenchTabMenu1
{
   text-align: left;
   float: left;
   margin: 0;
   width: 100%;
   font-family: "Times New Roman";
   font-weight: normal;
   font-size: 15px;
   border-bottom: 1px solid #000000;
   list-style-type: none;
   padding: 15px 0px 4px 10px;
   overflow: hidden;
}
#Train_FrenchTabMenu1 li
{
   float: left;
}
#Train_FrenchTabMenu1 li a.active, #Train_FrenchTabMenu1 li a:hover.active
{
   background-color: #000000;
   color: #BDB76B;
   position: relative;
   font-weight: normal;
   text-decoration: none;
   z-index: 2;
}
#Train_FrenchTabMenu1 li a
{
   padding: 5px 14px 8px 14px;
   border: 1px solid #000000;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   background-color: #000000;
   color: #BDB76B;
   margin-right: 3px;
   text-decoration: none;
   border-bottom: none;
   position: relative;
   top: 0;
   -webkit-transition: 200ms all linear;
   -moz-transition: 200ms all linear;
   -ms-transition: 200ms all linear;
   transition: 200ms all linear;
}
#Train_FrenchTabMenu1 li a:hover
{
   background: #000000;
   color: #FFFFFF;
   font-weight: normal;
   text-decoration: none;
   top: -4px;
}
#Train_FrenchYouTube1 img
{
   border-width: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}