@import url(reset.css);

body {
    font: normal 16px Arial, Helvetica, sans-serif;
    color: #223;
    background: #f8f8f8 url(../img/bg.png) top repeat-x
}
a:link {
    text-decoration: none;
    color: #3e66aa
}
a:visited {
    text-decoration: none;
    color: #743eaa
}
a:hover { text-decoration: underline }
a:active { color: #d52b2b }
a.external {
    padding: 0 13px 0 0;
    font-size: 0.875em;
    background: url(../img/external.gif) center right no-repeat
}
a.filetype_pdf {
    padding: 0 18px 0 0;
    font-size: 0.875em;
    background: url(../img/icon_filetype_pdf.gif) center right no-repeat
}
a.filetype_doc {
    padding: 0 20px 0 0;
    font-size: 0.875em;
    background: url(../img/icon_filetype_doc.png) center right no-repeat
}
p { margin: 1em 0 }
h1 {
    margin: 0 0 0.5em;
    padding: 0 0 0.3em;
    text-align: center;
    color: #ad9705;
    font: normal 2em Georgia, "Times New Roman", Times, serif;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #ad9705
}
h2, h3, h4 {
    margin: 1.5em 0 1em;
    clear: both;
    text-align: center;
    color: #00389f;
    font: normal 2em Georgia, "Times New Roman", Times, serif;
    letter-spacing: 0.05em
}
h2 { font-size: 1.5em }
h3, h4 { font-size: 1.25em }
h4 {
    margin: 1em 0 0;
    text-align: left;
}

#container_header {
    margin: 0 auto;
    width: 980px;
    height: 175px
}
#header_top_row {
    width: 980px;
    height: 28px
}
#header_top_row .bg_L, #header_top_row .lang, #header_top_row .bg_R {
    height: 28px;
    float: left
}
#header_top_row .bg_L {
    width: 797px;
    background: url(../img/header_bg_L.png) no-repeat
}
#header_top_row .lang {
    width: 149px;
    background: #cadffd
}
#header_top_row .lang a {
    padding: 28px 0 0;
    width: 149px;
    height: 0;
    float: left;
    overflow: hidden;
    background: url(../img/lang.png) no-repeat
}
#header_top_row .lang a.et { background-position: 0 0 }
#header_top_row .lang a.et:hover { background-position: 0 -28px }
#header_top_row .lang a.en { background-position: -149px 0 }
#header_top_row .lang a.en:hover { background-position: -149px -28px }
#header_top_row .bg_R {
    width: 34px;
    background: url(../img/header_bg_R.png) no-repeat
}
#container_header .header_bg {
    width: 980px;
    height: 147px;
    background: #aecdec url(../img/header_bg.png) no-repeat
}
#container_header .header_bg h1 {
    float: left;
    display: inline;
    text-indent: -9000px;
    border: none;
}
#page_controls {
    width: 183px;
    height: 118px;
    float: right
}
#page_controls .text_size_select, #page_controls .text_size, #page_controls .email, #page_controls .print {
    margin: 10px 0 0;
    width: 149px;
    height: 24px;
    font-size: 12px;
    float: left
}
#page_controls .text_size_select select, #page_controls .text_size_select input {
    margin: 3px 0 0 0;
    height: 18px;
    font-size: 10px
}
#page_controls .text_size_select input { width: 30px; height: auto }
#page_controls .text_size { display: none }
#page_controls .text_size.et { background: url(../img/page_control_buttons_et.png) no-repeat }
#page_controls .text_size.en { background: url(../img/page_control_buttons_en.png) no-repeat }
#page_controls .text_size ul {
    width: 40px;
    height: 24px;
    float: right
}
#page_controls .text_size ul li { position: relative }
#page_controls .text_size li ul {
    position: absolute;
    top: 24px;
    left: 0;
    width: 38px;
    height: auto;
    float: none;
    display: none;
    background: #fff;
    border: 1px solid #486997
}
#page_controls .text_size a {
    width: 38px;
    height: 24px;
    display: block;
    color: #0d111a;
    font: bold 12px/24px Arial, Helvetica, sans-serif;
    text-indent: 10px;
    text-decoration: none;
    background: url(../img/page_controls_button_font_size.png) no-repeat
}
#page_controls .text_size a:hover { background: url(../img/page_controls_button_font_size.png) 0 -24px no-repeat }
#page_controls .text_size li ul li {
    height: 18px;
    color: #0d111a;
    font: bold 12px/18px Arial, Helvetica, sans-serif;
    text-indent: 5px;
    background: #a8cfff
}
#page_controls .text_size li ul a {
    width: 38px;
    height: 18px;
    line-height: 18px;
    text-indent: 5px;
    background: #fff
}
#page_controls .text_size li ul a:hover { background: #ddecff }
#page_controls .text_size ul li:hover ul { display: block }
#page_controls .email a, #page_controls .print a {
    padding: 24px 0 0;
    width: 149px;
    height: 0;
    float: left;
    overflow: hidden
}
#page_controls .email a.et, #page_controls .print a.et { background: url(../img/page_control_buttons_et.png) no-repeat }
#page_controls .email a.en, #page_controls .print a.en { background: url(../img/page_control_buttons_en.png) no-repeat }
#page_controls .email a.et { background-position: -149px 0 }
#page_controls .print a.et { background-position: -298px 0 }
#page_controls .email a.et:hover { background-position: -149px -24px }
#page_controls .print a.et:hover { background-position: -298px -24px }
#page_controls .email a.en { background-position: -149px 0 }
#page_controls .print a.en { background-position: -298px 0 }
#page_controls .email a.en:hover { background-position: -149px -24px }
#page_controls .print a.en:hover { background-position: -298px -24px }
#search_small {
    width: 198px;
    height: 22px;
    float: right;
    clear: right;
    background: url(../img/search_box_small_bg.png) no-repeat
}
#search_small:hover, #search_small.hover { background-position: 0 -22px }
#search_small div { float: left }
#search_small input.q {
    padding: 2px 0 0 6px;
    width: 150px;
    height: 18px;
    color: #8b8b8b;
    font-size: 12px;
    background: none;
    border: none;
    outline: none
}
#search_small input.q:focus { color: #252d52 }
#search_small input.submit {
    margin: 1px 0 0 4px;
    width: 17px;
    height: 20px;
}

#loc_bar {
    margin: 0 auto;
    padding: 6px 0 0;
    width: 980px;
    height: 69px;
    color: #51517b;
    font: 14px/27px Verdana, Geneva, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    background: url(../img/loc_bar_bg.png) no-repeat #CADFFD
}
#loc_bar .ls {
    padding: 0 0 0 25px;
    width: 803px;
    height: 28px;
}
#loc_bar .rs {
    padding: 0 25px 0 0;
    width: 127px;
    height: 28px;
}
#loc_bar a { color: #51517b }
#loc_bar div, #loc_bar img { float: left }
#loc_bar .delimiter {
    width: 22px;
    height: 28px;
    background: url(../img/loc_bar_separator.png) no-repeat
}

#container_body {
    margin: 0 auto;
    width: 980px;
    height: auto;
    overflow: hidden;
    background: #fff url(../img/body_bg.png) repeat-y
}

#nav_menu {
    width: 200px;
    float: left
}
ul#nav {
    width: 193px;
    padding: 0 0 0 7px
}
ul#nav a {
    padding: 6px 10px 4px 12px;
    width: 167px;
    min-height: 20px;
    display: block; 
    color: #0096ff;
    font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    background: #e2eaf0;
    border-top: #f7fbff solid 1px;
    border-bottom: #cfdbe5 solid 1px
}
ul#nav a:hover {
    color: #0096ff;
    background: #f0f6fa
}
ul#nav a:active {
    color: #fafdfe;
    background: #99b0ca;
    border-top: 1px solid #969696;
    outline: none
}
ul#nav li.menu_bottom_line {
    width: 189px;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    border-top: 1px solid #f7fbff
}

#content {
    padding: 0 20px;
    width: 533px;
    float: left;
    text-align: justify;
    line-height: 1.3em
}
#content h1.intro {
    padding: 0;
    border: none
}
#content h1 a {
    display: block;
    color: #ad9705;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}
#content h1 a:hover {
    color: #000;
    text-decoration: none;
    background-color: #c8e2f7;
    border-top: 1px solid #ecf7fd;
    border-bottom: 1px solid #35709f
}
#content h1 a:active {
    color: #ad0505;
    outline: none
}
.article_dates {
    margin: 0.7em 0;
    color: #7f7f7f;
    font: normal 0.7em Tahoma, Verdana, Arial, sans-serif;
    line-height: 1.4em
}
.article_ref {
    margin: 0 0 0.7em;
    color: #666;
    font: normal 0.7em Tahoma, Verdana, Arial, sans-serif;
    line-height: 1.4em
}
.read_more {
    margin: 1em 0 0;
    text-align: right;
    font-size: 0.875em
}
.articles_middle_border {
    margin: 1em 0;
    height: 1px;
    overflow: hidden;
    border-bottom: 1px dashed #8CBADF
}
.updated_article_text { background: #ff9 }
.article_tn_img {
    margin: 5px 10px;
    padding: 5px;
    float: right;
    background: #f5f5f5;
    border: 1px solid #b9b9b9
}

#container_page_numbers {
    margin: 0 auto;
    padding: 10px 0 0;
    width: 980px;
    height: 50px;
    background: #fff url(../img/body_bg.png) repeat-y
}
#page_numbers {
    margin: 0 0 0 200px;
    padding: 10px 0 0;
    width: 573px;
    height: 30px;
    text-align: center;
    background: url(../img/pn_bg.png) no-repeat #fff
}
#page_numbers a:link, #page_numbers a:visited, #page_numbers span {
    margin: 0 5px 0;
    padding: 0 5px 0;
    width: 20px;
    height: 20px;
    color: #202938;
    font-size: 17px;
    line-height: 20px;
    background: #a8cfff url(../img/pn_buttons_bg.gif) 0 -20px repeat-x;
    border: #b3c1d5 solid 1px
}
#page_numbers a:focus, #page_numbers a:hover {
    text-decoration: none;
    border: #9fcbff solid 1px;
    background: #ddecff url(../img/pn_buttons_bg.gif) 0 -40px repeat-x
}
#page_numbers a:active { color: #ad0505 }
#page_numbers .current {
    font-weight: bold;
    background: #a8cfff url(../img/pn_buttons_bg.gif) repeat-x;
    border: 1px solid #849bbb
}
#page_numbers .inactive {
    width: auto;
    color: #b4b4b4;
    background: #f7f7f7 url(../img/pn_buttons_bg.gif) 0 -60px repeat-x;
    border: 1px solid #d4d4d4
}
#page_numbers form, #page_numbers form div {
    display: inline;
    font-size: 16px
}
#page_numbers input {
    padding: 3px 0 0;
    width: 20px;
    height: 15px;
    text-align: center;
    color: #41505F;
    font-size: 12px;
    line-height: 12px;
    background: url(../img/pn_bg_input.png) no-repeat;
    border: #b3c1d5 solid 1px;
    outline: none
}
#page_numbers input:hover { border: #9fcbff solid 1px }

h1.sitemap {
    margin: 0;
    padding: 0;
    text-align: left;
    color: #323656;
    font: normal 2em Georgia, "Times New Roman", Times, serif;
    border: none
}
ul#sitemap_nav {
    background: #FCFCFC;
    border-top: 1px solid #eaeaea;
}
ul#sitemap_nav li ul {
    padding: 0 0 0 2em
}
ul#sitemap_nav li a {
    padding: 0 1em 0 2em;
    min-height: 2em;
    display: block;
    text-align: left;
    line-height: 2em;
    text-decoration: none;
    background: url(../img/sitemap_link_bg.png) 0.5em center no-repeat;
    border-bottom: 1px solid #eaeaea;
}
ul#sitemap_nav li a:hover {
    background: #ecf9ff url(../img/sitemap_link_bg_hover.png) 0.5em center no-repeat;
}

#content.members .info {
    margin: 0 0 1em;
    padding: 1em;
    background: #e3eff9;
    border: 1px solid #a8ccea
}
ul#members {
    border-top: 1px solid #ccc
}
ul#members li {
    padding: 1em 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc
}
ul#members .ls {
    width: 230px;
    float: left;
}
ul#members h3 {
    margin: 0 0 1em;
    text-align: left
}
ul#members div { margin: 0 0 0.7em }
ul#members ul {
    width: 300px;
    float: right;
}
ul#members ul li {
    padding: 0.5em 0 0.5em 22px;
    min-height: 1em;
    font: normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #eaeaea
}
ul#members ul li.last { border: none }
ul#members ul li.f { background: url(../img/icon_firm.gif) left center no-repeat }
ul#members ul li.a { background: url(../img/icon_address.gif) left center no-repeat }
ul#members ul li.p { background: url(../img/icon_phone.gif) left center no-repeat }
ul#members ul li.e { background: url(../img/icon_email.gif) left center no-repeat }
ul#members ul li.w { background: url(../img/icon_homepage.gif) left center no-repeat }

#content.contact {
    margin: 0;
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height: 1.5em;
}
#content.contact h2 {
    margin: 0;
    text-align: left
}
#content.contact p { margin: 0.5em 0 2em }
#content.contact .www { display: none }
#email_form { font-size: 14px }
#email_form h3 {
    margin: 0 0 0.5em;
    text-align: left;
    color: #001640
}
#email_form #status_message {
    margin: -20px 0 5px;
    padding: 8px 10px 10px;
    width: 395px;
    height: 20px;
    text-align: center
}
.bg_ok { background: #d9ffd9 }
.bg_error { background: #ffdada }
#email_form .ls {
    width: 100px;
    float: left
}
#email_form .rs {
    width: 320px;
    float: left
}
#email_form label { font-size: 12px }
#email_form #contact_email, #email_form #contact_subject {
    margin: 0 0 5px;
    padding: 2px 5px 0;
    width: 303px;
    height: 18px;
    letter-spacing: 1px;
}
#email_form textarea {
    margin: 3px 0 10px;
    padding: 2px 3px 3px 5px;
    width: 405px;
    height: 137px;
    clear: both;
    overflow: auto;
}
#email_form #contact_email, #email_form #contact_subject, #email_form textarea {
    background: #fafafa url(../img/input_bg.png) no-repeat;
    border: 1px solid #dfdfdf;
    outline: none;
}
#email_form #contact_email:hover, #email_form #contact_subject:hover, #email_form textarea:hover,
#email_form #contact_email.hover, #email_form #contact_subject.hover, #email_form textarea.hover { border: 1px solid #9fcbff }
#email_form .btn {
    padding: 0 100px 0 0;
    text-align: center
}
#email_form .btn input { cursor: pointer }
/*
.map_link, .file_download {
    font-size: 0.8em;
}
*/

#search_box_big {
    margin: 0 auto;
    width: 524px;
    height: 39px;
    overflow: hidden;
    background: #e9e9e9 url(../img/search_box_big_bg.png) no-repeat
}
#search_box_big:hover, #search_box_big.hover { background-position: 0 -39px }
#search_box_big div { float: left }
#search_box_big .ls {
    width: 436px;
    height: 39px
}
#search_box_big .q {
    margin: 6px 0 0 10px;
    width: 415px;
    height: 24px;
    font-size: 19px;
    letter-spacing: 2px;
    background: none;
    border: none;
    outline: none
}
#search_box_big .submit {
    cursor: pointer;
    outline: none
}
#search_results {
    margin: 5px 0 20px;
    padding: 0 0.2em;
    min-height: 1.5em;
    font-size: 0.9em;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #9a9a9a
}
ul#srl li {
    padding: 0.3em 0;
    font-size: 0.875em;
    line-height: 1.3em
}
ul#srl a {
    color: #00f;
    font-size: 1.125em;
    text-decoration: underline
}
ul#srl a:visited { color: #9f00ff }
ul#srl .url { color: #008000 }
ul#srl .dates { color: #b4b4b4 }
ul#snr li {
    margin: 0 0 0 2em;
    line-height: 1.8em
}

#sidebar {
    padding: 0 15px 0 0;
    width: 180px;
    float: right
}
#page_controls_article {
    width: 180px;
    height: auto;
    background: #f5f8fa
}
#page_controls_article .h, #page_controls_article .f {
    width: 180px;
    height: 4px;
    font-size: 1px;
    line-height: 1px;
    background: url(../img/page_controls_article_bg.png) no-repeat
}
#page_controls_article .f { background-position: 0 -4px }
#page_controls_article .b {
    padding: 5px 0;
    width: 178px;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    line-height: 18px;
    border-left: 1px solid #d2d6d9;
    border-right: 1px solid #d2d6d9;
}
#page_controls_article .ls {
    margin: 0 5px 0 0;
    width: 20px;
    height: 18px;
    float: left
}
#page_controls_article .rs {
    padding: 0 2px 0 0;
    width: 151px;
    float: left
}
#toc {
    margin: 15px 0 0;
    width: 180px;
    height: auto;
    color: #474771;
    font: normal 12px Arial, Helvetica, sans-serif;
    background: #fff
}
#toc .header {
    padding: 0 0 0 12px;
    width: 168px;
    height: 28px;
    color: #3e3a69;
    font: normal 14px/28px Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    background: #c2cddc url(../img/toc_bg_header.png) no-repeat
}
#toc .sub_header {
    padding: 0 13px 0 0;
    width: 167px;
    height: 16px;
    text-align: right;
    color: #3f3f3f;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    background: #dadee1;
    border-top: 1px solid #ebebeb
}
#toc .body {
    padding: 10px 0 10px 5px;
    width: 173px;
    height: auto;
    background: #f5f8fa;
    border: 1px solid #d2d6d9;
    overflow: hidden
}
#toc .body .row {
    width: 173px;
    height: auto;
    overflow: hidden
}
#toc .body .ls {
    width: 148px;
    height: auto;
    float: left
}
#toc .body .rs {
    width: 20px;
    height: auto;
    float: right
}
#banners {
    margin: 10px 0 0;
    text-align: center
}
#banners img { margin: 5px 0 0 }

#body_footer {
    margin: 0 auto;
    width: 980px;
    height: 40px;
    clear: both;
    background: #FFF url(../img/body_footer_bg.png) no-repeat
}
#footer {
    margin: 0 auto;
    width: 980px;
    height: 98px;
    background: #f3f5f7 url(../img/footer_bg.png) no-repeat
}
#footer_text {
    position: relative;
    top: 60px;
    text-align: center;
    color: #999;
    font-size: 12px
}

/* Overlay suggest page by email */
#overlay_spe {
    padding: 70px 70px 50px;
    width: 400px;
    height: 470px;
    display: none;
    background: url(../img/overlay_bg_spe.png)
}
#overlay_spe .close {
    position: absolute;
    top: 30px;
    right: 60px;
    width: 30px;
    height: 30px
}
#overlay_spe .close a {
    padding: 30px 0 0;
    width: 30px;
    height: 0;
    float: left;
    overflow: hidden;
    background: url(../img/overlay_button_close.png) no-repeat;
    outline: none
}
#overlay_spe .close a:hover { background-position: 0 -30px }
#overlay_spe .close a:active { background-position: 0 -60px }
#overlay_spe .message {
    padding: 10px; 
    width: 380px;
    height: 20px;
    text-align: center;
    line-height: 20px
}
#overlay_spe h2 { margin: 0.2em 0 }
#overlay_spe .url {
    margin: 0 0 1em;
    color: #008000;
    text-align: center
}
#overlay_spe .note {
    margin: 0 0 10px;
    color: #9F9F9F;
    font-size: 12px;
}
#overlay_spe .ls {
    width: 150px;
    height: auto;
    float: left;
    line-height: 40px;
}
#overlay_spe .rs {
    padding: 8px 0 0;
    width: 250px;
    height: auto;
    float: left
}
#overlay_spe .rs div {
    width: 100%;
    height: 40px;
}
#overlay_spe .rs div input {
    padding: 4px 0 0 5px;
    width: 240px;
    height: 20px
}
#overlay_spe .rs textarea {
    margin: 0 0 20px;
    padding: 2px 3px 3px 5px;
    width: 238px;
    overflow: auto;
}
#overlay_spe .rs div input, #overlay_spe textarea {
    background: #fafafa url(../img/input_bg.png) no-repeat;
    border: 1px solid #dfdfdf;
    outline: none;
}
#overlay_spe .rs div input:hover, #overlay_spe .rs div input:focus,
#overlay_spe .rs textarea:hover, #overlay_spe .rs textarea:focus { border: 1px solid #9fcbff }
#overlay_spe.static {
    padding: 0;
    width: auto;
    height: auto;
    display: block;
    background: none
}
#overlay_spe .bg_ok, #overlay_spe .bg_error {
    margin: 0 0 0.2em;
    padding: 10px; 
    width: auto;
    height: 20px;
    text-align: center;
    line-height: 20px
}
#overlay_spe.static h2 { margin: 0 0 0.2em }
#overlay_spe.static .url { margin: 0 0 0.2em }

/* Fancy zoom */
a.fancy_close_btn {
    width: 30px;
    height: 30px;
    background: url(../img/jquery_fancyzoom/zoom_close_btn.png) no-repeat
}
a.fancy_close_btn:hover { background-position: 0 -30px }