HTML, BODY
{
    background: #f9f9f9;
    margin: 0;
    padding: 0;
    text-align: center;
}
FORM
{
    padding: 0;
    margin: 0;
}
HTML, BODY, TD, TH
{
    font-family:  Tahoma, Verdana, Arial, sans-serif, Helvetica ;
    font-size: 12px;
}
/***************************************************************************
********************/
#outer
{
    width: 961px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

#main
{
    position: relative;
    padding: 10px 200px 0 200px;
}

#header
{
    height: 250px;
    position: relative;
}

#left, #right
{
    position: absolute;
    top: 260px;
    width: 192px;
}
#left { left: 0; }
#right { right: 0; }

#footer
{
    text-align: center;
    clear: both;
    color: #396774;
    background: url("topmenu.jpg") no-repeat 0 -300px;
}
/***************************************************************************
********************/
#main H1, #left H2, #right H2
{
    margin: 7px 0;
    padding: 0;
    font-size: 12px;
    border: 1px solid #427887;
}
#main H1
{
    padding: 0 10px 0 33px;
    background: #b2d1d9 url("heading1.gif") repeat-y 7px 0;
    color: #1f4c66;
    font-weight: normal;
    line-height: 20px;
}
#left H2, #right H2
{
    padding: 0 8px 0 21px;
    color: #235673;
    background: #cce0e6 url("heading2.gif");
    font-style: italic;
    position: relative;
    height: 20px;
    line-height: 20px;
}
#left H2.kz SPAN, #right H2.kz SPAN
{
    position: absolute;
    left: 13px;
    width: 175px;
    height: 20px;
    top: 0;
    background-image: url("blockheadings_kaz.jpg");
    background-repeat: no-repeat;
}
#left H2.ru SPAN, #right H2.ru SPAN
{
    position: absolute;
    left: 13px;
    width: 175px;
    height: 20px;
    top: 0;
    background-image: url("blockheadings.gif");
    background-repeat: no-repeat;
}
#left H2.en SPAN, #right H2.en SPAN
{
    position: absolute;
    left: 13px;
    width: 175px;
    height: 20px;
    top: 0;
    background-image: url("blockheadings_eng.jpg");
    background-repeat: no-repeat;
}

#heading1 SPAN { background-position: 0 0; }
#heading2 SPAN { background-position: 0 -20px; }
#heading3 SPAN { background-position: 0 -40px; }
#heading4 SPAN { background-position: 0 -60px; }
#heading5 SPAN { background-position: 0 -80px; }
#heading6 SPAN { background-position: 0 -100px; }

/***************************************************************************
********************/
.text
{
    border: 1px solid #7e3c22;
    background: #f6f6f6;
}
#main .text
{
    padding: 0 18px;
    color: #535353;
    position: relative;
}
#main UL, #main P, #main H2, #main H3, #main DL, #main OL
{
    margin-top: 13px;
    margin-bottom: 13px;
}

/***************************************************************************
********************/
#left UL, #right UL
{
    padding: 0;
    margin: 0;
    list-style: none;
}
#left .text, #right .text
{
    padding: 8px;
}
#left UL.text, #right UL.text, #right .text UL
{
    padding: 0 7px;
}
#left UL.text LI, #right UL.text LI, #right .text UL LI
{
    margin: 8px 0;
}
.sidelinks A
{
    color: #1e4b68;
}
.sidelinks A:hover, .sidelinks A:active
{
    color: #027ecd;
}
.newslinks A
{
    color: #535353;
    text-decoration: none;
}
.newslinks A:hover
{
    text-decoration: underline;
}
.newslinks A SPAN
{
    color: #0860a8;
}

A.rss
{
    background: url("/img/ekey/rss.png") no-repeat right center;
    padding: 2px  20px;
    display: block;
    float: right;
    margin-right: 5px;
}
A.email
{
    background: url("/img/ekey/email.png") no-repeat left bottom;
    padding: 2px  20px;
    display: block;
    float: left;
    margin-left: 5px;
}
DIV.subscription
{
    overflow: auto;
}
/***************************************************************************
********************/

#right FORM
{
    text-align: center;
}
#right LABEL
{
    width: 50px;
    margin: 5px -50px 0 0;
    position: relative;
    float: left;
    clear: left;
    text-align: left;
}
#right INPUT
{
    margin-left: 50px;
    margin-bottom: 2px;
    width: 115px;
    text-align: left;
}

/***************************************************************************
********************/
.menu
{
    font-size:0;
    line-height:0;
}
.menu A
{
    border: 1px solid #427887;
    display: block;
    background: #e8f1f3 url("leftmenu.gif") repeat-y 100% 0;
    padding: 2px 7px;
    text-decoration: none;
    color: #427887;
    font-size: 12px;
    line-height:16px;
}
.menu A:hover
{
    border-width: 0;
    padding: 3px 8px;
    background: #b2d1d9 url("leftmenu.gif") repeat-y 0 0;
}
.menu LI
{
    margin-top: 1px;
}
/***************************************************************************
********************/
#header H2
{
    float: left;
    width: 191px;
    height: 189px;
    font-size: 15px;
    background: #a4c8d3;
    color: #0f8aae;
    margin: 53px 5px 0 0;
    line-height: 17px;
    /*opacity: 0.5;*/
}
#header H2 SPAN
{
    margin: 125px 0 0 37px;
    display: block;
}

#lbl_knca
{
    color: #0d4f8c;
    font-weight: bold;
    font-size: 11px;
    position: absolute;
    top: 7px;
    left: 457px;
}
#lbl_nit
{
    position: absolute;
    top: 227px;
    left: 134px;
    color: #0d4f8c;
}
#lbl_futurekey
{
    position: absolute;
    left: 0;
    top: 13px;
    width: 100%;
    border-bottom: 4px solid #5980b5;
    text-indent: 16px;
    color: #2392b2;
    font-style: italic;
    font-size: 17px;
    line-height: 17px;
}
#headerimage
{
    position: absolute;
    top: 0;
    left: 0;
    width: 961px;
    height: 250px;
}

#headerimage_ru
{
    position: absolute;
    top: 0;
    left: 0;
    width: 961px;
    height: 250px;
    background: url("header_rus.jpg") no-repeat 0 8px;
}

#headerimage_en
{
    position: absolute;
    top: 0;
    left: 0;
    width: 961px;
    height: 250px;
    background: url("header_eng.jpg") no-repeat 0 8px;
}

#headerimage_kz
{
    position: absolute;
    top: 0;
    left: 0;
    width: 961px;
    height: 250px;
    background: url("header_kaz.jpg") no-repeat 0 8px;
}


/***************************************************************************
********************/
#header UL
{
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 767px;
    left: 196px;

    _left: 194px;
}
#header LI
{
    float: left;
    margin: 53px 0 0 2px;
    padding: 0;
    position: relative;
    /*opacity: 0.5;*/
}
#header LI A
{
    height: 189px;
    width: 151px;
    font-size: 12px;
    color: white;
    text-decoration: none;
    display: block;
    text-align: right;
    position: relative;
}
#header LI A SPAN
{
    cursor: pointer;
}

SPAN.n1
{
    display: block;
    border-bottom: 2px solid white;
    padding: 2px;
    position: relative;
}
SPAN.n2
{
    border-right: 3px solid white;
    padding: 0 2px 0 0;
    position: relative;
    height: 35px;
    display: table;
    #display: block;
    margin: 0 0 0 auto;
}
SPAN.n3
{
    #position: absolute;
    #top: 50%;
    #right: 2px;
    display: table-cell;
    vertical-align: middle;
}
SPAN.n4
{
    display: block;
    line-height: 11px;
    vertical-align: baseline;
    #position: relative;
    #top: -50%;
}



#topmenu1 SPAN.n1 { background-color: #3c7b0e; }
#topmenu1 SPAN.n2 { border-color: #d45b20; }
#topmenu1         { background: #d0ffa1 url("header.jpg")
no-repeat -198px -45px; }
#topmenu1         { background: #d4e5ea url("header.jpg")
no-repeat -198px -45px; }
#topmenu1:hover   { background: #adee80 url("topmenu.jpg") no-repeat 0
41px; }

#topmenu2 SPAN.n1 { background-color: #d56419; }
#topmenu2 SPAN.n2 { border-color: #ecbd00; }
#topmenu2         { background: #ffdc8d url("header.jpg")
no-repeat -351px -45px; }
#topmenu2         { background: #d4e5ea url("header.jpg")
no-repeat -351px -45px; }
#topmenu2:hover   { background: #ffb96b url("topmenu.jpg") no-repeat -153px
41px; }

#topmenu3 SPAN.n1 { background-color: #0f5f80; }
#topmenu3 SPAN.n2 { border-color: #83e916; }
#topmenu3         { background: #c8ffff url("header.jpg")
no-repeat -504px -45px; }
#topmenu3         { background: #d4e5ea url("header.jpg")
no-repeat -504px -45px; }
#topmenu3:hover   { background: #a4e3ff url("topmenu.jpg") no-repeat -306px
41px; }

#topmenu4 SPAN.n1 { background-color: #cc9b18; }
#topmenu4 SPAN.n2 { border-color: #19bce5; }
#topmenu4         { background: #fff577 url("header.jpg")
no-repeat -657px -45px; }
#topmenu4         { background: #d4e5ea url("header.jpg")
no-repeat -657px -45px; }
#topmenu4:hover   { background: #ffd154 url("topmenu.jpg") no-repeat -459px
41px; }

#topmenu5 SPAN.n1 { background-color: #0d8fb4; }
#topmenu5 SPAN.n2 { border-color: #f217ea; }
#topmenu5         { background: #acffff url("header.jpg")
no-repeat -810px -45px; }
#topmenu5         { background: #d4e5ea url("header.jpg")
no-repeat -810px -45px; }
#topmenu5:hover   { background: #87e9ff url("topmenu.jpg") no-repeat -612px
41px; }

/***************************************************************************
********************/
#btn1, #btn2, #btn3
{
    position: absolute;
    top: 35px;
    width: 17px;
    height: 15px;
    text-decoration: none;
    background-image: url("header.jpg");
    background-color: #b5d2da;
}
#btn1 { left: 862px; background-position: -862px -27px; }
#btn2 { left: 895px; background-position: -895px -27px; }
#btn3 { left: 926px; background-position: -926px -27px; }
#btn1 SPAN, #btn2 SPAN, #btn3 SPAN
{
    display: none;
}
/***************************************************************************
********************/
#searchformsmall
{
    position: absolute;
    top: 4px;
    right: 0;
}
#searchformsmall LABEL
{
    position: absolute;
    left: 7px;
    top: 3px;
    color: red;
    cursor: text;
}
#searchformsmall INPUT
{
    border: 1px solid #5980b5;
    position: relative;
}
INPUT.fldtransparent
{
    background-color: transparent;
}
INPUT.fldopaque
{
    background-color: white;
}
/***************************************************************************
********************/
SPAN.icon_doc, SPAN.icon_xls, SPAN.icon_ppt, SPAN.icon_pdf,
SPAN.icon_htm, SPAN.icon_rtf, SPAN.icon_txt, SPAN.icon_rar,
SPAN.icon_zip, SPAN.icon_img, SPAN.icon_href, SPAN.icon_unknown
{
    width:16px;
    height: 16px;
    display: table-cell;
    display: inline-block;
    margin: 0 5px 0 0;
    background-image: url(/img/ekey/icon_small.png);
    background-repeat:no-repeat;
}
SPAN.icon_doc { background-position: 0 0; }
SPAN.icon_xls { background-position: -16px 0; }
SPAN.icon_ppt { background-position: -32px 0; }
SPAN.icon_pdf { background-position: -48px 0; }
SPAN.icon_htm { background-position: -64px 0; }
SPAN.icon_rtf { background-position: -80px 0; }
SPAN.icon_txt { background-position: -96px 0; }
SPAN.icon_rar { background-position: -112px 0; }
SPAN.icon_zip { background-position: -128px 0; }
SPAN.icon_img { background-position: -144px 0; }
SPAN.icon_href { background-position: -160px 0; }
SPAN.icon_unknown { background-position: -176px 0; }


DIV.icon_doc, DIV.icon_xls, DIV.icon_ppt, DIV.icon_pdf,
DIV.icon_htm, DIV.icon_rtf, DIV.icon_txt, DIV.icon_rar,
DIV.icon_zip, DIV.icon_img, DIV.icon_href, DIV.icon_unknown
{
    width: 32px;
    height: 32px;
    margin: 0 5px 0 0;
    background-image: url(/img/ekey/icon_large.png);
    background-repeat:no-repeat;
    float: left;
}
DIV.icon_doc { background-position: 0 0; }
DIV.icon_xls { background-position: -32px 0; }
DIV.icon_ppt { background-position: -64px 0; }
DIV.icon_pdf { background-position: -96px 0; }
DIV.icon_htm { background-position: -128px 0; }
DIV.icon_rtf { background-position: -160px 0; }
DIV.icon_txt { background-position: -192px 0; }
DIV.icon_rar { background-position: -224px 0; }
DIV.icon_zip { background-position: -256px 0; }
DIV.icon_img { background-position: -288px 0; }
DIV.icon_href { background-position: -320px 0; }
DIV.icon_unknown { background-position: -352px 0; }
/***************************************************************************
********************/

#main .text H3
{
    font-size: 14px;
    margin: 7px 0;
}
#main .text A
{
    color: #2c77a7;
}
#main .text A:visited
{
    color: #3d98d3;
}
#main .text A:hover, #main .text A:active
{
    color: #024875;
}
#main .text IMG.imgdocs
{
    margin: 10px 10px 10px 0;
    float: left;
    clear: left;
    border-width: 0;
    position: relative;
}


/***************************************************************************
********************/
DL.news
{
    margin: 0;
    padding: 0;
    position: relative;
}
DL.news DT
{
    font-weight: bold;
    clear: both;
    margin: 7px 0;
    padding: 0;
}
DL.news DD
{
    margin: 7px 0;
    padding: 0;
    position: relative;
}
DL.news DD DIV.abstract
{
    font-size: 12px;
}
DL.news DD IMG.imgnews
{
    float: left;
    position: relative;
    margin: 2px 1em 1em 0;
    border: none;
}

/***************************************************************************
********************/
DIV.pages
{
    margin: 0 0 1em 0;
    padding-top: 1ex;
    text-align: center;
    border-top: 1px solid #7e3c22;
}
/***************************************************************************
********************/
#langs
{
    position: absolute;
    top: 8px;
    left: 720px;
}
#langs A
{
    color: #2c77a7;
    text-decoration: none;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#langs A:hover
{
    text-decoration: underline;
}
/***************************************************************************
********************/
DIV.faqentry
{
    margin: 1em 0;
}
.faqentry H3
{
    background: #cce0e6;
    font-size: 100%;
    padding: 2px 1em;
}
.faqentry H3 SPAN
{
    float: right;
    font-weight: normal;
}
.faqentry H3 P
{
    margin: 1ex 0;
}
.faqentry P.question
{
    color: #427887;
}
/***************************************************************************
********************/
#regform
{
    margin: 7px 0 7px 0;
    padding: 10px 20px;
    position: relative;
    display: block;
    background: #cce0e6;
    border: 1px solid #5980b5;
}
#regform LABEL
{
    width: 170px;
    margin-right: -170px;
    float: left;
    padding: 8px 0;
    position: relative;
}
#regform INPUT, #regform TEXTAREA
{
    margin-top: 4px;
    margin-left: 60px;
    width: 400px;
    border: 1px solid #5980b5;
    position: relative;
}
#regform BUTTON
{
    margin-top: 8px;
}
#regform DIV
{
    text-align: right;
    padding-right: 16px;
}
#regform DIV A
{
    float: left;
    margin-top: 12px;
}