/* === TR DESKTOP CSS === */

/* =========== TR HEADER CSS =============== /*/

#tr-container {

    width: 991px;
    margin: 0 auto 0 auto;
    font-size: 10px;
    background: #213666;
    height: 150px;
}

/* full-width header for galleries */


#tr-min-width, #tr-min-width #tr-header, #tr-min-width #tr-navbar, #tr-min-width #tr-copyrightbar {

    min-width: 971px;
}

#tr-min-width #tr-container {

    width: auto;
    min-width: 100%;
    /*position: absolute;*/
}

#tr-min-width #tr-header {

    width: auto;
    position: absolute;
    left: 0;
    right: 0;
}

#tr-min-width #tr-header .ad_728 div {

    width: 728px;
    position: relative;
    margin: 0 auto;
    float: none;
    padding-left: 200px;
}


#tr-min-width #tr-navbar {

    position: absolute;
    width: auto;
    top: 118px; left: 0; right: 0;
    background: url(/imgnew/fluidwidth-navbar.png) repeat-x;
}

#tr-min-width #tr-navbar form {

    width: 340px;
    background: url(/imgnew/fluidwidth-navsearch.png) no-repeat;
    position: absolute;
    right: 0;
}

#tr-min-width #tr-navbar form input#tr-searchfield { margin-left: 187px; }



/* HEADER AND NAVBAR */

#tr-logo {

    float: left;
    width: auto;
    padding: 10px 13px 0 10px;
}

a#tr-logo:hover {
    text-decoration: none;
}


#tr-header {
    float: left;
    width: 971px;
    padding: 14px 10px;
}

#tr-header a#tr-logo {

    float: left;
    width: 216px; height: 105px;
    margin: -8px -8px -7px;
    padding: 0;
    background: url(/imgnew/logo5.png) no-repeat;
}

#tr-header a#tr-logo img { border: 0; }
#tr-header a#tr-logo:hover { background-position: bottom; }


#tr-navbar {

    background: url(/imgnew/navbar2.png) no-repeat;
    width: 991px; height: 32px;
    float: left;
}

#tr-linklist {

    float: left;
    width: 770px;
    padding: 4px 0 0 16px;
    margin: 0;
}

#tr-linklist a {

    float: left;
    height: 20px;
    margin-right: 10px;

    font: bold 1.1em tahoma, sans-serif;
    color: #fff;
    text-decoration: none;
    padding-top: 5px;
    line-height: 14px;
}

#tr-linklist a span.tr-firstchar {

    color: #fff !important; font: inherit !important; font-size: 1.091em !important; display: inline; margin: auto !important;
}

#tr-linklist a:hover, #tr-linklist a.tr-highlight, #tr-linklist #tr-more:hover>a {

    background: url(/imgnew/navbar-highlight2.png) 100% 0% no-repeat;
    color: #354977 !important;
    margin: 0 6px 0 -4px !important;
    padding: 4px 4px 1px 0;
    text-decoration: none !important;
}

#tr-linklist a:hover span.tr-firstchar, #tr-linklist a.tr-highlight span.tr-firstchar, #tr-linklist #tr-more:hover>a span.tr-firstchar {

    background: url(/imgnew/navbar-highlight2.png) 0 -2px no-repeat;
    margin: -2px 0 0 0 !important;
    height: 19px;
    padding: 2px 0 0 4px;
    display: inline-block;
    color: #354977 !important;
    text-decoration: none !important;
}

#tr-linklist #tr-more:hover>a { background-position: 100% -25px; }
#tr-linklist #tr-more:hover>a span.tr-firstchar { background-position: 0 -27px; }


/* more menu */

#tr-linklist #tr-more {

    float: left;
    margin-right: 2px;
}

#tr-linklist #tr-more ul {

    visibility: hidden;
    position: absolute;
    list-style: none;
    padding: 0 0 0 4px;
    margin: 21px 0 0 -12px;
    clear: both;
    z-index: 99;
    width: 114px;
}

#tr-linklist #tr-more:hover ul { visibility: visible; }


#tr-linklist #tr-more ul li {

    margin: 0;
    background: url(/imgnew/morebg2.png) 0 -11px no-repeat;
}

#tr-linklist #tr-more li a {

    float: none !important;
    color: #354977 !important;
    line-height: 22px !important;
    margin: 0 0 0 16px !important;
    padding: 5px 0 !important;
}

#tr-linklist #tr-more li span.tr-firstchar { color: #354977 !important; }

#tr-linklist #tr-more li a:hover, #tr-linklist #tr-more li a:hover span.tr-firstchar,
#tr-linklist #tr-more li a.tr-highlight, #tr-linklist #tr-more li a.tr-highlight span.tr-firstchar {

    background: none !important;
    text-decoration: underline !important;
    margin-top: 0 !important;
}

#tr-linklist #tr-more ul li a:hover span.tr-firstchar, #tr-linklist #tr-more ul li a.tr-highlight span.tr-firstchar {

    float: none !important; padding: 0 !important;
}


#tr-linklist #tr-more ul li:first-child { background-position: 0 0; padding-top: 4px; }
#tr-linklist #tr-more li#tr-menulast { background-position: 0 100%; padding-bottom: 12px; }


/* === Search box ==== */

#tr-navbar input#tr-searchfield {

    float: left;
    border: 0 !important;
    margin: 7px 0 0 40px; padding: 1px !important;
    width: 135px; height: 16px;
    font-size: 1.1em;

    cursor: auto !important;
}

#tr-navbar button#tr-searchgo {

    background: url(/imgnew/search-button.png) no-repeat;
    float: right;
    height: 16px; width: 16px;
    padding: 0;
    margin: 8px 10px 0 0;
    border: none;
}

/* social links */

#tr-navbar .tr-social {

    position:relative;
    padding: 4px 0 0 0;
    z-index: 1;
}

#tr-navbar .tr-social a, #tr-articlenav .tr-social a {

    background: url(/imgnew/socialicons2.png) no-repeat;
    width: 16px !important; height: 16px !important;
    margin: 0 5px 0 0 !important;
    padding: 0;
    float: left;
}

#tr-navbar .tr-social a.tr-twit, #tr-articlenav .tr-social a.tr-twit { background-position: -16px 0; }
#tr-navbar .tr-social a.tr-face, #tr-articlenav .tr-social a.tr-face { background-position: -32px 0; }

/* === footer === */
#footer p, #footer a {

    font-family: 'source sans pro', 'trebuchet ms', sans-serif !important;
    font-size: 12px !important;
    color: #fff !important;
    margin-top: 1em;
    text-align: center;
}