/*****************************************
  Lauri Borodkin | Fraktal.ee
*****************************************/


html, body {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  background: #def1ff url('../images/bg.gif') repeat-x;
  font: 12px/18px Arial, Verdana, sans-serif;
  color: #2b2b43;
  text-align: center;
}

a, .blue {
  text-decoration: none;
  color: #00aeef;
}

a:hover {
  text-decoration: underline;
}

.clearer {
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  clear: both;
}

img {
  border: none;
}

h1, h2 {
  color: #115fac;
  font-size: 25px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
h2 {
  font-size: 18px;
  line-height: 20px;
}

#wrap {
  width: 915px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  padding: 142px 0 20px;
}

/* logo */
  #logo { 
    display: block; 
    position: absolute; 
    top: 40px; 
    left: 5px; 
    outline: 0; 
  }
    
    #logo:hover { 
      text-decoration: none;
    }
    #logo img { 
      display: block; 
    }

/* slogan */
  #slogan { 
    position: absolute; 
    left: 257px; 
    top: 57px; 
  }

/* search */
  #search {
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: right;
    top: 67px;
    right: 5px;
  }
    #search input.submit, #search input.textbox {
      color: #3c7ebd;
      font: bold 13px/18px Arial, Verdana, sans-serif;
      background: none;
      border: none;
      vertical-align: middle;
    }
    #search input.textbox {
      font-weight: normal;
      padding: 3px;
      background: #def1ff;
    }
    
/* container */

  #container {
    background: white url('../images/container.gif') repeat-y; 
  }
    #container-inner {
      min-height: 380px;
      padding: 0 5px 20px 5px;
      background:  url('../images/container_inner.gif') no-repeat; 
    }
    * html #container-inner {
       height: 380px;
    }
    #container-bottom {
      background: white url('../images/container_bottom.gif') no-repeat;
      font-size: 11px;
      line-height: 11px;
      height: 11px; 
      overflow:hidden;
    }
  
  /* mainmenu */
    #mainmenu {
      height: 96px;
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
      #mainmenu li {
        float: left;
        height: 96px;
        width: 151px;
        margin: 0;
        padding: 0;
        background: transparent;
        position: relative;
      }
      #mainmenu li ul li ul {margin-left:140px;margin-top:-85px;}
      #mainmenu li.menu3 {
        width: 150px;
      }
        #mainmenu li a {
          font-size: 18px;
          line-height: 20px;
          font-weight: bold;
          display: block;
          height: 80px;
          width: 135px;
          color: white;
          padding: 8px;
          position: relative;
          outline: 0;
        }
        #mainmenu li.menu1 a {
          background: #3ac1f3 url('../images/menu1.gif') no-repeat;
        }
        #mainmenu li.menu1 a:hover {
          background-image: url('../images/menu1h.gif');
        }
        #mainmenu li.menu2 a {
          background: #3376b8 url('../images/menu2.gif') no-repeat;
        }
        #mainmenu li.menu2 a:hover {
          background-image: url('../images/menu2h.gif');
        }
        #mainmenu li.menu3 a {
          background: #338ec9 url('../images/menu3.gif') no-repeat;
          width: 134px;
        }
        #mainmenu li.menu3 a:hover {
          background-image: url('../images/menu3h.gif');
        }
        #mainmenu li.menu4 a {
          background: #33a5dd url('../images/menu4.gif') no-repeat;
        }
        #mainmenu li.menu4 a:hover {
          background-image: url('../images/menu4h.gif');
        }
        #mainmenu a:hover {
          text-decoration: none;
        }
        
        #mainmenu ul {
          margin: 0;
          padding: 14px 0 0 0;
          position: absolute;
          width: 100%;
          list-style-type: none;
          left: 0;
          top: 82px;
          background: red;
          z-index: 10;
        }
        
        #mainmenu li.menu1 ul {
          background: #3ac1f3;
        }
        #mainmenu li.menu2 ul {
          background: #3376b8;
        }
        #mainmenu li.menu3 ul {
          background: #338ec9;
        }
        #mainmenu li.menu4 ul {
          background: #33a5dd;
        }
        
          #mainmenu ul li {
            float: none;
            margin: 0;
            padding: 0;
            height: auto;
       
          }
          
          * html #mainmenu ul li {
            height: 1px;
          }
          
            #mainmenu ul li a, #mainmenu li.menu1 ul a, #mainmenu li.menu2 ul a, #mainmenu li.menu3 ul a, #mainmenu li.menu4 ul a {
              display: block;
              height: auto;
              font-size: 12px;
              line-height: 15px;
              background: none;
            }
            
            * html #mainmenu ul li a {
              height: 1px;
            }
            
            #mainmenu li.menu1 ul li a:hover {
              background: #52ceff;
            }
            #mainmenu li.menu2 ul li a:hover {
              background: #5c91c6;
            }
            #mainmenu li.menu3 ul li a:hover {
              background: #399fe3;
            }
            #mainmenu li.menu4 ul li a:hover {
              background: #39b8f7;
            }
    /* content-left */
      #content-left {
        float: left;
        width: 603px;
        min-height: 10px;
      }
      * html #content-left {
        height: 10px;
      }
      
        #content-left h1 {
          padding: 15px 40px;
        }
        #content-left p {
          margin: 0;
          padding: 5px 0 15px 0;
        }
        
        #content-left ul {
          margin: 0;
          padding: 15px 25px;
          list-style-type: none;
        }
          #content-left li {
            padding: 3px 0 3px 18px;
            background: url('../images/dot.gif') no-repeat 0px 7px;
          }
        
        #content-left-inner {
          padding: 15px 40px;
          background: #f3faff;
        }
      
        /* bluebox */
          #bluebox {
            background: #00aeef url('../images/bluebox_light.gif') no-repeat top left;
            min-height: 125px;
          }
          
          * html #bluebox {
            height: 125px;
          }
          
            #bluebox-left {
              float: left;
              width: 177px;
              padding: 20px 0 0 20px;
              overflow:hidden;
              color: #ffffff;
            }
            
              #content-left #bluebox-left h1 {
                margin: 0;
                padding: 0;
                font-size: 25px;
                line-height: 26px;
                color: #ffffff;
                font-weight: normal;
              }
            
            #bluebox-right {
              float: left;
              width: 385px;
              padding: 20px 0 0 20px;
              margin-right: -3px;
              color: white;
            }
            
              #bluebox-right-inner {
                padding: 0 15px;
                margin: 0;
                min-height: 67px;
              }
              
              * html #blue-right-inner {
                height: 67px;
              }
            
              #bluebox-right .darkblue {
                margin-top: 10px;
              }
            
            .darkblue {
              background: #008fd5;
              font-size: 15px;
              padding: 5px 15px;
              color: white;
            }
            
            .darkblue a {
              color: white;
            }
      
    /*content-right */
      #content-right {
        float: left;
        width: 262px;
        padding: 20px 0 0px 20px;
        margin-right: -3px;
      }
        #content-right-inner {
          min-height: 250px;
        }
      
        #content-right h2 {
          color: #0054a6;
          font-size: 18px;
          font-weight: bold;
          margin: 0;
          padding: 0;
        }
        
        .news {
          padding: 15px 0 0px 30px;
          text-indent: -30px;
        }
        
        .lightblue {
          color: #00aeef;
          font-size: 15px;
          padding: 5px 15px;
          background: #def1ff;
          margin: 15px 0 0 15px;
        }
    
  
/* footer */
  #footer {
    margin-top: 10px;
    padding: 6px 125px 6px 15px;
    position: relative;
    clear: both;
  }
  
    #footer a {
      color: #2b2b43;
    }
    
    #footer p {
      margin: 0; padding: 0;
    }
    
    #intranet-login {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 13px;
      color: #2b2b43;
      padding: 3px 8px;
      background: #b2e4fc;
    }
    #intranet-login {
      text-decoration: none;
    }