html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -576px;
   float:left
}
div#container
{
   width: 980px;
   height: 1152px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #000000;
   background-image: url(images/CPclub%2dbackground%2d2.png);
   background-attachment: scroll;
   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;
   padding: 0;
   overflow-x: auto;
   overflow-y: auto;
}
#wb_Form1
{
   background-color: #000000;
   background-image: none;
   border: 0px solid #000000;
}
#wb_Form2
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Banner3
{
   background-color: #000000;
   background-image: none;
   border: 0px solid #000000;
   color: #FFFFFF;
   font-family: Centaur;
   font-weight: normal;
   font-size: 21px;
   text-align: center;
   margin: 0;
}
#Banner3 span
{
   display: block;
   height: 21px;
   margin: 4px 0px 4px 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;
   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;
   animation: vanish-out 1000ms linear 0s 1 normal both;
}
#wb_Shape1
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape5
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
#Shape5
{
   border-width: 0;
   vertical-align: top;
}
#Banner1
{
   background-color: #000000;
   background-image: none;
   border: 1px solid #000000;
   color: #FFFFFF;
   font-family: "Arial Greek";
   font-weight: normal;
   font-size: 17px;
   text-align: center;
   margin: 0;
}
#Banner1 span
{
   display: block;
   height: 17px;
   margin: 10px 0px 10px 0px;
}
#wb_Shape3
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid transparent;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image5
{
   vertical-align: top;
}
#Image5
{
   border: 0px solid transparent;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape2
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#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;
   opacity: 0.00;
   z-index: 9999;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text4 div
{
   text-align: justify;
}
#wb_Shape7
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
#Shape7
{
   border-width: 0;
   vertical-align: top;
}
#TabMenu2
{
   text-align: left;
   float: left;
   margin: 0;
   width: 100%;
   font-family: "Times New Roman";
   font-weight: normal;
   font-size: 15px;
   list-style-type: none;
   padding: 15px 0px 4px 10px;
   overflow: hidden;
}
#TabMenu2 li
{
   float: left;
}
#TabMenu2 li a.active, #TabMenu2 li a:hover.active
{
   position: relative;
   font-weight: normal;
   text-decoration: none;
   z-index: 2;
}
#TabMenu2 li a
{
   padding: 5px 14px 8px 14px;
   margin-right: 3px;
   text-decoration: none;
   border-bottom: none;
   position: relative;
   top: 0;
   -webkit-transition: 200ms all linear;
   -moz-transition: 200ms all linear;
   transition: 200ms all linear;
}
#TabMenu2 li a:hover
{
   font-weight: normal;
   text-decoration: none;
   top: -4px;
}
#TabMenu2
{
   border-bottom: 1px solid #000000;
}
#TabMenu2 li a.active, #TabMenu2 li a:hover.active
{
   background-color: #000000;
   color: #BDB76B;
}
#TabMenu2 li a
{
   border: 1px solid #000000;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   background-color: #000000;
   color: #BDB76B;
}
#TabMenu2 li a:hover
{
   background: #000000;
   color: #FFFFFF;
}
#wb_Text17 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text17 div
{
   text-align: left;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text7 div
{
   text-align: center;
}
#wb_contactShape1
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
#contactShape1
{
   border-width: 0;
   vertical-align: top;
}