BODY
{
    MARGIN: 0;
}

#head
{
    BACKGROUND: #9dbcdb;
}

#head > DIV
{
    BACKGROUND: inherit;
    HEIGHT: 122px;
    MARGIN: 0 auto;
    PADDING: 71px 24px 11px 144px;
    WIDTH: 1024px;
    BOX-SIZING: border-box;
    -MOZ-BOX-SIZING: border-box;
    -WEBKIT-BOX-SIZING: border-box;
}

.head-sticky-stick
{
    POSITION: fixed;
    LEFT: 0;
    RIGHT: 0;
    TOP: -72px;
    Z-INDEX: 500;
    BOX-SHADOW: 2px 2px 10px rgba(0, 0, 0, 0.5);
    -MOZ-BOX-SHADOW: 2px 2px 10px rgba(0, 0, 0, 0.5);
    -WEBKIT-BOX-SHADOW: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

#goto-home1
{
    LEFT: 24px;
    POSITION: absolute;
    TOP: 11px;
    Z-INDEX: 650;
    TRANSITION: top 0.5s;
    -MOZ-TRANSITION: top 0.5s;
    -WEBKIT-TRANSITION: top 0.5s;
}

.head-sticky-stick #goto-home1
{
    TOP: 43px;
}

#goto-home2
{
    LEFT: 144px;
    POSITION: absolute;
    TOP: 34px;
}

#search
{
    POSITION: absolute;
    RIGHT: 24px;
    TOP: 34px;
    WHITE-SPACE: nowrap;
}

#search-button
{
    BACKGROUND: #ffffff url(../../../design/tsm/search.png) center no-repeat;
    COLOR: transparent;
    HEIGHT: 23px;
    WIDTH: 23px;
}

#search-text
{
    BORDER: none;
    HEIGHT: 23px;
    LINE-HEIGHT: 23px;
    MIN-HEIGHT: 0;
    PADDING: 0 12px;
    WIDTH: 204px;
}

#goto-home3
{
    BACKGROUND: transparent url(../../../design/tsm/home.png) center no-repeat;
    DISPLAY: inline-block;
    HEIGHT: 28px;
    OVERFLOW: hidden;
    PADDING: 0 0 0 32px;
    WIDTH: 0;
}

#goto-home3:focus,
#goto-home3:hover
{
    BACKGROUND-IMAGE: url(../../../design/tsm/home-hover.png);
}

#menu-on,
#menu-off
{
    DISPLAY: none !important;
}

#menu
{
    BORDER-TOP: 1px solid #000000;
    PADDING: 11px 0 0;
    Z-INDEX: 500;
}

#menu UL
{
    DISPLAY: inline-block;
    LIST-STYLE: none;
    MARGIN: 0;
    PADDING: 0;
}

#menu LI
{
    DISPLAY: inline-block;
    MARGIN: 0;
}

#menu LI A
{
    COLOR: #1a171b;
    DISPLAY: block;
    LINE-HEIGHT: 28px;
    PADDING: 0 21px;
    TEXT-SHADOW: none;
}

#menu LI A.active
{
    BACKGROUND-COLOR: #d3031c;
    COLOR: #ffffff;
}

#menu > UL > LI:first-child
{
    DISPLAY: none;
}

/* subsequent levels */
#menu LI UL
{
    BACKGROUND: transparent url(../../../design/tsm/menu.png) left 18px no-repeat;
    MARGIN-LEFT: -10px;
    PADDING: 52px 10px 12px;
    POSITION: absolute;
    WIDTH: 174px;
}

#menu LI LI
{
    DISPLAY: block;
}

#menu LI LI A
{
    FONT-SIZE: 14px;
    LINE-HEIGHT: inherit;
    PADDING: 0 0 0 14px;
    WIDTH: 100%;
}

#menu LI LI A.active
{
    BACKGROUND: transparent url(../../../design/tsm/bullet.png) left 6px no-repeat;
    COLOR: #d3031c;
}

/* 2nd+ levels */
#menu LI LI UL
{
    BACKGROUND: rgba(255, 255, 255, 0.75);
    MARGIN: -39px 0 0 184px;
    PADDING-TOP: 15px;
}

/* hide / show */
#menu LI UL,
#menu LI:hover LI UL,
#menu LI LI:hover LI UL,
#menu LI LI LI:hover LI UL
{
    LEFT: -99999px;
    OPACITY: 0;
    VISIBILITY: hidden; /* triggers double click on ios touchpad */
}

#menu LI:hover UL,
#menu LI LI:hover UL,
#menu LI LI LI:hover UL,
#menu LI LI LI LI:hover UL
{
    LEFT: auto;
    OPACITY: 1;
    VISIBILITY: visible; /* triggers double click on ios touchpad */
}

#menu LI UL
{
    TRANSITION: opacity 0.5s;
    -MOZ-TRANSITION: opacity 0.5s;
    -WEBKIT-TRANSITION: opacity 0.5s;
}

#banner
{
    BACKGROUND: #000000;
    BORDER-BOTTOM: 19px solid #9dbcdb;
    MIN-WIDTH: 1024px;
}

#lang
{
    FONT-SIZE: 14px;
    LINE-HEIGHT: 100%;
    MARGIN: 0 auto;
    WIDTH: 976px;
}

#lang > DIV
{
    BACKGROUND: rgba(255, 255, 255, 0.75);
    BOTTOM: 0;
    LEFT: 0;
    PADDING: 10px 5px;
    POSITION: absolute;
}

#lang A
{
    BORDER-RIGHT: 1px solid #1a171b;
    COLOR: #0a0a0a;
    DISPLAY: inline-block;
    PADDING: 0 10px;
    TEXT-TRANSFORM: uppercase;
}

#lang A:focus,
#lang A:hover
{
    COLOR: #d3031c;
}

#lang A:last-child
{
    BORDER-RIGHT: none;
}

#block
{
    BACKGROUND: #9dbcdb;
}

#block > DIV
{
    BACKGROUND: inherit;
    MARGIN: 0 auto;
    PADDING: 23px 24px 51px;
    WIDTH: 976px;
}

#body
{
    MIN-WIDTH: 1024px;
    OVERFLOW: hidden;
}

#body > DIV
{
    MARGIN: 0 auto;
    PADDING: 42px 24px 36px;
    WIDTH: 976px;
}

#info
{
    PADDING-TOP: 9px;
}

#info:after
{
    CONTENT: ".";
    CLEAR: both;
    DISPLAY: block;
    HEIGHT: 0;
    OVERFLOW: hidden;
}

#breadcrumb
{
    FLOAT: left;
    PADDING: 35px 0 7px;
}

#breadcrumb > SPAN
{
    COLOR: #58585a;
    FONT-SIZE: 12px;
    PADDING-RIGHT: 12px;
}

#breadcrumb A
{
    BACKGROUND: transparent url(../../../design/tsm/arrow.png) 6px 4px no-repeat;
    COLOR: #1a171b;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
    PADDING: 0 5px 0 31px;
    TOP: -2px;
}

#breadcrumb A.active
{
    BACKGROUND-IMAGE: url(../../../design/tsm/arrow-hover.png);
    COLOR: #d3031c;
}

#partner
{
    COLOR: #58585a;
    FLOAT: right;
    FONT-SIZE: 12px;
}

#partner SPAN
{
    TOP: 35px;
}

#partner IMG
{
    MARGIN-LEFT: 11px;
}

#foot
{
    BACKGROUND: #9dbcdb;
    COLOR: #1a171b;
    TEXT-ALIGN: center;
}

#foot > DIV
{
    BACKGROUND: inherit;
    MARGIN: 0 auto;
    PADDING: 43px 24px 20px;
    WIDTH: 976px;
}

#meta
{
    DISPLAY: table;
    MARGIN-BOTTOM: 38px;
    TEXT-ALIGN: left;
}

#meta UL
{
    LIST-STYLE: none;
    MARGIN: 0;
    PADDING: 0;
}

#meta LI
{
    DISPLAY: inline-block;
    MARGIN: 0;
}

#meta LI UL
{
    PADDING-TOP: 20px;
}

#meta LI LI
{
    DISPLAY: block;
}

#meta LI LI A
{
    BACKGROUND: transparent url(../../../design/tsm/bullet.png) left top no-repeat;
    COLOR: #d3031c;
    FONT-SIZE: 12px;
    PADDING-LEFT: 11px;
}

#meta > UL
{
    DISPLAY: table-row;
}

#meta > UL > LI
{
    BORDER-RIGHT: 1px solid #222126;
    DISPLAY: table-cell;
    PADDING: 0 38px;
}

#meta > UL > LI:first-child
{
    PADDING-LEFT: 0;
}

#meta > UL > LI:last-child
{
    BORDER-RIGHT: none;
    PADDING-RIGHT: 0;
}

#meta > UL > LI > A
{
    COLOR: #1a171b;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: uppercase;
}

#goto-top
{
    BACKGROUND: transparent url(../../../design/tsm/top.png) left top no-repeat;
    BOTTOM: 20px;
    HEIGHT: 38px;
    OVERFLOW: hidden;
    PADDING-LEFT: 43px;
    POSITION: absolute;
    RIGHT: 24px;
    WIDTH: 0;
}

#goto-top:focus,
#goto-top:hover
{
    BACKGROUND-IMAGE: url(../../../design/tsm/top-hover.png);
}

#band
{
    BACKGROUND: #314a97 url(../../../design/tsm/foot.png) left top repeat-x;
}

#band > DIV
{
    BACKGROUND: inherit;
    MARGIN: 0 auto;
    PADDING: 22px 24px 24px;
    TEXT-ALIGN: center;
    WIDTH: 976px;
}

#band A
{
    COLOR: #9dbcdb;
    FONT-SIZE: 12px;
    MARGIN: 0 10px;
}

SPAN.layout-scol-separator
{
    BACKGROUND: #c6c7c8 !important;
}

#block SPAN.layout-scol-separator
{
    BACKGROUND: #1a171b !important;
}

@media (max-width: 640px),
       (max-device-width: 640px)
{
    BODY
    {
        PADDING-TOP: 40px;
    }

    #search
    {
        LEFT: 144px;
        RIGHT: auto;
        TOP: 71px;
    }

    #search-text
    {
        WIDTH: 138px;
    }

    #menu-on,
    #menu-off
    {
        BACKGROUND: #314a97 url(../../../design/tsm/menu-gradient.png) left bottom repeat-x !important;
        COLOR: #ffffff;
        DISPLAY: block !important;
        FONT-SIZE: 30px;
        HEIGHT: 40px;
        LEFT: 0;
        LINE-HEIGHT: 40px;
        POSITION: fixed;
        RIGHT: 0;
        TEXT-ALIGN: center;
        TEXT-DECORATION: none;
        TOP: 0;
        Z-INDEX: 700;
    }

    #menu-on
    {
        BOX-SHADOW: 2px 2px 10px rgba(0, 0, 0, 0.5);
        -MOZ-BOX-SHADOW: 2px 2px 10px rgba(0, 0, 0, 0.5);
        -WEBKIT-BOX-SHADOW: 2px 2px 10px rgba(0, 0, 0, 0.5);
    }

    #menu
    {
        BACKGROUND: #9dbcdb;
        BORDER: none;
        BOTTOM: 0;
        DISPLAY: none;
        LEFT: 0;
        OVERFLOW: hidden;
        OVERFLOW-Y: auto;
        PADDING: 40px 0 0;
        POSITION: fixed;
        RIGHT: 0;
        TOP: 0;
        Z-INDEX: 750;
    }

    @keyframes fade-in
    {
        0%   { OPACITY: 0; }
        100% { OPACITY: 1; }
    }

    #menu:target
    {
        DISPLAY: block;
        ANIMATION: fade-in 0.5s;
        -MOZ-ANIMATION: fade-in 0.5s;
        -WEBKIT-ANIMATION: fade-in 0.5s;
    }

    #goto-home3
    {
        DISPLAY: none !important;
    }

    #menu UL
    {
        BACKGROUND: transparent !important;
        DISPLAY: block !important;
        LEFT: auto !important;
        MARGIN: 0 !important;
        OPACITY: 1 !important;
        PADDING: 0 !important;
        POSITION: relative !important;
        VISIBILITY: visible !important;
        WIDTH: auto !important;
    }

    #menu LI
    {
        DISPLAY: block !important;
    }

    #menu UL A
    {
        BORDER-BOTTOM: 1px dotted #ffffff;
        LINE-HEIGHT: 28px !important;
        PADDING: 5px 21px !important;
    }

    #menu LI LI A
    {
        BACKGROUND-COLOR: rgba(255, 255, 255, 0.5) !important;
        BACKGROUND-POSITION: 9px 13px !important;
    }

    #menu LI LI LI A
    {
        BACKGROUND-POSITION: 29px 13px !important;
        PADDING-LEFT: 41px !important;
    }

    /* open / close */

    #menu A.container
    {
        PADDING-RIGHT: 58px !important;
    }

    #menu A.menu-switch-off,
    #menu A.menu-switch-on
    {
        BACKGROUND: transparent url(../../../design/tsm/menu-open.png) center no-repeat !important;
        BORDER: none;
        DISPLAY: block;
        HEIGHT: 28px;
        PADDING: 0 !important;
        POSITION: absolute;
        RIGHT: 10px;
        TOP: 5px;
        WIDTH: 38px;
        Z-INDEX: 100;
    }

    #menu A.menu-switch-on
    {
        BACKGROUND-IMAGE: url(../../../design/tsm/menu-close.png) !important;
    }

    #menu A.menu-switch-off + UL
    {
        DISPLAY: none !important;
    }

    #menu A.menu-switch-on + UL
    {
        DISPLAY: block;
    }

    #body
    {
        MIN-WIDTH: 0;
    }

    #head > DIV,
    #block > DIV,
    #body > DIV,
    #foot > DIV,
    #band > DIV
    {
        WIDTH: 100%;
        BOX-SIZING: border-box;
        -MOZ-BOX-SIZING: border-box;
        -WEBKIT-BOX-SIZING: border-box;
    }

    #banner
    {
        DISPLAY: none;
    }

    #meta
    {
        DISPLAY: block;
        MARGIN-BOTTOM: 18px;
    }

    #meta > UL
    {
        DISPLAY: block;
    }

    #meta > UL > LI
    {
        BORDER-RIGHT: none;
        DISPLAY: inline-block;
        PADDING: 0 20px 20px 0;
        WIDTH: 175px;
    }
}