body {
   color: #000;
   background-color: #fff;
}

#topContainer {
   height: 92px;
   background: url(../gfx/bgTop.gif) top left repeat-x;
}
   #top {
      position: relative;
      height: 92px;
      width: 909px;
   }
      #logo {
         position:absolute;
         top: 0;
         left: 0;
         display: block;
         width: 303px;
         height: 92px;
         background: url(../gfx/bgLogo.gif) top left repeat-x;
      }
         #logo img {
            display: block;
            margin-top: 12px;
            margin-left: 20px;
            width: 153px;
            height: 72px;
         }
      #slogan {
         position: absolute;
         top: 12px;
         right: 0;
      }
      #mainMenu {
         position: absolute;
         top: 60px;
         left: 303px;
         height: 32px;
         width: 606px;
      }
         #mainMenu ul {
            list-style: none;
            height: 32px;
         }
            #mainMenu li {
               float: left;
               display: inline;
               height: 32px;
               width: 100px;
               border-right: 1px solid #484848;
            }
            #mainMenu a {
               display: block;
               height: 19px;
               width: 100px;
               padding: 7px 0px 6px 0px;
               text-align: center;
            }
               #mainMenu li.active a {
                  background: url(../gfx/bgMainMenuActive.gif) top left repeat-x;
               }
               #mainMenu a:hover {
                  background: url(../gfx/bgMainMenuHover.gif) top left repeat-x;
               }

#main {
   position: relative;
   width: 909px;
   padding-right: 3px;
   background: url(../gfx/bgMain.gif) top left repeat-y;
}
      .smallCol,
      .wideCol {
         float: left;
         display: inline;
      }
      .smallCol { width: 303px; }
      .wideCol  { width: 606px; }
   
   #header .smallCol,
   #header .wideCol {
      height: 262px;
   }
   #header .smallCol {
      background: url(../gfx/bgVlak.gif) top left repeat-x #55b4d8;
   }
      #header .smallCol .content {
         padding: 40px 20px 0 20px;
      }
      #header .smallCol .content,
      #header .smallCol .content * {
         font-size: 24px;
         line-height: 40px;
         color: #fff;
      }
         #header #loginContainer .content,
         #header #loginContainer .content * {
            font-size: 16px;
            line-height: normal;
         }
            #header #loginContainer .content h2 {
               font-size: 24px;
               font-weight: normal;
            }
            #header #loginContainer .content input {
               color: #000;
               width: 140px;
            }
               #header #loginContainer .content input.button {
                  width: auto;
               }
   
   #content {
      color: #4b4b4b;
   }
      .content {
         padding: 24px 60px 20px 20px;
      }
      .intro {
         padding-bottom: 14px;
         background: url(../gfx/bgContentIntro.gif) bottom left repeat-x #fff;
      }
         #content .wideCol .content {
            line-height: 15px;
         }
         /*Right side*/
         #content .smallCol .content {
            padding-bottom: 0;
         }
         #content #subMenu .content {
            padding-top: 0;
            padding-bottom: 0;
            padding-right: 0;
         }
         #subMenu {
            padding: 0 30px 20px 0;
         }
            #subMenu ul {
               list-style: none;
               width: 270px;
            }
               #subMenu li,
               #subMenu li a {
                  float: left;
                  display: inline;
               }
               #subMenu li {
                  width: 270px;
               }
               #subMenu .subMenuList a {
                  width: 246px;
                  padding: 6px 0 6px 20px;
                  font-size: 12px;
                  color: #000;
                  text-decoration: none;
               }
                  #subMenu .subMenuList a:hover {
                     color: #54b0d2;
                  }
                  #subMenu .subMenuList .active a {
                     padding: 5px 0 5px 20px;
                     border: 1px solid #adadad;
                     border-left: 1px solid #478096;
                     background: url(../gfx/bgSubMenuActive.gif) center left no-repeat #fff;
                  }
                  #subMenu .subMenuList li ul {
                     margin-left: 20px;
                  }
                     #subMenu .subMenuList li.active li {
                        width: 250px;
                     }
                     #subMenu .subMenuList li.active li a {
                        width: 226px;
                        border: 0;
                        background: none;
                        font-size: 11px;
                     }
                        #subMenu .subMenuList li.active li.active a {
                           color: #54b0d2;
                           font-weight: bold;
                        }
            #subMenu .pagination {
               clear: both;
               padding: 4px 6px;
               text-align: right;
            }
               #subMenu .pagination a {
                  text-decoration: none;
               }
         #logoutLink {
            position: absolute;
            top: 8px;
            right: 16px;
            text-align: right;
         }
   
   #footer {
      padding: 20px;
      color: #fff;
      background-color: #333;
   }
      #footer a {
         color: #fff;
         text-decoration: underline;
      }
      #qforma {
         float: right;
      }
         #qforma,
         #footer #qforma a {
            color: #aaa;
         }


.clear {
   display: block;
   height: 1px;
   overflow: hidden;
   margin-top: -1px;
   clear: both;
   font-size: 1px;
   line-height: 1px;
}

.nbsp {
   white-space: nowrap;
}