body {
   color: #3e4042;
   background-color: #fff;
}

.siteWidth {
   position: relative;
   width: 915px;
   margin: 0 auto;
}

#header {
   height: 194px;
   background: url(../gfx/bgHeader.png) bottom center repeat-x;
}
   #logo {
      position: absolute;
      top: 10px;
      left: 0px;
      margin-left: -26px;
      display: block;
      width: 349px;
      height: 180px;
   }
   #langMenu,
   #topMenu,
   #mainMenu {
      position: absolute;
   }
   #langMenu {
      top: 10px;
      right: 24px;
   }
      #langMenu a {
         padding: 5px;
      }
   #topMenu {
      top: 8px;
      right: 24px;
   }
      #topMenu a {
         padding: 2px 6px;
         color: #052950;
         font-size: 14px;
         text-decoration: none;
      }
         #topMenu a:hover {
            text-decoration: underline;
         }
         #topMenu .active a {
            color: #f26705;
         }
   #mainMenu {
      top: 50px;
      left: 277px;
      height: 54px;
   }
      #mainMenu li {
         height: 54px;
      }
      #mainMenu a {
         height: 25px;
         padding: 12px 11px 17px 11px;
      }
         #mainMenu a:hover,
         #mainMenu .active {
            background: url(../gfx/mainMenuActive.png) bottom center no-repeat;
         }

#main {
   background: url(../gfx/bgMainBottom.png) bottom center repeat-x #002751;
}
   #left,
   #right {
      float: left;
      display: inline;
      overflow: hidden;
      position: relative;
   }
   #left {
      width: 247px;
      padding-top: 20px;
      margin-right: 30px;
   }
      #left h2 {
         font-size: 23px;
         font-weight: normal;
         color: #b2b9c2;
         border-bottom: 2px solid #6c7f95;
      }
      #subMenu {
         padding-bottom: 2em;
      }
         #subMenu a {
            color: #fff;
            text-decoration: none;
         }
         #subMenu li {
            width: 247px;
            border-bottom: 1px solid #244468;
         }
         #subMenu li a {
            width: 217px;
            padding: 5px 5px 5px 25px;
            font-size: 18px;
            background: url(../gfx/subMenuActive.gif) 8px 16px no-repeat;
         }
            #subMenu li.active a {
               color: #fa6e0b;
            }
            #subMenu a:hover {
               text-decoration: underline;
            }
            #subMenu li.active li {
               width: 223px;
               border: none;
            }
            #subMenu li.active li a {
               width: 198px;
               padding: 3px 0 3px 25px;
               color: #fff;
               font-size: 14px;
               background-position: 8px 11px;
            }
               #subMenu li.active li.active a {
                  color: #fa6e0b;
               }
            #subMenu .content {
               color: #fff;
            }
         #subMenu .moreLink {
            float: right;
            color: #B2B9C2;
         }
         #newsMenu li  {
            padding: 5px;
         }
            #newsMenu .date {
               color: #B2B9C2;
               padding-left: 25px;
               background: url(../gfx/subMenuActive.gif) 8px 7px no-repeat;
            }
            #newsMenu li a {
               font-size: 14px;
               padding: 0;
               width: 242px;
               background: none;
            }
            .pagination {
               padding-top: 10px;
            }
               #subMenu .pagination a {
                  float: left;
                  display: inline;
                  margin: 1px;
                  border: 1px solid #1f456c;
                  color: #7c92aa;
                  padding: 2px;
                  width: 18px;
                  text-align: center;
                  background-color: #0e335a;
               }
                  #subMenu .pagination a.active {
                     color: #fff;
                     background-color: #3e5c7b;
                  }
         #subMenu .projectsOverview li a {
            padding-top: 3px;
            padding-bottom: 3px;
            font-size: 14px;
            background-position: 8px 11px;
         }
         #left h4.divider {
            margin-top: 1em;
            padding: 8px 0;
            font-weight: normal;
            color: #B2B9C2;
         }
            #left h4.divider a {
               color: #B2B9C2;
            }
         .projectBlock {
            clear: both;
            margin-top: -1px;
            padding: 8px;
            border: 1px solid #1f456c;
            color: #B2B9C2;
            background-color: #0e335a;
         }
            .projectBlock h3 {
               font-size: 15px;
               font-weight: normal;
               color: #fff;
            }
            .projectBlock img {
               float: right;
               display: block;
               margin: 4px 0 0 4px;
            }
         
   #right {
      width: 638px;
      margin: -90px 0 -40px 0;
      background: #fff;
      z-index: 10;
   }
      #right .content {
         padding: 34px;
      }
      #headerContainer,
      #right .header {
         position: relative;
         width: 570px;
         height: 151px;
         overflow: hidden;
         margin-bottom: 1em;
      }
         .header h1 {
            position: absolute;
            right: 0;
            bottom: 22px;
            padding: 5px 50px 5px 10px;
            font-size: 19px;
            font-weight: normal;
            color: #fff;
            background-color: #354976;
         }
         #headerContainer {
            position: relative;
            clear: both;
         }
            #headerContainer div.header {
               display: none;
               position: absolute;
               top: 0;
               left: 0;
               z-index: 8;
            }
               #headerContainer div.active  {
                  display: block;
                  z-index: 10;
               }
               #headerContainer div.last-active  {
                  display: block;
                  z-index: 9;
               }


#footer {
   height: 100px;
   background: url(../gfx/bgFooter.png) bottom center repeat-x #e4e7ea;
}
   #footer .content {
      padding: 61px 0 0 296px;
      height: 39px;
      font-size: 13px;
   }
   #footer .content,
   #footer .content a {
      color: #002751;
   }

#subSite {
   padding: 10px 0;
}
   #leftContact,
   #rightContact {
      float: left;
      display: inline;
   }
   #leftContact {
      width: 570px;
      margin-left: 20px;
   }
      #leftContact,
      #leftContact a {
         line-height: 1.8em;
         color: #505868;
         text-decoration: none;
      }
      #leftContact label {
         color: #9b9ea4;
      }
   #rightContact {
         line-height: 1.8em;
      width: 305px;
      margin-right: 20px;
      text-align: right;
   }
      #rightContact,
      #rightContact a {
         color: #9b9ea4;
         text-decoration: none;
      }
   #leftContact a:hover,
   #rightContact a:hover {
      text-decoration: underline;
   }






.menu {
   list-style: none;
   margin: 0;
}
   .menu li,
   .menu a {
      float: left;
      display: inline;
      margin: 0;
   }

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

.nbsp {
   white-space: nowrap;
}