@charset "utf-8";
/* CSS Document */

html,
body
{
   background: url(/images/en/background.jpg) repeat-x;
   background-color: #0f0f0f;
   color: #fff;
   padding: 0;
   margin: 0;
   height: 100%;
}
img
{
   border: 0;
}
a
{
   text-decoration: none;
   color: #6f9a20;
}
a:hover
{
   text-decoration: underline;
   color: #2b7383;
}
hr
{
   background-color: #c3c3c3;
   color: #c3c3c3;
   height: 1px;
   border: none;
}
.clearCols
{
   clear: both;
}
#mainDiv
{
   width: 980px;
   padding: 0;
   margin: 0 auto;
   font: 1em/1.5em Arial, Helvetica, sans-serif;
   color: #000;
}
#header
{
   position: relative;
   height: 255px;
}
#tagline
{
   background: url(/images/en/img_tagline.png) no-repeat;
   position: absolute;
   width: 980px;
   height: 37px;
   top: 0;
   left: 0;
   z-index: 10;
}
#logo
{
   background: url(/images/en/img_pro-players-foundation_logo.png) no-repeat;
   position: absolute;
   width: 228px;
   height: 183px;
   top: 37px;
   left: -12px;
   z-index: 10;
}
#logo a
{
   display: block;
   width: 228px;
   height: 183px;
}
#navigation
{
   background: url(/images/en/img_nav-back.png) no-repeat;
   position: absolute;
   width: 957px;
   height: 32px;
   padding-right: 23px;
   text-align: right;
   top: 223px;
   left: 0;
   z-index: 10;
}
#navigation #navFloat
{
   float: right;
   padding: 0px;
   margin: 0px;
}
#navigation #navFloat .dividerFloat
{
   float: left;
}
#imgRotation
{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 0;
}
#bodyContent
{
   background-color: #fff;
   width: 910px;
   min-height: 350px;
   padding: 15px 25px;
   margin: 0 auto;
}
#topMain
{
}
#bottomMain
{
}
#contentMainLeft
{
   float: left;
   width: 590px;
   padding: 0 10px;
}
#contentMainRight
{
   float: right;
   width: 268px;
   padding-left: 20px;
}
#box1,
#box2
{
   float: left;
   width: 286px;
   padding: 0 10px 0 10px;
}
#box3
{
   float: right;
   width: 268px;
}
#featuredSponsor
{
   background: url(/images/en/box-title_featured-sponsor.png) top left no-repeat;
   height: 27px;
}
#highlightReel
{
   background: url(/images/en/box-title_highlight-reel.png) top left no-repeat;
   height: 27px;
}
#whatsHappening
{
   background: url(/images/en/box-title_whats-happening.png) top left no-repeat;
   height: 27px;
}
#boxContent,
#boxContentThin
{
   background: url(/images/en/box-back_thick.png) repeat-y;
   height: 135px;
   padding: 10px;
   font-size: 11px;
   line-height: 14px;
   overflow: auto;
}
#boxContentBottom,
#boxContentBottomThin
{
   background: url(/images/en/box-bottom_thick.png) no-repeat;
   height: 12px;
}
#boxContentThin
{
   background: url(/images/en/box-back_thin.png) repeat-y;
}
#boxContentBottomThin
{
   background: url(/images/en/box-bottom_thin.png) no-repeat;
}
.content #galleryTool,
.content #galleryTool .pageTitle,
.content #gallery,
.content #galleryWide
{
   padding: 0;
   margin: 0;
   border: 0;
   text-transform: none;
   width: auto;
   line-height: normal;
}
#leftNavColumn
{
   float: left;
   width: 240px !important;
   padding: 0;
   margin: 0;
}
#leftNavTitle .pageTitle
{
   background: url(/images/en/left-nav_divider-line.png) bottom no-repeat;
   padding: 20px 25px 15px 25px;
   font-size: 18px;
   font-weight: bold;
   color: #00b1dc;
}
.navMenu
{
   float: left;
   width: 240px;
   padding: 0;
   margin: 0;
   margin-bottom: 20px;
   font-size: 13px;
}
.navMenu li
{
   float: left;
   display: block;
   background: url(/images/en/left-nav_off.png) no-repeat;
   width: 100% !important;
   height: 39px !important;
   padding: 0;
   margin: 0;
   list-style-type: none;
   color: #00b1dc;
   font-weight: bold;
   line-height: 18px;
}
.navMenu li a
{
   float: left;
   display: block;
   text-decoration: none;
   width: 100% !important;
   height: 39px !important;
   padding: 6px 0 0 25px;
   /* IE6 hack to fix double-padding bug */
   _height: 90%;
   _width: 92%;
   color: #00b1dc;
}
.navMenu li.active a,
.navMenu li a:hover
{
   float: left;
   background: url(/images/en/left-nav_on.png) no-repeat;
   text-decoration: none;
   list-style-type: none;
   cursor: pointer;
   color: #fff;
}
.content,
#contentRightColumn,
#donate
{
   float: left;
   width: 610px;
   padding: 25px;
   min-height: 350px;
}
#contentRightColumn .content
{
   float: left;
   width: auto;
   padding: 0;
   margin: 0;
}
#checkout .input2Col
{
   width: 610px;
}
#checkout .input2Col th
{
   width: 200px;
}
#checkout .col1,
#checkout #details
{
   float: none;
   width: auto;
   padding: 0;
   margin: 0;
}
#checkout #details table
{
   float: none;
   width: 610px;
}
.content .pageTitle,
#contentRightColumn .pageTitle,
#donate .pageTitle
{
   display: none;
}
#footer
{
}
#quickLinks
{
   float: left;
   background: url(/images/en/img_footer-back.png) no-repeat;
   width: 980px;
   height: 120px;
   text-align: center;
   padding-top: 10px;
}
#footerLinks
{
   float: left;
   width: 475px;
   padding: 5px 0 0 35px;
}
#copyright
{
   float: right;
   width: 420px;
   padding: 10px 35px 0 0;
   text-align: right;
   font-size: 12px;
   color: #fff;
}
/* Gallery */
#galleryCategoryContent
{
   padding: 0 0 10px 5px;
}
.slideshow-thumbnails a:hover
{
   background-color: #abd2f0 !important;
}
.slideshow-thumbnails-active
{
   background-color: #007f9e;
}
/* DHTML Nav Styles */
      
/* Quick Menu */
/*
 * All.
 */
 
.qmmc,
.qmmc a,
.qmmc a:hover,
.qmmc .qmactive
{ 
   background-color: transparent !important;
}

/*
 * Main parent items.
 */
.qmmc .qmparent
{
   /*
   background-image: url(/images/en/core/menu_arrow_down.gif);
   background-position: 95%;
   background-repeat: no-repeat;
   */
}

/*
 * Sub containers.
 */
.qmmc div
{
   background-color: #007f9e !important;
   padding: 0 !important;
   margin-top: 1px !important;
   width: 125px !important;
   width: auto !important;
   min-width: 125px !important;
   border: none !important;
   color: #fff !important;
   font: 14px/18px "Arial Narrow", Arial, Helvetica, sans-serif !important;
   font-weight: bold !important;
   text-align: left !important;
   opacity: 0.95;
   text-transform: uppercase !important;
}

.qmmc div a
{
   background: transparent !important;
   color: #fff !important;
   border: none !important;
   padding: 2px 15px 2px 10px !important;
   width: auto !important;
   margin: 2px !important;
}

/*
 * Sub active state.
 * Note: Add '!important' after each style (per QuickMenu docs).
 */
.qmmc div .qmactive,
.qmmc div :hover
{
   color: #333 !important;
   background: #abd2f0 !important;
   text-decoration: none !important;
}
.qmmc div .qmactive
{
   background: url(/images/en/menu_arrow_right.gif) right no-repeat;
}

/*
 * Sub items.
 */
.qmmc div div
{
   margin-top: -1px;
   min-width: auto !important;
   border: 1px #000 solid;
}

.qmmc div div a
{
   background-color: #007f9e !important;
   display: block !important;
   min-width: auto !important;
   color: #fff !important;
}

.qmmc div div a:hover
{
   background-color: #abd2f0 !important;
   color: #333 !important;
}

/*
 * bios
 */
.bioRow
{
   height: auto;
   padding-bottom: 15px;
}
.bioRow .bioTitle
{
   font-size: 12px;
   font-weight: bold;
   padding: 2px 0;
   margin-bottom: 5px;
   border: 1px #ccc solid;
   border-right: 0;
   border-left: 0;
}
.bioRow .bioImage
{
   float: left;
   width: 135px;
   text-align: center;
}
.bioRow .bioImage2
{
   float: left;
   width: 95px;
   text-align: center;
}
.bioRow .bioImage img,
.bioRow .bioImage2 img
{
   border: 5px #abd2f0 solid;
   padding: 2px;
}
.bioRow .bioCopy
{
   float: left;
   width: 445px;
   padding-left: 25px;
   font-size: 11px;
}
.bioRow .bioCopy2
{
   float: left;
   width: 485px;
   padding-left: 25px;
   font-size: 11px;
}
.bioRow .bioUrl
{
   padding-top: 10px;
}

/*
 * sponsors
 */
.sponsorRow
{
   height: auto;
   padding-bottom: 15px;
}
.sponsorRow .sponsorTitle
{
   font-size: 12px;
   font-weight: bold;
   padding: 2px 0;
   margin-bottom: 5px;
   border: 1px #ccc solid;
   border-right: 0;
   border-left: 0;
}
.sponsorRow .sponsorImage
{
   float: left;
   width: 225px;
   text-align: center;
}
.sponsorRow .sponsorImage img
{
   border: 5px #abd2f0 solid;
   padding: 2px;
}
.sponsorRow .sponsorCopy
{
   float: left;
   width: 355px;
   padding-left: 25px;
   font-size: 11px;
}
.sponsorRow .sponsorUrl
{
   padding-top: 10px;
}
/*
 * calendar
 */
#calendarWrap
{
   padding-bottom: 10px;
   padding-left: 3px;
}
.content #eventPage
{
   width: 850px;
}
.content .backUp
{
   float: none;
   width: 850px;
   text-align: center;
   font-weight: bold;
}
/*
 * donate
 */
#donationAmounts,
#donateSubmit
{
   width: 135px;
   text-align: left;
   padding: 10px;
   margin: 0 auto;
}
#donateSubmit
{
   text-align: center;
}
#donationAmounts form,
#donationAmounts ul,
#donationAmounts ul li
{
   padding: 0;
   margin: 0;
}
#donationAmounts ul li
{
   padding-bottom: 5px;
}
#donationAmounts
{
   background-color: #e0eebb;
   border: 2px #adcc5b solid;
}
/* My Account */
.content #myAccountMain
{
   margin-top: -69px;
   border: 0;
}