@charset "UTF-8";
/********************************************************************************************************************
* This CSS file adds specific styling to the Tei Texts collections. It contains styles for the header and footer areas,
* which are most typically customized on a per collection basis.
* Colors and structure are specified independently to allow reskinning more easily.
* Any Responsive styles specific to the collection are added at the tail of the document.
* *******************************************************************************************************************/
/**************************
    Colors & Backgrounds
***************************/
body{
    color:#000;
    background-color:#fff;
    border-color:#809B55;
}
a:active,
a:link,
a:visited{
    color:#5081ac;
}
a:hover{
    color:#000;
    background-color:#f4f2e4;
}
/* header */
#collection-header-wrapper{
    background-color:#fff;
    background-image:url("tower-90px.jpg");
}
#collection-header-nav ul{
    color:#333;
}
#collection-header-nav a{
    color:#333;
}
#collection-header-name a{
    color:#000;
    background-color:inherit;
}
.breadcrumbs-wrapper{
    background-color:#f1f1f1;
    border-top-color:#ddd;
    border-bottom-color: #ddd;
}
.breadcrumbs{
    color:#000;
    background-color:inherit;
}
.breadcrumbs-part:last-child{
    background:none;
    color:#666;
    background-color:inherit;
}
.breadcrumbs-part ul li:first-child{
    border-top-color:#aaa;
}
.breadcrumb-menu-left,
.breadcrumb-menu-right,
.nav-menu-left{
    background-color:#FFFFFF;
    background-image:url("icons-18-black.png");
    border-color:#000;
}
/* Main content Title and Author */
#tei-hdr .tei_main_title{
    color:#576972;
}
/* footer */
#footer{
    background:#F1F1F1;
}
#collection-top-footer{
    border-top-color:#ccc;
}
#collection-footer-general-resources{
    border-right-color:#999;
}
#collection-bottom-footer{
    background-color:#F1F1F1;
}
#collection-footer-general-resources h3{
    color:#333;
}
#collection-footer-contact h3{
    color:#333;
}
/***************
    Structure
*****************/
body{
    font-size:100%;
    font-family:Verdana, Arial, sans-serif;
    margin:0;
    padding:0;
    border-width:5px;
    border-style:solid;
}
a:active,
a:link,
a:visited{
    border:none;
    text-decoration:none;
}
.cleardiv{
    clear:both;
}
/* Wrapper for the content of the page */
#body-content{
    margin:0;
    padding:0;
}
/**************************
  Header specific styling
***************************/
#header{
    margin:0;
    padding:0.2em 0 0.25em 0;
}
#collection-header-wrapper{
    width:100%;
    text-shadow:0 1px 0 #ddd;
    background-repeat:no-repeat;
    background-position:20px 5px;
    height:105px;
    font-size:.8em;
    position:relative;
}
#collection-header-wrapper span.lineBreak{
    display:block;
}
#collection-header-nav{
    margin:0 .5em;
    padding:.5em;
    text-align:right;
    font-size:.9em
}
#collection-header-nav ul{
    padding:0 .5em;
    font-size:1em;
    text-align:right;
    margin:0;
    list-style-type:none;
}
#collection-header-nav ul li{
    text-align:right;
}
#collection-header-nav a{
    text-decoration:none;
}
#clickableTransparent{
    position:absolute;
    top:0;
    left:0;
}
#collection-header-name{
    font-size:1.6em;
    font-variant:small-caps;
    padding:.5em .5em .5em 70px;
    margin:-.4em 0 -1.9em .3em;
    line-height:1.1em;
}
#collection-header-name a:hover{
    background:none;
}
#collection-header-name .lib-nameNextLine{
    display:block
}
#collection-header-contact-info-wrapper{
}
.collection-header-contact-info{
    line-height:1.2em;
    padding-right:1em;
    position:relative;
    text-align:right;
    font-size:.85em;
    position:absolute;
    right:0;
    top:2.5em;
}
.collection-header-contact-info p{
    line-height:inherit;
}
/* Breadcrumbs */
.breadcrumbs-wrapper{
    display:block;
    border-top-width:1px;
    border-top-style:solid;
    border-bottom-width:1px;
    border-bottom-style:solid;
    line-height:1.4em;
    margin-bottom:-4px;
}
.breadcrumbs{
    font-size:.8em;
    margin:.3em;
}
.breadcrumbs .nowrap{
    white-space:nowrap;
}
.breadcrumbs .breadcrumbs-divider{
    padding-left:0;
    padding-right:0
}
.breadcrumbs-part{
    display:table-cell;
    vertical-align:text-top;
    padding:0.7em;
    margin:0;
    min-height:1.4em;
    text-align:center;
}
.breadcrumbs-part ul{
    position:relative;
    padding:1em 0;
    font-size:1em;
    line-height:1.4em;
}
.breadcrumbs-part ul li{
    margin:0 0 0 2em;
    font-size:.9em;
}
.breadcrumbs-part ul li:first-child{
    border-top-width:1px;
    border-top-style:dotted;
    padding-top:.5em;
}
.breadcrumb-menu-left,
.breadcrumb-menu-right,
.nav-menu-left{
    background-position:1px 0;
    border-width:1px;
    border-style:solid;
    border-radius:10px 10px 10px 10px;
    cursor:pointer;
    height:18px;
    opacity:0.7;
    padding:0 10px;
    width:18px;
    margin-right:10px;
    margin-left:10px;
}
/******************************
* Footer Styling
*******************************/
#footer{
    width:100%;
    margin:.5em auto 0 auto;
    font-size:.8em;
    line-height:1.6em;
    text-shadow:1px 1px 0 #fff;
    clear:both;
}
#footer img{
    margin:0 .5em
}
#footer span.lineBreak{
    display:block;
}
#collection-top-footer{
    padding-top:1em;
    border-top-width:2px;
    border-top-style:solid;
}
#collection-top-footer ul{
    list-style:none inside;
    margin-left:1.4em;
}
#collection-footer-general-resources{
    float:left;
    width:75%;
    margin-left:1%;
    padding-right:1em;
    border-right-width:thin;
    border-right-style:solid;
}
#collection-footer-contact{
    float:right;
    width:20%;
    margin-left:1%;
    padding-bottom:1em;
}
#collection-footer-general-resources h3{
    font-size:1.2em;
    font-weight:normal;
    padding-left:0.5em;
    margin-bottom:.4em;
}
#collection-footer-contact h3{
    font-size:1.2em;
    font-weight:normal;
    padding-left:0.5em;
    margin-top:-0.2em;
    margin-bottom:.4em;
}
#collection-footer-general-resources ul li,
#collection-footer-contact ul li{
    padding-left:1em;
    text-indent:-1em
}
#collection-footer-contact p{
    font-size:0.9em;
    margin-left:1.3em;
}
#collection-bottom-footer{
    padding:1em;
    padding-right:2em;
    margin:.2em .2em 0 .2em;
    width:70%;
    clear:left;
}
#collection-footer-contact2-socialmedia *{
    margin:.15em 0;
}
#collection-footer-contact2-socialmedia{
    line-height:1.6em;
}
#collection-footer-contact2-socialmedia .footer_icon{
    vertical-align:middle;
}
/*******************************
*    Responsive for TEI Only
********************************/
@media screen and (max-width: 580px) {
        body .layoutControlContainer {
        height:3.2em;
    }
}