body{
    font-family: Helvetica, Arial, Sans-serif;
    color:#333;
}

::selection {
    background: #00110C;
    color:#fff;
}

::-moz-selection {
    background: #00110C;
    color:#fff;
}

p a{
    color:#005136;
    text-decoration:none !important;
}

p a:hover{
    text-decoration:underline !important;
}

#root{
    width:966px;
    margin:0 auto;
    position:relative;
}

#branding{
    margin:10px 0;
}

#logo{
    margin:0;
    padding:0;
}

#logo a{
    display:block;
    margin:0;
    padding:0;
    background: url(../../images/base/logo.png) no-repeat;
    text-indent:-9000pt;
    width:175px;
    height:95px;
}

#lang-bar{
    position:absolute;
    top:20px;
    left:auto;
    right:0;
    width:80px;
    text-align:right;
}

#lang-bar a{
    display:inline-block;
    color:#999;
    font: normal 11px Helvetica, Arial, Sans-serif;
    margin:0 0 0 10px;
    text-decoration:none;
}

#lang-bar a.active{
    color:#005f41;
}

#slogan{
    margin:8px 0 0 102px;
    float:left;
}

#slogan p{
    font-size:12px;
}

#prim-nav{
    margin:0 2px 0 0;
    position:absolute;
    left:auto;
    right:0;
}

#prim-nav ul{
    float:right;
    margin:0;
    padding:0;
    list-style:none;
}

#prim-nav li{
    float:left;
    margin:0 0 0 1px;
}

#prim-nav a{
    width:100px;
    display:block;
    padding:10px 9px;
    background:#e0e0e0;
    color:#000;
    font-size:11px;
    text-decoration:none;
}

#prim-nav li a:hover,
#prim-nav li.active a
{
    color:#fff;
    background:#005136;
}

#search-form{
    float:left;
}

#search-form p{
    margin:0;
    padding:0;
    border:1px solid #d1d3d4;
}

#search-form #q{
    font-size:12px;
    font-family:Helvetica, Arial, Sans-serif;
    padding:5px;
    width:190px;
    border:0;
}

#search-form .btn-search-go{
    background: url(../../images/base/ico-search.png) no-repeat 0 -2px;
    border:0;
    width:31px;
    height:30px;
    font-size:0;
    text-indent:-9000pt;
    cursor:pointer;
}

#mid-sect{
    position:relative;
    width:968px;
    height:550px;
}

#mid-sect.tall-free{
    height:auto !important;
}

#mid-wrap{
    position:relative;
    width:964px;
    height:550px;
    overflow:hidden;
}

#content{
    position:absolute;
    height:550px;
    width:1464px;
    filter:alph(opacity=100);
}

.cat-container{
    float:left;
    width:120px;
    height:550px;
    overflow:hidden;
    border:solid #fff;
    border-width:0 1px 0 0;
    position:relative;
}

.cat-container.hover{
    width:240px;
}

.cat-container.active{
    width:240px;
}

.cat-container a.cat-link{
    position:absolute;
    width:120px;
    height:550px;
    display:block;
}

.cat-container.active a.cat-link{
    position:absolute;
    width:589px;
}

.cat-container span.cat-opaque{
    display:block;
    position:absolute;
    width:289px;
    height:550px;
    background:#032D1F;
    opacity:0;
    filter:alpha(opacity=0);
}

.cat-container.article span.cat-opaque{
    width:725px;
}

.cat-container:hover a.cat-link span.cat-opaque,
.cat-container.hover a.cat-link span.cat-opaque,
.cat-container.active a.cat-link span.cat-opaque
{
    opacity:.8 !important;
    filter:alpha(opacity=80);
}

.cat-info{
    position:absolute;
    left:0;
    top:0;
    z-index:99;
}

.cat-info h1{
    margin:4px 0 0 9px;
    padding:0;
    width:100px;
    line-height:1;
}

.cat-year{
    font-family: 'din-condensed', 'Arial Narrow', Helvetica, Arial, Sans-serif;
    font-size:50px;
	letter-spacing:-1.5px;
    color:#fff;
    font-weight: normal !important;
    cursor:pointer;
}

.cat-title{
    font-family: HelveticaLTNarrowRegular, 'Arial Narrow', Helvetica, Arial, Sans-serif;
    font-size:16px;
    color:#fff;
    text-shadow:0 0 4px #000;
    text-align:center;
    font-weight: normal !important;
    cursor:pointer;
}

.theme-title{
    font-family: 'din-condensed', 'Arial Narrow', Helvetica, Arial, Sans-serif !important;
    font-size:28px !important;
    text-shadow:none;
    letter-spacing:-1px;
    margin: 12px 0 0 8px !important;
    cursor:pointer;
}



/*
.cat-container.active.article:first-child .cat-nav,
.cat-container.article:first-child .cat-nav
 */

/* .cat-container.article .cat-nav */

.cat-container.active .cat-nav
{
    display:block !important;
}

.cat-nav{
    position:absolute;
    left:240px;
    width:120px;
    display:none;
    height:550px;
}

.cat-nav-wrap{
    position:relative;
    width:120px;
    height:550px;
}

.cat-nav-bg{
    position:absolute;
    /*
    background: #000;
    opacity: .5;
    filter:alpha(opacity=50);
    */
    z-index:9;
    height:550px;
    width:120px;
    display:block;
}

.cat-nav ul{
    z-index:99;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    filter:alpha(opacity=100);
}

.cat-nav li{
   margin:0 0 1px;
   width:120px;
}

.cat-nav li.active{
    border:solid #fff;
    border-width:0 1px 0 0;
}

.cat-nav li a{
    background:#005136;
    display:block;
    text-decoration:none;
    height:82px;
    padding:5px;
    color:#fff;
}

.cat-nav li a:hover,
.cat-nav li.active a
{
    background:#fff;
    color:#00110c;
}

.cat-nav li a span.article-year{
   display:block;
   font-family: 'din-condensed', 'Arial Narrow', Helvetica, Arial, Sans-serif;
   font-size:30px; 
   letter-spacing:-1px;
}

.cat-nav li a span.article-title{
    display:block;
    font-family: HelveticaLTNarrowRegular, 'Arial Narrow', Helvetica, Arial, Sans-serif;
    font-size:12px;
}

.cat-content{
    display:none;
    width:478px;
    position:absolute;
    left:auto;
    right: 0;
}

.cat-container.active .cat-content,
.cat-container.article .cat-content{
    display:block;
    width: 482px;
    height:550px;
    background:#005136;
}

.cat-content{
    color:#fff;
}

.article-cat-title{
    margin:14px 14px 10px;
    padding:0;
    font-family: HelveticaLTNarrowRegular, 'Arial Narrow', Helvetica, Arial, Sans-serif;
    font-weight:lighter;
    font-size:20px;
    color:#fff;
}

.article-html{
    padding:0 14px 14px;
    font-family: Helvetica, Arial, Sans-serif;
    font-size:12px;
    line-height:1.5;
}

a.pager{
    display:block;
    position:absolute;
    width:37px;
    height:39px;
    left:auto;
    right:auto;
    top:275px;
    background: url(../../images/base/bg-pager.png) no-repeat;
    text-indent:-9000pt;
    z-index:999;
}

a.pager.prev{
    background-position: 0 0;
    left:-16px;
}

a.pager.next{
    background-position: -37px 0;
    right:-16px;
}

.article-pager{
    position: absolute;
    top:auto;
    bottom:0;
    width:320px;
}

.article-pager a{
    display:block;
    float:left;
    color:#fff;
    padding:14px;
    background:#a7a9a9;
    margin:0 1px 0 0;
    text-decoration:none;
    position:static !important;
    top:0 !important;
    left:0 !important;
    width:6px;
}

.article-pager a.active,
.article-pager a:hover
{
    background:#00110c;
}

.article-detail{
    position:absolute;
    left:auto;
    right:0;
    width:700px;
    height:550px;
    padding:0;
}

h1.article-title{
    font-family: HelveticaLTNarrowRegular, 'Arial Narrow', Helvetica, Arial, Sans-serif;
    font-size:20px;
}

.article-body{
    font-family: Helvetica, Arial, Sans-serif;
    font-size:12px;
    line-height:1.5;
    text-shadow:0 1px #fff;
    width:300px;
    float:left;
    padding:0 10px 0 0;
}

.article-content{
    height:364px;
    margin:0 0 10px;
}

.article-gallery{
    display:none;
    width:360px;
    float:right;
    min-height:550px;
    background:#E7E7E7;
}

.cat-container.article .article-gallery{
    display:block !important;
}

.pic-desc{
    position:absolute;
    background:url(../../images/base/bg-gallery-desc.png) repeat;
    top:auto;
    bottom:0;
    color:#fff;
    font-style:italic;
    width:340px;
    padding:10px;
    line-height:1.5;
    font-size:12px;
}

.btn-article-transcript{
    background:#fff url(../../images/base/bg-btn-transcript.png) no-repeat 100% 45%;
    display:inline-block;
    border:solid 1px #abaaa7;
    padding:6px 22px 5px 9px;
    font-family: 'din-condensed', Helvetica, Arial, Sans-serif;
    font-size:12px;
    color:#1c1c1c;
    text-decoration:none;
}

.btn-article-transcript:hover{
    text-decoration:none;
}

.btn-article-back{
    background:#fff url(../../images/base/bg-btn-article-back.png) no-repeat 0 -6px;
    display:inline-block;
    padding:0 6px 0 18px;
    font-family: 'din-condensed', Helvetica, Arial, Sans-serif;
    font-size:12px;
    color:#1c1c1c;
    text-decoration:none;
    position:absolute;
    left:auto;
    right: 390px;
    z-index:99;
    top:8px;
}

.btn-article-back:hover{
    text-decoration:none;
}

.copyright-notice{
    margin: 15px 0 5px;
    font-size:11px;
    text-align:center;
}

.tooltip{
    display:none;
    background:transparent url(../../images/base/bg-tooltip.png) no-repeat 0 100%;
    font-size:11px;
    line-height: 1.32;
    width:180px;
    padding:5px 5px 15px;
    color:#fad719;
    z-index:99999;
    margin:0 0 8px;
}

.scrollbar-handle-container{
    right:0;
    width:7px;
    background: url(../../images/base/bg-y-scroller-base.png) repeat-y;
}

.scrollbar-handle{
    margin:0 0 0;
    width:7px;
    background:#00553a;
}

.scrollbar-pane{
     margin:5px 14px 0 0;
}

.transcript-wrap{
    background:#fff;
    position:absolute;
    width:326px;
    height:526px;
    top:0;
    left:0;
    z-index:9999;
}

.transcript-content{
    position:absolute;
    left:0;
    top:0;
    width:304px;
    height:532px;
    padding:20px 0 0;
    background:#f4f4f4;
    font-style: italic;
}

.transcript-content p{
    margin: 10px;
}

.btn-transcript-close{
    position:absolute;
    left:auto;
    top:8px;
    background:#f4f4f4 url(../../images/base/bg-btn-transcript-close.png) no-repeat 5px 4px;
    display:block;
    padding:0 6px 0 18px;
    font-family: 'din-condensed', Helvetica, Arial, Sans-serif;
    font-size:12px;
    color:#1c1c1c;
    text-decoration:none;
    z-index:999;
    right:30px;
}

.btn-transcript-close:hover{
    text-decoration:none;
}

p.saltonline-text{
    font-style: italic;
}

p.saltonline-text a{
    color:#333;
    text-decoration:underline;
}

#timeline{
    width:966px;
    text-align:right;
    /*height:40px;*/
    position:relative;
}

#tl-wrap{
    overflow:hidden;
    margin:0 0 15px;
}

.timeline-wrap{
    position:relative;
    left:0;
    top:0;
    display:none;
    overflow:hidden;
    background:#e3e696;
    margin:15px 0 0;
}

.timeline-wrap ul{
    margin:0;
    padding:5px;
    list-style:none;
    background:#e3e696;
    position:relative;
}

.timeline-wrap li{
    float:left;
    text-align:center;
    font-size:11px;
    width:200px;
}

.ev-title{
    background: url(../../images/base/bg-ico-up.png) no-repeat 50% 100%;
    font-size:14px;
    margin:0 0 10px;
    padding:0 0 8px;
    border:solid #000;
    border-width:0 0 1px;
}

.timeline-wrap p{
    margin:0 0 4px;
    padding:2px 8px;
    min-height:26px;
}

.timeline-wrap p.first{
    border:solid #af9611;
    border-width:0 0 1px;
}

#show-timeline{
    background:#fad719;
    padding: 8px 24px 8px 8px;
    font-size:13px;
    display:block;
    text-decoration:none;
    margin: 10px auto 0;
    text-align:center;
}

#show-timeline.active{
    background:#fad719 url(../../images/base/bg-ico-up.png) no-repeat 97% 11px;
}

.tl-pager{
    background: url(../../images/base/bg-pager-timeline.png) no-repeat -9000pt -9000pt;
    width:22px;
    height:24px;
    text-indent:-9000pt;
    position:absolute;
    left:auto;
    top:57px;
    z-index:99;
    display:none;
}

.tl-pager.prev{
    background-position:0 0;
    left:-10px;
}

.tl-pager.next{
    background-position:-22px 0;
    right:-10px;
}

.page-title{
    font-family: HelveticaLTNarrowRegular, 'Arial Narrow', Helvetica, Arial, Sans-serif;
    font-size:20px;
    color:#494949;
    margin: 0 0 10px;
}

#search-wrap{
    padding: 25px 0;
}

.results-found{
    background:#006042;
    color:#fff;
    padding:15px;
    margin:0
    margin:0;
    font-size:13px;
}

.search-results-holder{
    border:1px solid #bdbcb9;
    padding:15px;
}

.result-item{
    margin:25px 0 0;
}

.result-item h3.item-title{
    margin: 0 0 5px;
    background: url(../../images/base/blt.png) no-repeat 0 0;
    padding:0 0 0 15px;
}

.result-item h3.item-title a{
    font: bold Helvetica, Arial, sAns-serif;
    font-size:14px;
    color:#474747;
    text-decoration:none;
}

.result-item .item-desc{
    font-size:12px;
    line-height:1.4;
    padding:0 0 0 18px;
}

#contact-link{
    position:absolute;
    text-decoration:none;
    right:0px;
    top:54px;
    color:#005f41;
    font: 11px Helvetica,Arial,Sans-serif;
}

#contact{
    border:1px solid #ccc;
    height:550px;
    position:relative;
}

#contact div{
    width:280px;
    height:240px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-162px 0 0 70px;
    font-size:12px;
    line-height:1.64;
}

#madebycat{
    position:fixed;
    top:auto;
    left:auto;
    right:0;
    bottom:32px;
    text-indent:-9000pt;
    background:url(../../images/base/madebycat.png) no-repeat 0 0;
    width:20px;
    height:74px;
}


#search-wrap .article-body{
    width:480px;
    margin: 0 20px;
}

#search-wrap .detail{
    height:550px;
    position: relative !important;
    border: 1px dotted #ccc;
    width: 900px !important;
    border-width: 1px 0;
    padding: 20px 0;
    margin: 0 0 40px;
}

#search-wrap .detail .article-detail{
    width:900px;
    left:0 !important;
    border: 1px solid #eee;
}

#search-wrap .detail .article-detail .article-gallery{
    display:block !important;
}

#search-wrap .transcript-wrap{
    width:536px !important;
}

#search-wrap .transcript-content{
    width:540px !important;
}