body {
   background: url(../gfx/bgBody.gif) top left repeat-x #c5c9cd;
}

.siteContainer {
   width: 980px;
   margin: 10px auto;
}

   #header {
      position: relative;
      height: 86px;
      background: url(../gfx/bgHeader.jpg) top left no-repeat #eb000b;
   }
      #topMenu,
      #mainMenu,
      #logo,
      #slogan {
         position: absolute;
      }
         #topMenu ul,
         #mainMenu ul,
         #subMenu ul {
            margin-left: 0;
         }
      #topMenu {
         top: 4px;
         right: 10px;
      }
         #topMenu li {
            list-style: none;
            float: left;
            display: inline;
            margin: 2px 8px;
         }
         #topMenu li a {
            color: #fff;
            font-size: 11px;
            text-decoration: none;
         }
            #topMenu li a:hover {
               text-decoration: underline;
            }
      #mainMenu {
         bottom: 0;
         height: 32px;
         margin-left: 180px;
         background: url(../gfx/bgMainMenuLeft.gif) top left no-repeat;
      }
         #mainMenu ul {
            float: left;
            height: 32px;
            padding: 0 7px;
            background: url(../gfx/bgMainMenuRight.gif) top right no-repeat;
         }
            #mainMenu ul li {
               float: left;
               display: inline;
               height: 32px;
               background: url(../gfx/bgMainMenu.gif) top left repeat-x;
            }
               #mainMenu ul li.active {
                  background: url(../gfx/bgMainMenuActive.gif) top left repeat-x;
               }
                  #mainMenu ul li.active a {
                     background: url(../gfx/bgMainMenuActiveRight.gif) top right no-repeat;
                  }
            #mainMenu ul li a {
               float: left;
               display: inline;
               padding: 10px 12px 6px 12px;
            }
      #logo {
         bottom: 6px;
         left: 24px;
      }
      #slogan {
         top: 22px;
         left: 112px;
      }



   #main {
      background: url(../gfx/bgContent.gif) top left repeat-x #fff;
   }
      #left,
      #content,
      #center,
      #right {
         float: left;
         display: inline;
      }
      #left {
         width: 180px;
      }
         #subMenu {
            padding: 12px 0 0px 5px;
            border-left: 1px solid #2a5489;
            background: url(../gfx/2a5489.gif) top right repeat-y #4f89c9;
         }
            #subMenu ul {
               margin-bottom: 0;
            }
               #subMenu li,
               #subMenu a {
                  float: left;
                  display: inline;
               }
               #subMenu li {
                  list-style: none;
                  margin: 2px 0;
                  width: 174px;
                  clear: both;
               }
                  #subMenu li.active {
                     background: url(../gfx/bgSubMenuBottom.gif) bottom left no-repeat #ffffff;
                  }
               #subMenu a {
                  padding: 4px 8px;
                  width: 158px;
                  font-size: 15px;
                  font-weight: bold;
                  color: #fff;
                  text-decoration: none;
               }
                     #subMenu .teamSubMenu a {
                        padding: 1px 8px;
                     }
                  #subMenu li a:hover {
                     color: #d6dfeb;
                  }
                  #subMenu li.active a {
                     color: #30609c;
                     background: url(../gfx/bgSubMenuTop.gif) top left no-repeat;
                  }
               #subMenu ul.teamSubMenu {
                  float: left;
                  display: inline;
                  width: 80px;
               }
                  #subMenu ul.teamSubMenu li {
                     width: 54px;
                     margin: 1px 10px 1px 0;
                  }
                  #subMenu ul.teamSubMenu a {
                     width: 54px;
                     font-size: 14px;
                     letter-spacing: 2px;
                  }
                     #subMenu ul.teamSubMenu li.active a {
                        background: #ffffff;
                     }
               #subMenuClear {
                  height: 6px;
                  clear: both;
                  background: url(../gfx/subMenuClear.gif) top left no-repeat;
               }
               
               .subSubMenu {}
                  #subMenu li.active .subSubMenu li {
                     margin: 0;
                     background: url(../gfx/subSubMenuBullet.gif) 11px 8px no-repeat;
                  }
                     #subMenu li.active .subSubMenu li.active {
                        background: url(../gfx/subSubMenuBulletActive.gif) 11px 8px no-repeat;
                     }
                  #subMenu li.active .subSubMenu a {
                     padding: 1px 4px 1px 20px;
                     width: 150px;
                     font-size: 12px;
                     font-weight: bold;
                     color: #30609c;
                     background: none;
                  }
                     #subMenu li.active .subSubMenu a:hover,
                     #subMenu li.active .subSubMenu li.active a {
                        color: #dc000a;
                     }
         #sponsors {
            padding: 14px 0;
         }
            #sponsors table td {
               text-align: center;
               padding: 8px;
            }
            #sponsorsLink {
               float: right;
               padding: 2px 10px;
               font-size: 10px;
               color: #888;
               text-decoration: none;
            }
               a:hover#sponsorsLink {
                  text-decoration: underline;
               }
               
      
      #content {
         width: 800px;
         padding-top: 15px;
      }
         #content h1 {
            padding: 0 15px 8px 0;
         }
         #center {
            width: 506px;
            overflow: auto;
            padding: 7px 15px;
         }
         #right {
            width: 244px;
            padding: 7px 10px;
         }

   #bannersBlock {
      position: relative;
      clear: both;
      border-top: 2px solid #DC000A;
   }
      #bannersBlock div {
         display: none;
         position: absolute;
         top: 10px;
         left: 0px;
         z-index: 8;
      }
         #bannersBlock div.active  {
            display: block;
            z-index: 10;
         }
         #bannersBlock div.last-active  {
            display: block;
            z-index: 9;
         }
         
    .banner {
       margin:0 auto;
       width: 504px;
       text-align: center;
    }
   
   #footer {
      position: relative;
      font-size: 8px;
      height: 13px;
      background: url(../gfx/bgFooter.gif) top left repeat-x #eb000b;
   }
      #footerLeft,
      #footerRight {
         position: absolute;
         display: block;
         top: 0;
         width: 10px;
         height: 13px;
      }
         #footerLeft  { left:  0; }
         #footerRight { right: 0; }
   
   #qforma {
      padding: 1px 8px;
      text-align: right;
   }
      #qforma,
      #qforma a {
         font-size: 10px;
         color: #666;
      }

.clear {
   height: 1px;
   overflow: hidden;
   margin-top: -1px;
   clear: both;
}
   .clearBoth {
      clear: both;
   }