html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
} 
body {
    line-height: 1;
}
ol, ul {
    left: 5px;
    list-style: none outside none;
    padding: 1px 4px;
    top: 0;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clr {
    border: medium none;
    clear: both;
    display: block;
    float: none;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

/* reset css ----------------*/


html, body {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
}
#mainwrapper {
    min-height: 100%;
    padding: 0 0 135px;
    position: relative;
}
* html #mainwrapper {
    height: 100%;
    padding: 0 0 135px;
}

#footer {
    background: url("../images/footer_bg.png") repeat-x scroll 0 0 transparent;
    height: 125px;
    width: 100%;
    padding: 7px 0 0 0;
    position: relative;
    margin: -125px 0 0;
}




body {
    background: #02372a;
}


#header {
    background: url("../images/header_bg.png") repeat-x scroll 0 0 transparent;
    height: 168px;
    width: 100%;
}

#header_shadow {
    background: url("../images/header_bg_shadow.png") no-repeat scroll center center transparent;
    height: 154px;
    margin: 0 auto;
}

#inheader {
    height: 152px;
    margin: 0 auto;
    width: 960px;
    position: relative;
}

#logo_globe {
    background: url("../images/logo_globe.png") no-repeat scroll 0 0 transparent;
    height: 159px;
    left: 0;
    margin: 2px;
    position: absolute;
    top: 0;
    width: 172px;
}

#logo_txt {
    background: url("../images/logo_txt.png") no-repeat scroll 0 0 transparent;
    height: 98px;
    left: 176px;
    margin: 0 0 0 14px;
    position: absolute;
    top: 0;
    width: 424px;
}

#serv_info {
    height: 65px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 264px;
}


#language {
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 105px;
}

#ukr {
    background: url("../images/flags.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 25px;
    margin: 1px;
    width: 33px;
}


#ukr:hover {
    background: url("../images/flags.png") no-repeat scroll 0 -25px transparent;
}

#ukr:active {
    background: url("../images/flags.png") no-repeat scroll 0 -50px transparent;
}

#eng {
    background: url("../images/flags.png") no-repeat scroll -33px 0 transparent;
    float: left;
    height: 25px;
    margin: 1px;
    width: 33px;
}

#eng:hover {
    background: url("../images/flags.png") no-repeat scroll -33px -25px transparent;
}

#eng:active {
    background: url("../images/flags.png") no-repeat scroll -33px -50px transparent;
}


#date {
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    margin: 4px 6px 0;
}

#search {
    background: url("../images/search_bg.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    height: 35px;
    position: absolute;
    right: 0;
    width: 262px;
}

#top_menu {
    background: url("../images/menu_bg.png") no-repeat scroll 0 0 transparent;
    height: 36px;
    position: absolute;
    right: 0;
    top: 103px;
    width: 748px;
    color: #fff;
}

#top_menu ul li {
    background: url("../images/divider_top_menu.png") no-repeat scroll right top transparent;
    float: left;
}
.ux-menu-item118 {
    background: none repeat scroll 0 0 transparent !important;
}

#top_menu ul li a {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 10px 20px;
}

#top_menu .ux-menu-item119{
    background: none;
}

#top_menu ul li a:hover {
    text-decoration: underline;
}

.ux-menu-sub {
    background: none repeat scroll 0 0 #50766D;
    border: 1px solid #FFFFFF;
}


#content_wrap {
    display: table;
    margin: 0 auto;
    position: relative;
    width: 960px;
}

#way {
    background: url("../images/way_bg.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 44px;
    position: relative;
    width: 960px;
}

#way_icon {
    background: url("../images/way_icon.png") no-repeat scroll 0 0 transparent;
    height: 15px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 14px;
}

.breadcrumbs {
    height: 15px;
    left: 25px;
    position: absolute;
    top: 5px;
    font-size: 12px;
    font-family: Times New Roman;
    font-style: italic;
    color: white;
}

.breadcrumbs span {
    margin: 0 1px 0 7px;
}

.breadcrumbs a {
    color: white;
    margin: 9px;
}

#left_col {
    float: left;
    width: 197px;
}

#Login_Form {
    background: no-repeat scroll 0 0 #50766D;
    border: 1px solid #FFFFFF;
    margin: 0 0 10px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    -o-border-radius: 9px;
    -icab-border-radius: 9px;
    border-radius: 9px;
    behavior: url(../js/PIE.htc);
}

fieldset.userdata{
    margin: 20px 20px 0;
    color: white;
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: bold;
}

fieldset.userdata input{
    margin: 5px 0 10px;
    }

#Login_Form ul{
    margin: 0 0 20px 0;
}

#left_menu_top {
    background: url("../images/left_menu_top.png") no-repeat scroll 0 0 transparent;
    width: 197px;
    height: 13px;
}

#left_menu_shadow {
    background: url("../images/left_menu_shadow.png") no-repeat scroll 0 0 #50766D;
    border-left: 1px solid #496B63;
    border-right: 1px solid #496B63;
    left: 0;
    padding: 0 0 10px;
    top: 13px;
    width: 195px;
}

#left_col ul li {
    background: url("../images/left_menu_item_bg.png") no-repeat scroll 12px 15px transparent;
    color: white;
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding: 8px 14px 4px 36px;
}

#left_menu_bottom {
    background: url("../images/left_menu_bottom.png") no-repeat scroll 0 0 transparent;
    width: 197px;
    height: 13px;
}

#content {
    background: none repeat scroll 0 0 #50766D;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    float: left;
    margin: 50px 15px;
    padding: 15px;
    position: relative;
    width: 526px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    -o-border-radius: 9px;
    -icab-border-radius: 9px;
    border-radius: 9px;
    behavior: url(../js/PIE.htc);
}

div.catItemHeader span.catItemDateCreated {
    background: none repeat scroll 0 0 #236F5C;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    margin: 0 0 5px;
    padding: 3px 5px;
    text-align: center;
    width: 165px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -o-border-radius: 3px;
    -icab-border-radius: 3px;
    border-radius: 3px;
    behavior: url(../js/PIE.htc);
}

a.k2ReadMore {
    color: #FFFFFF;
}

a.k2ReadMore:hover {
    text-decoration: none;
}

div.itemHeader {
    background: url("../images/content_header.png") repeat-y scroll 0 0 transparent;
    font-family: Times New Roman;
    font-size: 18px;
    font-weight: bold;
    left: 0;
    margin: 0 0 10px -15px;
    padding: 5px 5px 5px 15px;
}

div.itemHeader h2.itemTitle {
    font-family: Times New Roman;
    font-size: 18px;
    font-weight: bold;
    line-height: 110%;
    padding: 0;
    margin: 0;
}

div.itemHeader span.itemDateCreated {
    color: #FFFFFF;
    font-size: 11px;
}

h3.catItemTitle {
    margin: 0 !important;
    padding: 0 !important;
}

h3.catItemTitle a {
    color: #FFFFFF;
    text-decoration: none;
}

.itemListCategory h2 {
    background: url("../images/content_header.png") repeat-y scroll 0 0 transparent;
    font-family: Times New Roman;
    font-size: 18px;
    font-weight: bold;
    left: 0;
    margin: 0 0 0 -15px;
    padding: 5px 5px 5px 15px;
}

a.downloadArchive {
    background: none repeat scroll 0 0 #02372A;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 5px 10px;
    text-decoration: none;

    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    -o-border-radius: 9px;
    -icab-border-radius: 9px;
    border-radius: 9px;
    behavior: url(../js/PIE.htc);
}

a.downloadArchive:hover {
    background: #777;
}

#content img {
    border: 5px solid #fff;
    float: left;
    margin: 0 15px 15px 0;
}

#content p {
    font-family: Times New Roman;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 15px;
}

ol li {
    list-style: decimal;
}

ol {
    margin: 0 0 15px 30px;
}

strong {
    font-weight: bold;
}

#content h3 {
    font-family: Times New Roman;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 0;
}

#content ul li {
    background: url("../images/content_li.png") no-repeat scroll 10px 5px transparent;
    font-family: Times New Roman;
    font-size: 14px;
    line-height: 18px;
    padding: 0 15px 6px 30px;
}

#right_col {
    float: right;
    height: 411px;
    width: 175px;
}

#imv {
    background: url("../images/banners.png") no-repeat scroll 0 0 transparent;
    width: 179px;
    height: 123px;
    margin: 0 0 15px 0;
}

#uba {
    background: url("../images/banners.png") no-repeat scroll  0 -140px transparent;
    width: 179px;
    height: 124px;
    margin: 0 0 15px 0;
}

#proxen {
    background: url("../images/banners.png") no-repeat scroll 0 -283px transparent;
    height: 125px;
    width: 179px;
}


#footer_shadow {
    background: url("../images/header_bg_shadow.png") no-repeat scroll center center transparent;
    height: 126px;
    margin: 0 auto;
}

#infooter {
    color: #B4D8CF;
    height: 100px;
    margin: 0 auto;
    padding: 15px 0 0;
    position: relative;
    width: 960px;
}

#directions, #about_project, #for_authors {
    float: left;
    margin: 0 0 0 5px;
}

#directions h3, #about_project h3, #for_authors h3 {
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 2px;
}

#directions ul li, #about_project ul li, #for_authors ul li {
    background: url("../images/footer_arrow.png") no-repeat scroll 10px 10px transparent;
    font-family: Times New Roman;
    font-size: 12px;
    padding: 8px 15px 0px 30px;
}

#copyright {
    float: right;
}

#copyright p {
    font-family: Times New Roman;
    font-size: 12px;
    text-align: right;
    line-height: 18px;
}

#left_menu a {
    color: #FFFFFF;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 8px 0;
}

#left_menu a:hover {
    text-decoration: underline;
}

#left_menu ul li {
    width: 145px !important;
}

.itemFullText h4 {
    border: 1px solid #FFFFFF;
    display: block;
    font-weight: bold;
    margin: 30px 0 15px;
    padding: 5px 10px;


    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -o-border-radius: 3px;
    -icab-border-radius: 3px;
    border-radius: 3px;
    behavior: url(../js/PIE.htc);

    background-image: linear-gradient(bottom, rgb(3,58,45) 0%, rgb(20,104,84) 100%);
    background-image: -o-linear-gradient(bottom, rgb(3,58,45) 0%, rgb(20,104,84) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(3,58,45) 0%, rgb(20,104,84) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(3,58,45) 0%, rgb(20,104,84) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(3,58,45) 0%, rgb(20,104,84) 100%);
}

em, i {
    font-style:italic;
}

#content .articles h3.catItemTitle {
    padding: 10px !important;
    background-image: linear-gradient(bottom, rgb(3,58,45) 0%, rgb(20,104,84) 100%);
    background-image: -o-linear-gradient(bottom, rgb(3,58,45) 0%, rgb(20,104,84) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(3,58,45) 0%, rgb(20,104,84) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(3,58,45) 0%, rgb(20,104,84) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(3,58,45) 0%, rgb(20,104,84) 100%);
}

div.catItemView {
    padding: 10px 4px 0;
}

div.itemList {
    padding: 10px 0 0;
}

.k2Pagination ul li {
    background: none repeat scroll 0 0 transparent !important;
    padding: 0 10px !important;
}

span.pagenav {
    background: none repeat scroll 0 0 #236F5C;
    color: #FFFFFF;
    font-size: 10px;
    padding: 7px;
}

a.pagenav {
    background: none repeat scroll 0 0 #095241;
    color: #FFFFFF;
    font-size: 10px;
    padding: 7px;
    text-decoration: none;
}

a.pagenav:hover {
    background: none repeat scroll 0 0 #777;
}

div.k2Pagination ul {
    margin: 0 0 10px;
    text-align: center;
}

div.k2Pagination {
    color: #fff;
    margin: 24px 0 4px;
    padding: 8px;
    text-align: center;
    font-size: 10px;
}

#right_col .custom {
    margin: 0 0 10px 0;
}

#infooter a {
    text-decoration: none;
    color: #B4D8CF;
}

#infooter a:hover {
    text-decoration: underline;
}

.search input.button {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 27px;
    position: absolute;
    right: 0;
    width: 40px;
    border: none;
}

.search input#mod-search-searchword {
    border: none;
    position: absolute;
    left: 10px;
    top: 5px;        
}
a {
    color: #fff;
}

#txt_info {
    background: none repeat scroll 0 0 #50766D;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 12px;
    height: 25px;
    left: 0;
    padding: 5px 0 0;
    position: absolute;
    text-align: center;
    top: -50px;
    width: 556px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    -o-border-radius: 9px;
    -icab-border-radius: 9px;
    border-radius: 9px;
    behavior: url(../js/PIE.htc);
}
#txt_info:hover {
    background: none repeat scroll 0 0 #266153;
}

#txt_info a {
    text-decoration: none;
}