.no-js .interactive-element {
    visibility: hidden;
}

body {
    font-family: 'Open Sans' , sans-serif;
    word-wrap: break-word;
    font-size: 16px;
}

h1, h2, h3 {
    font-family: Bitter , serif;
    font-weight: 400;
    margin: 10px 0 10px 0px;
}

h2, h3 {
    margin-top: 0;
}

h1 > span {
    background-image: url(../Content/images/heading-flourish.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: .42em;
    margin-left: -10px;
}

h1 > span > span, h2 > span > span {
    display: inline-block;
    padding: 4px 10px;
}

h2 > span, h3 > span {
    background-image: url(../Content/images/heading-flourish.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: .54em;
    margin-left: -10px;
}

h3 > span > span {
    display: inline-block;
    padding: .2em .6em .2em .34em;
}

h4 {
    font-family: Bitter , serif;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 150%;
    margin: 10px 0;
    padding: 0;
}

p {
    line-height: 1.6em;
}

#search-options-outer-wrapper {
    padding: 1em;
}

#search-options-outer-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#page_wrap {
    padding-top: .6em;
}

#holds-breadcrumb .col {
    margin-bottom: 0;
    padding: 0;
}

#change-destination span {
    padding-top: .5em;
    display: inline-block;
}

#change-destination label {
    padding: 0 .5em 0 .3em;
}

#show-more-options span {
    background-image: url(../Content/images/global/arrow-collapsed.png);
    background-position: 168px 10px;
    background-repeat: no-repeat;
}

.container {
    width: 92%;
    margin: 0 auto;
}

.row {
    position: relative;
}

.row:after, .col:after, .clr:after, .group:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.col {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 2%;
    padding-bottom: 0.5em;
    min-height: 100%;
}

.starts-at-half {
    width: 49%;
}

#breadcrumb {
    padding: 0 10% 0 0;
}

#breadcrumb ul {
    list-style-type: none;
    font-size: .9em;
    margin: 0.3em 0 0.9em 0;
    padding: 0 0 0 8px;
}

#breadcrumb li {
    display: inline-block;
}

#breadcrumb a {
    background-image: url(../Content/images/breadcrumb-separator.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 1.1em;
    margin-right: .2em;
}

#primary-search-box-discovery {
    min-height: 224px;
    background-image: url(../Content/images/bay.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;    
}

#primary-search-options {
    margin: 0;
}

#primary-search-options li {
    list-style-type: none;
    display: inline-block;
    font-family: Bitter, serif;
    font-size: 1.2em;
    margin-top: .6em;
    padding: 8px;
}

#primary-search-wrapper {
    position: relative;
    border: 3px solid transparent;
    background-color: #FEFEFE;
}

#primary-search-wrapper #submit {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(../Content/images/search-white.png) no-repeat center;
    color: transparent;
}

.img-desc p {
    font-size: .8em;
    float: right;
    margin: 0;
}

.img-desc p a {
    font-size: .8em;
}

.call-to-action-link {
    text-decoration: none;
    font-size: 1em;
    -webkit-transition: background-color 180ms linear;
    -moz-transition: background-color 180ms linear;
    -o-transition: background-color 180ms linear;
    -ms-transition: background-color 180ms linear;
    transition: background-color 180ms linear;
    line-height: 130%;
    margin: 0 0 10px 10px;
    padding: .5em;
}

.call-to-action-link span:last-child {
    display: inline-block;
    text-transform: capitalize;
}

#search-expander {
    width: 40px;
    height: 40px;
    background: url(../Content/images/search-white.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    cursor: pointer;
}

#search-expander.expanded {
    background: url(../Content/images/close-search.png) no-repeat center;
}

.pull-down {
    margin: 20px 0 0;
    padding-bottom: 0;
}

#logo-holder { 
    padding-bottom: 0px;
}

#logo-holder img {
    max-width: 85%;
}

#global-controls {
    list-style: none;
    margin: 0;
    padding: 0;
}

#breadcrumb-holder .col + .col {
    margin-top: 0;
}

.img-desc {
    width: 100%;
}

.heading-dots h2 {
    padding-top: 14px;
    padding-bottom: 14px;
    background-image: url(../Content/images/dot-grey.png);
}

.a-z ul {
    font-family: Bitter, serif;
    list-style-type: none;
    padding: 0;
    margin-bottom: 0.2em;
}

.a-z li {
    text-align: center;
    list-style-type: none;
    display: inline-block;
    margin: 0 4px 4px 0;
    padding: 0;
}

.a-z li a, .a-z li span {
    font-family: Bitter, serif;
    font-size: 1.25em;
    display: inline-block;
    width: 40px;
    height: auto;
    color: #FEFEFE;
    border-radius: 50%;
    text-decoration: none;
    line-height: 40px;
    -webkit-transition: background-color 180ms linear;
    -moz-transition: background-color 180ms linear;
    -o-transition: background-color 180ms linear;
    -ms-transition: background-color 180ms linear;
    transition: background-color 180ms linear;
}

.pictorial-list li {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: 200px;
}

.pictorial-list li span {
    display: inline-block;
    font-family: Bitter;
    font-size: 1.2em;
    min-height: 3em;
    min-width: 85%;
    margin: 10px 10px 0 0;
    padding: 10px;
}

.pictorial-list li a {
    display: block;
    height: 200px;
    text-decoration: none;
}

#navy {
    background-image: url(../Content/images/navy.png);
}

#marines {
    background-image: url(../Content/images/marines.png);
}

#medals {
    background-image: url(../Content/images/military.png);
}

#wills {
    background-image: url(../Content/images/wills.png);
}

#raf {
    background-image: url(../Content/images/raf.png);
}

#more {
    background-image: url(../Content/images/other.png);
}

#query {
    width: 82%;
    padding: .6em;
}

#options-button {
    font-family: Bitter, serif;
    font-size: 1.2em;
    display: inline-block;
    background-image: url(../Content/images/menu-collapsed-small.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding: 8px 23px 8px 8px;
    text-decoration: none;
}

#options-button.expanded {
    background-image: url(../Content/images/menu-expanded-small.png);
}

#advanced-search-button {
    font-size: .8em;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center right;
    padding: 5px;
    text-decoration: none;
    -webkit-transition: background-color 180ms linear;
    -moz-transition: background-color 180ms linear;
    -o-transition: background-color 180ms linear;
    -ms-transition: background-color 180ms linear;
    transition: background-color 180ms linear;
    }

h2 > span > span a, h3 a, h3 a:visited, h3 a:active, h4 a, h4 a:visited, h4 a:active, #primary-search-options a {
    text-decoration: none;
}

h3 a:hover, h4 a:hover, .a-z li a:hover, .pictorial-list li a:hover {
    text-decoration: underline;
}

#search-options-outer-wrapper h3, .col:first-child, .becomes-half:nth-child(odd) {
    margin-left: 0;
}

#breadcrumb span, label#search, #primary-search-options span, .call-to-action-link span:first-child, #search-field-wrapper, #options-button span {
    display: none;
}

#page-header .col, #breadcrumb-holder .col, #popular-online-collections-discovery {
    margin-bottom: 0;
}

#global-controls a, #tagging-box-discovery .call-to-action-link, #research-guides-box-discovery .call-to-action-link {
    float: right;
}

.breather {
    padding: 0 1em 0 1em;
}

#home-page-popular-collections {
    margin-top: 0;
}

#primary-search-box-discovery .breather {
    padding-bottom: 1em;
}

#search-options-inner-wrapper label, #search-options-inner-wrapper span, #search-options-inner-wrapper a {
    font-size: 0.85em;
}

.js #search-options-inner-wrapper h4 {
    cursor: pointer;
    background-image: url(../Content/images/mega-menu-plus.png);
    background-repeat: no-repeat;
    background-position: 7px 8px;
    padding-left: 23px;
}

.js #search-options-inner-wrapper h4.expanded {
    background-image: url(../Content/images/mega-menu-minus.png);
}

.js #search-options-inner-wrapper h4:hover {
    cursor: pointer;
    background-color: #565656;
}

#fromdate, #todate {
    width: 80%;
    display: block;
    padding: 0.3em;
}

.tip {
    font-size: 0.85em;
}

.js #search-subject ul li ul {
    display: none;
    margin-left: 20px;
}

.js #search-subject ul li ul li {
    line-height: 1.6em;
}

.field-validation-error {
    padding: 0.3em;
    margin: auto;
    margin-bottom: 1em;
    display: block;
}

#version {
    color:#333
}

.statistic {
    font-family: 'Bitter', serif;
    font-size: 2em;
    display: inline-block;
    margin: 10px 0;
    padding: 0;
}