/* TOP CONTAINER */

.topContainer {
    display: block;
    font-family: 'roboto slab', serif;
    font-size: 15px;
    font-weight: 700;
    width: 100%;
    overflow: auto;
    margin: 0 0 15px 0;
}

.topContainer a {
    position: relative;
    float: left;
    color: #272B2F;
}

.topContainer .delim {
    position: relative;
    float: left;
    margin: -3px 0 0 0;
    font-size: 18px;
}

.topContainer a.last {
    color: #A94D2E; 
}

/* LEFT CONTAINER */

.leftContainer .title {
    font-family: 'roboto slab';
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.leftContainer .text {
    font-family: 'open sans';
    font-size: 13px;
    line-height: 22px;
}

.label {
    font-family: 'roboto slab';
    font-size: 22px;
    font-weight: 700;
}

.contentContainer {
    display: block;
    overflow: auto;
    margin: 15px 25px 15px 25px;
    * margin-bottom: 0px;
}

.leftContainer {
    position: relative;
    float: left;
    width: 200px;
    margin: 0 15px 0 0;
}

.leftContainer .relatedContentContainer {
    display: block;
    margin: 0 0 15px 0;
    color: #272B2F; 
}

/* Library Logo Section */
div.leftContainer div#libraryLogoContainer {
    text-align: center;
    margin-bottom: 20px;
}

div.leftContainer div#libraryLogoContainer img {
    width: 102px;
    height: 121px;
}

div.leftContainer div#libraryLogoContainer h4 {
    margin: 0;
    padding: 0;
    font-style: italic;
    font-size: 12px;
    font-family: 'roboto slab', serif;
}


/* CENTER CONTAINER */

.centerContainer {
    position: relative;
    float: left;
/*    width: 695px; */
    width: 480px;
}

div.centerContainer h4.intro-title {
    color: #364659;
    font-size: 16px;
    font-family: 'roboto slab', serif;
    font-weight: 700;
    margin: 0 0 10px 0;
    padding: 0;
}

.centerContainer .titleContainer {
    font-family: 'roboto slab', serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 33px;
    margin: 0 0 5px 0;
    color: #272B2F;
}

.centerContainer .titleContainer p {
    font-family: 'roboto slab', serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 33px;
    margin: 0 0 5px 0;
    color: #272B2F;
}

.centerContainer .subtitleContainer {
    font-family: 'roboto slab';
    font-size: 22px;
    font-weight: 600;
    color: #052534;
    margin: 0 0 10px 0;
}

.centerContainer .subtitleContainer p{
    font-family: 'roboto slab';
    font-size: 22px;
    font-weight: 600;
    color: #052534;
    margin: 0 0 10px 0;
}

.centerContainer .bodyContainer {
    font-family: 'open sans';
    font-size: 13px;
    line-height: 22px;
}

.centerContainer .bodyContainer .WordSection1 {
    font-family: 'open sans';
    font-size: 13px;
    line-height: 22px;
    border-bottom: 1px solid #052534;
    border-radius: 5px;  
}


.centerContainer .bodyContainer .WordSection1 .ep_ttl {
    font-size: 13px;
    font-family: 'open sans';
    text-transform: capitalize;
    font-variant: small-caps;    
    font-weight: normal;
}

  .centerContainer .bodyContainer .WordSection1 .ep_PersonTag {
    font-size: 13x;
    font-family: 'open sans';
    color: #272C30;
    font-weight: normal;
}

.centerContainer .bodyContainer .WordSection1 .ep_AmericanShipsTags {
    font-size: 13px;
    font-family: 'open sans';
    color: #272C30;
    font-weight: normal;
    font-style: italic;
}

.centerContainer .bodyContainer .WordSection1 .ep_ImportantConceptsTags {
    font-size: 13px;
    font-family: 'open sans';
    color: #272C30;
    font-weight:normal;
}

.centerContainer .bodyContainer .WordSection1 .ep_PlacesTags {
    font-size: 13px;
    font-family: 'open sans';
    color: #272C30;
    font-weight: normal;
}

.centerContainer .bodyContainer .WordSection1 .ep_AmericanPersonsTags {
    font-size: 13px;
    font-family: 'open sans';
    color: #272C30;
    font-weight: normal;
}

.centerContainer .bodyContainer .WordSection1 .ep_ShipTag {
    font-size: 13px;
    font-family: 'open sans';
    color: #272C30;
    font-weight: normal;
    font-style:  italic;
}

.centerContainer .bodyContainer .WordSection1 .ep_SpanishPersonsTags {
    font-size: 13px;
    font-family: 'open sans';
    color:#272C30;
    font-weight: normal;

}

.centerContainer .bodyContainer .WordSection1 .ep_SpanishShipsTags {
    font-size: 13px;
    font-family: 'open sans';    
    color:#272C30;
    font-weight: normal;
    font-style: italic;
}

.centerContainer .bodyContainer .ep_footnoteContainer .ep_footNote {
    font-size:  13px;
    font-family:  'open sans';
    color:  #272C30;
    font-weight:  normal;
}

.centerContainer .bodyContainer .ep_footnoteContainer .ep_footNote a {
    font-size:  13px;
    font-family:  'open sans';
    color:  #272C30;
    font-weight:  normal;
}

.centerContainer .bodyContainer .ep_footnoteContainer .ep_footNote a.ep_AmericanShipsTags {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30 !important;
    font-weight:  normal;
    font-style:  italic !important;
}

.centerContainer .bodyContainer .ep_footnoteContainer .ep_footNote a.ep_SpanishShipsTags {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30 !important;
    font-weight:  normal;
    font-style:  italic !important;
}

.centerContainer .bodyContainer .ep_footnoteContainer .ep_footNote a.ep_AmericanPersonsTags {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30 !important;
    font-weight:  normal;
}

.centerContainer .bodyContainer .ep_footnoteContainer .ep_footNote a.ep_SpanishPersonsTags {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30 !important;
    font-weight:  normal;
} 
      
/* Fix to hide in document titles */
.centerContainer .bodyContainer .WordSection1 p.markup.ep_ttl {
    display: none; 
}

.centerContainer .bodyContainer .ep_blockQuote {
    padding: 10px 20px 10px 20px;
}

.centerContainer .bodyContainer .ep_FootNoteAnchor {
    margin: 0px 2px 0px 1px;
    border-radius: 2px;
    padding: 0px 2px 0px 1px;
    color: #272C30;
    background: #DDDDE7;
}

.centerContainer .bodyContainer a.ep_FootNoteAnchor:hover {
    margin: 0px 2px 0px 1px;
    border-radius: 2px;
    padding: 0px 2px 0px 1px;
    color: #DDDDE7;
    background: #114460;
    text-decoration: none;
}

.centerContainer .bodyContainer a.ep_FootNoteAnchor:link {
  /* Applies to all unvisited links */
    margin: 0px 2px 0px 1px;
    border-radius: 2px;
    padding: 0px 2px 0px 1px;
    color: #114460;
    background: #DDDDE7;    
    text-decoration:  none;
} 
  
.centerContainer .bodyContainer a.ep_FootNoteAnchor:visited {
  /* Applies to all visited links */
    margin: 0px 2px 0px 1px;
    border-radius: 2px;
    padding: 0px 2px 0px 1px;
    color: #114460;
    background: #DDDDE7;    
    text-decoration:  none;
} 
  
.centerContainer .bodyContainer a.ep_FootNoteAnchor:active  {
  /* Applies to activated links */
    margin: 0px 2px 0px 1px;
    border-radius: 2px;
    padding: 0px 2px 0px 1px;
    color: #114460;
    background: #DDDDE7;    
    text-decoration:  none;
}

.centerContainer .bodyContainer .ep_sourcenoteContainer {
    border-bottom: 1px solid #052534;
    border-radius: 5px; 
}

.centerContainer .bodyContainer .ep_sourcenoteContainer .ep_sourcenote {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30;
    font-weight:  normal;
}

.centerContainer .bodyContainer .ep_sourcenoteContainer .ep_sourcenote a.ep_AmericanShipsTags {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30 !important;
    font-weight:  normal;
    font-style:  italic !important;
}

.centerContainer .bodyContainer .ep_sourcenoteContainer .ep_sourcenote a.ep_SpanishShipsTags {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30 !important;
    font-weight:  normal;
    font-style:  italic !important;
}

.centerContainer .bodyContainer .ep_sourcenoteContainer .ep_sourcenote a.ep_AmericanPersonsTags {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30 !important;
    font-weight:  normal;
}

.centerContainer .bodyContainer .ep_sourcenoteContainer .ep_sourcenote a.ep_SpanishPersonsTags {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30 !important;
    font-weight:  normal;
}

.centerContainer .bodyContainer .ep_sourcenoteContainer .ep_sourcenoteprint {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30;
    font-weight:  normal;
}

.centerContainer .bodyContainer .ep_sourcenoteContainer .ep_sourcenoteprint a.ep_AmericanShipsTags {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30 !important;
    font-weight:  normal;
    font-style:  italic !important;
}

.centerContainer .bodyContainer .ep_sourcenoteContainer .ep_sourcenoteprint a.ep_SpanishShipsTags {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30 !important;
    font-weight:  normal;
    font-style:  italic !important;
}

.centerContainer .bodyContainer .ep_sourcenoteContainer .ep_sourcenoteprint a.ep_AmericanPersonsTags {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30 !important;
    font-weight:  normal;
}

.centerContainer .bodyContainer .ep_sourcenoteContainer .ep_sourcenoteprint a.ep_SpanishPersonsTags {
    font-size:  13px;
    font-family: 'open sans';
    color:  #272C30 !important;
    font-weight:  normal;
}

.centerContainer .bodyContainer .annotation-popup {
    position: absolute;
    bottom: 10px;
    max-height: 200px;
    overflow: auto;
    width: 454px;
    border: 3px solid #114460;
    border-radius: 5px;
    padding: 10px;
    background-color: #FFFFFF;
    color: #052534;
    font-family: 'roboto slab' !important;
    font-size: 15px !important;
}

.centerContainer .bodyContainer .annotation-popup .annotation-popup-close {
    font-size: 10px;
    cursor: pointer;
}


/* Library Footer Logo */
div#libraryFooterLogoContainer {
    text-align: right;
    padding: 0;
    margin: 0;
}

div#libraryFooterLogoContainer img {
    width: 50px;
    height: 45px;
    padding: 0;
    margin: 0;
}


/* RIGHT CONTAINER (ePub) */

div.rightContainerEpub {
    position: relative;
    float: left;
    width: 200px;
    margin: 0 0 0 15px;
}
