/*
Toast Framework - grid.css
*/
.wrap {
    max-width: 940px;
    padding: 10px;
    margin: 0 auto;
}
/*
Column container
*/
.grids {
    width: auto;
    max-width: 960px;
    margin: 0 0 0 -1.7%;
    list-style: none;
    /* So we can make grids out of lists. */

    overflow: hidden;
    /* Clear the floats */

    letter-spacing: -.25em; /* Fix inline-block weirdness */
}

    .grids [class*="grid-"] {
        display: inline-block;
        margin: 0 0 0 1.7%;
        -webkit-box-sizing: border-box; /* Allow padding & borders on grids without breaking. IE8+ */
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
        letter-spacing: 0; /* And restore our letter spacing. */
    }

.grid-1 {
    width: 6.15%;
}

.grid-2 {
    width: 14.583%;
}

.grid-3 {
    width: 22.917%;
}

.grid-4, .grid-one-third {
    width: 31.25%;
}

.grid-5 {
    width: 39.583%;
}

.grid-6, .grid-half {
    width: 47.917%;
}

.grid-7 {
    width: 56.25%;
}

.grid-8, .grid-two-thirds {
    width: 64.583%;
}

.grid-9 {
    width: 72.917%;
}

.grid-10 {
    width: 81.25%;
}

.grid-11 {
    width: 89.583%;
}

.grid-12 {
    width: 97.917%;
    margin: 0;
}

@media screen and (max-width: 960px) {
    .grids {
        margin: 0;
        width: auto;
    }

    .whitespace {
        display: none !important;
    }

    #categories a {
        font-size: 22px;
    }

    #nav-about {
        width: 10%;
    }

    #nav-learn {
        width: 19%;
    }

    #splash .wrap {
        padding: 10px 0;
    }

    div.main#body, div.category#body, div.event#body, div#footer {
        margin-left: 15px;
    }

        div.main#body .grids, #splash .grids {
            margin-left: 30px;
            margin-right: 45px;
        }

    #splash h1 {
        float: left;
        width: 30%;
        margin-left: 1.7%;
        margin-top: 10px;
        font-size: 36px;
        line-height: 36px;
    }

    #splash .section {
        float: left;
        width: 68%;
    }

    div.main#footer {
        margin-left: 45px;
        margin-right: 30px;
    }

    #splash [class*="grid-"] {
        display: block;
        width: auto;
        margin: 0;
    }

    div.main#body .header [class*="grid-"] {
        float: left;
        display: block;
        width: 100%;
        margin: 0;
    }

    div.main#body .header .learnteach {
        border-left: none;
        border-right: none;
        border-top: 1px dotted rgba(255, 255, 255, 0.17);
        border-bottom: 1px dotted rgba(255, 255, 255, 0.17);
        padding-left: 0;
    }

    div.main#body .header h3 {
        font-size: 20px;
        float: left;
        width: 30%;
        margin-left: 1.7%;
    }

    div.main#body .header ul {
        float: left;
        width: 60%;
    }

    div.main#body .header li {
        padding: 8px 0;
    }

    div.main#body .header ul * {
        font-size: 16px;
    }

    /*		
	.grids [class*="grid-"] 
		{
			display: block;
			width: auto;
			margin: 0;
		}
*/
}

@media screen and (max-width: 675px) {

    #nav-control {
        display: inline !important;
        text-transform: none;
        text-align: center !important;
        font-size: 1.5em;
    }

    #msearchlogo {
        display: block;
    }

    input.nav-search[type="text"] {
        width: 70%;
        font-size: 1.5em;
    }

    input.nav-search[type="submit"] {
        width: 32px;
        height: 30px;
        background-repeat: no-repeat;
        background-image: url(/MasterPages/NHLRC/images/loupe-lg.png);
    }

    .grids [class*="grid-"] {
        display: block;
        width: auto;
        margin: 0;
    }

    #parent, #categories {
        display: none;
    }

    #mparent li, #mcategories li {
        padding: 5px 0;
        text-align: center !important;
    }

    #mparent a {
        font-size: 1.2em !important;
        line-height: 1.2em !important;
    }

    #mcategories a {
        color: rgb(33, 64, 154);
        font-size: 1.35em !important;
    }

    #categories .grid-3 img {
        width: 60%;
    }

    #msearchlogo img {
        position: relative;
        left: 17%;
        width: 65%;
    }

    #msearchlogo .grid-1 {
        position: relative;
        left: 8%;
    }

    #splash .wrap {
        background-image: none;
    }

    #splash h1 {
        float: none;
        width: 100%;
        font-size: 2em;
        margin: 0;
        text-align: center;
    }

    #splash .section {
        float: none;
        width: 100%;
    }

    div.main#body .header h3 {
        text-align: center;
        float: none;
        width: inherit;
        margin-left: inherit;
    }

    div.main#body .header ul {
        float: none;
        width: inherit;
    }

    div.main#body * ul, div.main#body .section h3, div.main#body .newsletter {
        margin-left: 5%;
        margin-right: 5%;
    }

    div.main#body .header li {
        padding: 6px 0;
    }

    div.main#body .header ul * {
        font-size: 15px;
    }

    div.main#body .grids, #splash .grids {
        margin-left: 15px;
        margin-right: 30px;
    }

    div.category#body .header h1 {
        text-align: center;
        font-size: 2em;
        margin: 20px;
    }

    div.category#body [class*="grid-"] {
        border: 0;
    }

    div.category#body .grid-one-third {
        clear: both;
        text-align: center;
        padding: 10px;
        height: inherit !important;
        vertical-align: central;
    }

    div.category#body .grid-two-thirds {
        width: 100%;
    }

    div.category#body .grid-one-third h2 {
        margin: 0;
    }

    div.main#footer {
        margin-left: 30px;
        margin-right: 15px;
    }

    div.wrap#footer .grid-6 * {
        margin-left: 5%;
        margin-right: 5%;
        padding-bottom: 5px;
    }
}

@media screen and (max-width: 420px) {

    input.nav-search[type="text"] {
        width: 60%;
        font-size: 1.25em;
    }

    #msearchlogo img {
        left: 10%;
        width: 80%;
    }

    div.main#body .grids {
        margin-left: 0px;
        margin-right: 15px;
    }

    div.main#footer {
        margin-left: 15px;
        margin-right: 0px;
    }
}



/*#region General Styling */
/*NHLRC*/

html {
    font-family: "proxima-nova",sans-serif;
}


body {
    font-family: "proxima-nova",sans-serif;
    color: #515151;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "proxima-nova",sans-serif;
}

h1 {
    color: #1B4889;
}

h2 {
}

h3 {
    color: #004c6a;
}

h5 {
    color: #333;
}

h6 {
    color: #666666;
}

a {
    color: #1B4889;
    text-decoration: underline;
}

    a:hover {
        color: #00A5E5;
        text-decoration: underline;
    }

    a[href$=".pdf"] {
        padding-right: 25px;
        background: url(/masterpages/img/icon_pdf.png) no-repeat right center;
    }

    a.no-pdf-icon[href$=".pdf"] {
        background-image: none;
    }

p {
    margin-bottom: 10px;
}

.noFloat {
    float: none !important;
}
/*#endregion */


/*#region Header Styling */

#header {
    background-color: #1B4889;
    padding: 25px 0 0 0;
}

ul.nav {
    display: inline-block;
    margin-left: 0;
    margin-top: 17px;
    margin-bottom: 10px;
}

    ul.nav li {
        display: inline-block;
        margin: 0 20px 0 20px;
    }

        ul.nav li a {
            font-size: .9em;
            text-decoration: none;
            text-transform: uppercase;
            color: white;
        }

            ul.nav li a:hover {
                border-bottom: 2px solid #00A5E5;
            }


img.logo {
    margin-top: 10px;
    margin-bottom: 15px;
    max-height: 50px;
}

.donateButton {
    float: right;
    margin-top: 5px;
    color: white;
    background-color: #00A5E5;
    padding: 5px 15px;
    border-radius: 15px;
    text-decoration: none;
}

    .donateButton:hover {
        color: white;
        background-color: #04a0d8;
    }

#rowMobile .donateButton {
    float: none;
    vertical-align: top;
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
}

#rowMobile #googleCustomSearch {
    float: none;
    display: inline-block;
    margin-top: 0;
}

#rowMobile .media {
    float: none;
    vertical-align: top;
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
}
/*#endregion */

/*#region Google Custom Search (GCSE) Styling */

.gsc-search-button.gsc-search-button-v2 {
    height: initial;
    width: initial;
    border: none;
    background: none;
    padding: 0 0 0 5px;
}

    .gsc-search-button.gsc-search-button-v2:hover {
        background: none;
    }

#googleCustomSearch {
    max-width: 200px;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
}

.gsc-input, .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0 !important;
    box-shadow: none;
}

.gsc-search-button {
}

.gsc-control-cse.gsc-control-cse-en {
    background-color: transparent;
    border: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.gsc-input-box {
    border: 0;
    border-radius: 25px;
}

#gs_cb50 {
    vertical-align: middle;
}
/*#endregion */

/*#region Body Styling */

#bodyRow {
    margin-top: 20px;
}

    #bodyRow .homePageAbstract {
        margin-top: 0;
        margin-bottom: 40px;
    }

.homePageAbstract {
    margin-top: 55px;
    color: #545454;
    font-size: 1.2em;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1100px) {
    .homePageAbstract {
        padding: 0 15px;
    }
}

.homePageRow {
    margin-top: 30px !important;
    padding-top: 20px;
    border-top: 2px solid #BEBEBE;
}

    .homePageRow:first-child {
        margin-top: 0 !important;
    }

img.homePageListImage {
    margin-bottom: 15px;
}

h4.homePageHeader {
    text-transform: uppercase;
    color: #065390;
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 15px;
}

a.homePageReadMore {
    color: #065390;
    font-size: .9em;
    font-weight: bold;
    float: right;
    text-decoration: none;
}

    a.homePageReadMore:hover {
        color: #00A5E5;
    }

a.homePageTitleLink {
    color: black;
    font-weight: bold;
}

    a.homePageTitleLink:hover {
        color: #00A5E5;
    }

p.homePageDateTime, p.homePageNewsAbstract {
    color: #545454;
    margin-top: 5px
}

.homePagePodcast {
    margin-bottom: 30px;
}

    .homePagePodcast img {
        margin-right: 10px;
        float: left;
    }

    .homePagePodcast a {
    }

table.calendarTableStyle tbody tr td {
    text-align: center;
}

.listTitle {
    margin-top: 0;
    margin-bottom: 10px;
}

.listDisplay a {
    font-size: 1.3em;
    color: black;
    text-decoration: none;
}

    .listDisplay a.sideColumn {
        font-size: 1.1em;
    }

    .listDisplay a:hover {
        color: #00A5E5;
    }

.listDisplay img {
    width: 100%;
}

    .listDisplay img.sideColumn {
        margin: 10px 0 5px 0;
    }

.listDisplay .date {
    font-size: .8em;
    font-style: italic;
    color: #727272;
}

.people-list li {
    margin-bottom: 15px;
}

h4.staffName {
    font-weight: 700;
    color: #1B4889;
    margin-bottom: 0;
}
/*#endregion */


/*#region Misc Pages Menu/Display Styling */
#pagesLeftContent {
    text-align: right;
    border-right: 2px solid #1B4889;
}

    #pagesLeftContent div {
        margin-bottom: 15px;
        margin-right: 30px;
    }

        #pagesLeftContent div a {
            font-weight: bold;
            font-size: 1.3em;
            text-decoration: none;
        }

        #pagesLeftContent div.selected {
            margin-right: 0;
            padding-right: 30px;
            background-color: #1B4889;
        }

            #pagesLeftContent div.selected a {
                color: white;
            }

#pagesRightContent div.unselected {
    display: none;
}

#pagesRightContent div.selected {
    display: block;
}

#pagesRightContent div p {
    line-height: 2em;
}

#pagesRightContent div h2 {
    margin-top: 20px;
}

    #pagesRightContent div h2.listTitle {
        margin-top: 0;
    }

#pagesRightContent div a {
    font-weight: bold;
}

#pagesRightContent a.subPageReadMore {
    text-decoration: none;
}
/*#endregion */

/*#region Breadcrumbs Styling */

ul.breadcrumbs {
    border: none;
    background-color: white;
    padding-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 35px;
}

    ul.breadcrumbs.withBanner {
        margin-top: 0;
    }

    ul.breadcrumbs li {
        color: #545454;
    }

        ul.breadcrumbs li a {
            text-decoration: none;
            color: #545454;
        }

.breadcrumbsLink, .breadcrumbsLink:visited {
    color: black;
    font-size: .8em;
    font-weight: normal;
}

ul.breadcrumbs li a:hover {
    color: #00A5E5;
}
/*#endregion */

/*#region Footer Styling */
#footer {
    background-color: #1B4889;
    color: white;
    font-size: .9em;
    margin-top: 25px;
}

    #footer a {
        /*color: white;
        text-decoration: none;*/
    }

        #footer a:hover {
            text-decoration: underline;
        }

    #footer p {
        margin-bottom: 0;
    }

.footer-address {
    margin-bottom: 10px;
}

.regents {
    font-size: .8em;
}

ul#socialMediaIcons {
    list-style: none;
}

    ul#socialMediaIcons li {
        display: inline-block;
        margin: 0 5px;
    }

p#joinEmailList {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

#ctl00_newsletter1_EmailValueValidator {
    display: none;
}

#ctl00_newsletter1_submitButtonNewsletter {
    text-transform: uppercase;
    background-color: white;
    padding: 5px 10px;
    border: 0;
    float: right;
    margin-top: 5px;
    margin-right: 2px;
}

/*.newsletterSubmit {
              background: white;
              border: none;
              color: #333333;
              padding: 5px 10px;
              font-weight: bold;
            }
                .newsletterSubmit:hover {
                opacity:.7;
                }*/
/*#endregion */

/*#region Slider Styling */
#full-width-slider {
    width: 100%;
}

.heroSlider .rsOverflow,
.royalSlider.heroSlider {
    height: 337px !important;
}

@media only screen and (max-width: 900px) {
    .rsOverflow {
        max-width: 900px !important;
    }
}

.royalSlider {
    visibility: hidden;
}

.rsDefaultInv .rsBullet {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0 10px;
    margin-top: 5px;
}

    .rsDefaultInv .rsBullet span {
        width: 15px;
        height: 15px;
    }

    .rsDefaultInv .rsBullet.rsNavSelected span {
        background-color: #1B4889;
    }

.topImageCaption h5 {
    text-align: right;
    color: black;
    font-size: .9em;
    font-style: italic;
}
/*#endregion */

/*#region Paging Styling */
.digg-pages .current {
    border: 1px solid #1B4889 !important;
    background: #1B4889 !important;
}

.digg-pages a {
    border: 1px solid #4175bf !important;
}

.digg-pages table tbody tr td:first-child {
    padding-left: 0.5rem !important;
}

/*#endregion */

/*#region Tabs Styling */
@media only screen and (min-width: 40.063em) {
    .tabs.vertical {
        border-right: 1px solid #999999;
        width: 30%;
        max-width: 30%;
        margin-right: 20px;
    }
}

.tabs-content > .content {
    padding-top: 0;
}

.tabs.vertical .tab-title {
    text-align: right;
}

.tabs .tab-title > a {
    background-color: #ffffff;
    color: #1b4889;
    padding: .5em;
}

.tabs .tab-title.active > a {
    background-color: #EFEFEF;
    color: #1b4889;
    padding: .5em;
}
/*#endregion*/

/*#region Display Pages Styling */

#displayBodyRow {
    margin-top: 10px;
}

.articleContent .photoCaption {
    font-size: .9em;
    font-style: italic;
    display: block;
}

.articleContent h3, .eventContent h3 {
    color: #1B4889;
}

.eventContent h2.pageHeader {
    margin-bottom: 0;
}

p.abstract {
    color: #1B4889;
    font-size: 1.3em;
    font-weight: bold;
}

.storyPullQuote {
    width: 35%;
    float: right;
    display: block;
    font-size: 1.4em;
    line-height: 1.25;
    font-style: italic;
    color: #5996ad;
    border-top: 2px solid #e3e5e4;
    border-bottom: 2px solid #e3e5e4;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    /*quotes: "\201C""\201D""\2018""\2019";*/
}

p.storyPullQuote:before {
    color: #ccc;
    /*content: open-quote;*/
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

.storyPullQuote {
    width: 35%;
    float: right;
    display: block;
    font-size: 1.4em;
    line-height: 1.25;
    font-style: italic;
    color: #5996ad;
    border-top: 2px solid #e3e5e4;
    border-bottom: 2px solid #e3e5e4;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    /*quotes: "\201C""\201D""\2018""\2019";*/
}

p.storyPullQuote:before {
    color: #ccc;
    /*content: open-quote;*/
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

/*#endregion */



ul.footerBranding {
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 0;
    /*font-size:1.5em;*/
}

    ul.footerBranding li {
        display: inline;
        margin-left: 2px;
    }

        ul.footerBranding li a {
            color: white;
            text-decoration: none;
        }

            ul.footerBranding li a:hover {
                color: #858585;
            }

        ul.footerBranding li:after {
            content: "•";
            margin-left: 6px;
        }

        ul.footerBranding li:last-of-type:after {
            content: none;
        }
/*ul.footerBrandingBottom li a {
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 0;
    font-size: 14px !important;
    font-family: sans-serif !important;
    text-decoration: none !important;
}*/

.row .row {
    margin-right: unset;
    margin-left: unset;
}

@media screen and (max-width: 820px) {
    table {
        width: unset !important;
    }

    img {
        display: none;
    }
}


/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    /*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

    /* 2 */

    q:before,
    q:after {
        content: '';
        content: none;
    }

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

    /*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        cursor: pointer; /* 1 */
        -webkit-appearance: button; /* 2 */
        *overflow: visible; /* 3 */
    }

        /*
 * Re-set default cursor for disabled elements
 */

        button[disabled],
        input[disabled] {
            cursor: default;
        }

    /*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
        *height: 13px; /* 3 */
        *width: 13px; /* 3 */
    }

    /*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

    input[type="search"] {
        -webkit-appearance: textfield; /* 1 */
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box; /* 2 */
        box-sizing: content-box;
    }

        /*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

        input[type="search"]::-webkit-search-decoration,
        input[type="search"]::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    /*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@charset "utf-8";
/* CSS Document For NHLRC */

img {
    border: none;
}

.wrap a {
    color: rgb(0, 150, 213);
    text-decoration: none;
}

strong {
}

a, a:active, button {
    outline: none !important;
}

    a[href$=".pdf"] {
        padding: 0 20px 0 0;
        background: url(/MasterPages/NHLRC/images/icon_pdf.png) no-repeat right center;
    }

    a[href$=".ppt"], a[href$=".pptx"] {
        padding: 0 20px 0 0;
        background: url(/MasterPages/NHLRC/images/icon_ppt.png) no-repeat right center;
    }

    a[href$=".doc"], a[href$=".docx"] {
        padding: 0 20px 0 0;
        background: url(/MasterPages/NHLRC/images/icon_doc.png) no-repeat right center;
    }
/* Header */
.header.main ul.grids {
    padding-left: 0;
}

.header.main a {
    text-transform: uppercase;
    display: block;
}

ul#parent {
    padding-bottom: 10px;
}

    ul#parent li {
        text-align: left;
    }

    ul#parent a {
        color: rgb(83, 105, 151);
        font-size: 15px;
        line-height: 18px;
        text-transform: uppercase;
    }

    ul#parent .grid-3 {
        width: 14.5%;
    }

        ul#parent .grid-3:first-child {
            margin-left: 26.5%;
        }

        ul#parent .grid-3:nth-child(2) {
            width: 20%;
            margin-right: 3%;
        }

.mobile {
    display: none;
}


input.nav-search[type="text"] {
    width: 75%;
    border: 1px solid rgba(33, 64, 154, 0.5);
    padding: 5px;
    font-style: italic;
    color: rgba(33, 64, 154, 0.25);
    margin-bottom: 10px;
}

input.nav-search[type="submit"] {
    width: 22px;
    height: 22px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/MasterPages/NHLRC/images/loupe.png);
}

button#nav-control {
    display: none;
    background-image: url(/MasterPages/NHLRC/images/menu.png);
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    width: 32px;
    height: 32px;
}

ul#categories {
    padding: 10px 0px;
    border-top: 1.5px dashed rgb(24, 23, 25);
    border-bottom: 1.5px dashed rgb(24, 23, 25);
}

    ul#categories a {
        color: rgb(24, 23, 25);
        font-size: 20px;
        line-height: 22px;
    }

#mcategories .grid-3 img {
    width: 100%;
}

/* Splash */
.splash {
    width: 100%;
    margin-top: 5px;
}

#full-width-slider {
    width: 100%;
    height: 300px;
}

    #full-width-slider .grids {
        width: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

#second_call h2 {
    margin-top: 8px;
    font-size: 2.05em;
    margin-bottom: 5px;
}

#second_call h3 {
    font-size: 1.35em;
    margin-top: 5px;
    margin-bottom: 15px;
}

#second_call p {
    margin-top: 0;
    font-size: 15px;
}

#second_call .grid-5 {
    margin-left: 0;
    width: 290px;
}

    #second_call .grid-5 p {
        margin-top: 10px;
        font-size: 1.25em;
    }

    #second_call .grid-5 a, #splash_recognition p a {
        font-weight: bold;
        color: rgb(22, 23, 24);
    }

.rscontent p {
    margin-top: 4px;
}

.splash .grid-8 h2 {
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: 2.6em;
}

.splash .grid-8 p {
    margin-top: 8px;
}

#splash_recognition {
    background-color: rgb(159, 178, 216);
    height: 240px;
    margin-top: 20px;
}

    #splash_recognition p {
        color: rgb(24, 23, 25);
        margin-bottom: 18.4px;
    }

    #splash_recognition h2 a {
        color: rgb(30, 75, 135);
        text-decoration: none;
    }

#second_call {
    background-color: rgb(175, 175, 175);
}

.splash .wrap {
    padding-top: 0;
    padding-bottom: 0;
}

#splash_workshop .grid-half:first-child {
    width: 43%;
}

#splash_workshop .grid-half:last-child {
    width: 50%;
}

.splash h2 {
    margin-bottom: 0;
    font-weight: bold;
}

    .splash h2 a {
        margin: 0 0 10px 0;
        color: rgb(24, 23, 25);
        font-weight: normal;
        font-size: 0.9em;
        line-height: 1.1em;
    }

.splash p {
    color: rgba(24, 23, 25, 0.5);
    line-height: 1.4em;
    font-size: 0.95em;
}

.splash strong {
    color: rgba(24, 23, 25, 0.75);
}

.splash ul {
    padding: 0 0 0 20px;
    margin-bottom: 0;
}

#splash_workshop li {
    list-style-image: url(/MasterPages/NHLRC/images/arrow_white.png);
    width: 20%;
    margin-right: 25px;
    float: left;
}

    #splash_workshop li:nth-child(2) {
        width: 25%;
    }

    #splash_workshop li:last-child {
        width: 12%;
    }

.splash a {
    /*color:white;*/
    text-decoration: underline;
}

#splash_workshop li a {
    font-weight: bold;
}

.splash .grid-one-third ul {
    padding: 0;
    position: relative;
    top: 70%;
}

.splash .grid-one-third li {
    list-style: none;
    background-color: rgba(254, 187, 54, 0.8);
    border: 5px solid rgb(0, 102, 175);
    padding: 15px;
    width: 230px;
    margin: 10px auto;
    text-align: center;
}

    .splash .grid-one-third li a {
        font-size: 1.65em;
        font-weight: bold;
        color: rgb(0, 102, 175);
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1.1em;
    }

.splash #date {
    background-image: url(/MasterPages/NHLRC/images/molecule.png);
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
    width: 157px;
    height: 160px;
    margin: 80px auto;
}

    .splash #date span {
        text-align: center;
        display: block;
        color: rgb(30, 75, 135);
        text-transform: uppercase;
        font-weight: bold;
    }

#date #month {
    position: relative;
    top: 20px;
    font-size: 1.5em;
}

#date #day {
    font-size: 3.75em;
}

#date #year {
    position: relative;
    top: -15px;
    font-size: 1.3em;
}

/* Homepage Body */

div#body {
    margin: 15px auto 0 auto;
    padding: 0;
}

    div#body .grids {
        margin: 0 auto;
    }



    div#body ul {
        margin: 0;
        padding: 0;
    }

        div#body ul li {
            list-style: none;
        }

    div#body ol li {
        list-style: decimal;
        margin-left: 10px !important;
    }

    div#body h3 {
        margin-bottom: 0px;
        padding-bottom: 5px;
    }

    div#body .header {
        border-top: 10px solid rgb(56, 83, 162);
        border-bottom: 6px solid rgb(56, 83, 162);
        background-color: rgb(159, 178, 216);
    }

        div#body .header li {
            padding: 8px 0;
            line-height: 1.5em;
        }

        div#body .header h3 {
            background-color: rgb(56, 83, 162);
            padding-left: 5%;
            height: 70px !important;
        }

        div#body .header .grid-4 ul {
            padding: 2% 5% 0 5%;
        }

        div#body .header h3, div#body .header h3 a {
            margin: 0;
            font-size: 1.4em;
            line-height: 1em;
            text-transform: uppercase;
            font-weight: normal;
            height: 60px;
            color: white;
        }

        div#body .header .grid-4 {
            margin: 0;
            width: 33.3%
        }

        div#body .header a {
            color: rgba(33, 64, 154, 0.8);
            text-decoration: none;
            font-size: 1.1em;
            line-height: 1.1em;
        }

        div#body .header .learnteach {
            border-left: 1px dotted rgb(71, 96, 171);
            border-right: 1px dotted rgb(71, 96, 171);
        }

    div#body .aside {
        font-style: italic;
    }

    div#body .header .aside {
        font-size: 0.9em;
        color: rgb(56, 83, 162);
    }

    div#body .section {
        background-color: white;
    }

div.main#body .section {
    padding-bottom: 25px;
}

div.main#body .heritagehome h3 {
    font-weight: normal;
    font-size: 1.15em;
    color: rgb(56, 83, 162);
    border-bottom: 2px dotted rgb(0, 150, 213);
}

div.main#body .section a {
    font-size: 0.95em;
}

div#body .section .aside {
    font-size: 0.8em;
    color: rgb(251, 184, 47);
}

div#body .section li {
    margin: 15px 0;
    line-height: normal;
}

.NewsSection {
    text-align: right;
}

    .NewsSection em {
        border-bottom: 1px solid rgb(0,150,213);
    }

.heritagehome .grid-6:first-child .NewsSection {
    margin-top: 45px;
}

/* Normal Page */

div#page {
    width: 101.3%;
    max-width: 101.3%;
    position: relative;
    left: -1.7%;
}

    div#page .grid-12 {
        border-bottom: 4px solid rgb(56,83,162);
        margin: 0;
        width: 100%;
    }

        div#page .grid-12 h2 {
            color: rgb(56,83,162);
            margin-left: 1.7%;
            margin-top: 0.3em;
            margin-bottom: 0.3em;
            text-transform: uppercase;
            font-size: 2em;
        }

    div#page p {
        font-size: 0.9em;
    }

.item-article h2 {
    position: relative;
    left: -1.7%;
    margin: 0;
    padding: 2% 1.7% 0.5% 1.7%;
    width: 101.7%;
    font-size: 2em;
    color: rgb(24, 23, 25);
    border-bottom: 2px rgb(24, 23, 25) solid;
    background-color: rgba(137, 138, 138, 0.4);
}

.item-article img {
    width: 600px;
}

.item-article [class*="grid-"] {
    margin: 10px 1% 0 0 !important;
}

.item-article .grid-10 {
    width: 78%;
}

.item-article .grid-2 {
    width: 20%;
}

    .item-article .grid-2 a {
        display: block;
        font-size: 1.15em !important;
        padding: 10px;
        background-color: rgb(159, 178, 216);
        color: rgba(33, 64, 154, 0.8);
        font-weight: bold;
    }

div.abstract {
    color: rgb(24, 23, 25);
    font-weight: bold;
    font-size: 1.05em;
}

.article_body {
    color: rgb(36, 35, 37);
    font-size: 0.95em;
    margin-right: 1.7%;
    text-align: justify;
}

.item-article h4, #ctl00_BodyContent_pagebody h3,
div.news#body h4 {
    font-size: 1.2em !important;
    color: rgb(0, 150, 214) !important;
    border-bottom: rgb(0, 150, 214) 2px solid;
    padding-bottom: 5px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

#ctl00_BodyContent_ClaireArticleDisplayer1_StoryListUpdatePanel h3,
#ctl00_BodyContent_PeopleStaffDetails_StoryListUpdatePanel h3 {
    margin-top: 10px;
    font-size: 2em !important;
    color: rgb(247, 150, 43) !important;
    border-bottom: none !important;
    font-size: 1.8em !important;
    font-weight: normal !important;
    text-transform: none !important;
}

#ctl00_BodyContent_PeopleStaffDetails_StoryListUpdatePanel {
    font-size: 0.85em;
}

    #ctl00_BodyContent_PeopleStaffDetails_StoryListUpdatePanel em.person-title {
        font-size: 1.5em;
        font-style: normal;
        margin: 0;
        position: relative;
        top: -15px;
        color: rgba(0, 150, 214, 0.6);
        text-transform: uppercase;
        font-weight: bold;
        line-height: 1.2em;
    }

    #ctl00_BodyContent_PeopleStaffDetails_StoryListUpdatePanel .photo-person {
        margin-right: 20px;
    }

ul.people-bullet {
    margin-left: 15px !important;
    font-size: 0.95em;
    color: rgb(65, 64, 66);
}

.people-bullet strong {
    font-weight: normal;
    font-size: 1.2em;
}

    .people-bullet strong a {
        color: rgb(247, 150, 43);
    }

.people-bullet em {
    font-size: 0.9em;
    color: rgba(0, 150, 214, 0.7);
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
}

table#surveyreport {
    width: 100%;
}

    table#surveyreport * {
        padding: 5px 8px;
    }

    table#surveyreport th {
        background-color: rgb(54, 95, 145);
        border: 1px solid black;
        color: white;
        font-size: 1.4em;
        text-align: left;
    }

    table#surveyreport td {
        border: 1px solid black;
        font-size: 0.95em;
    }

    table#surveyreport .susanorange {
        background-color: rgb(248, 151, 40);
        font-weight: bold;
        width: 64px;
    }

div#page-link li {
    font-size: 0.9em;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

    div#page-link li a {
        color: rgb(56, 83, 162);
        text-decoration: underline;
    }

div#page-link h5 {
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 0;
}

/* Category Page */
div.category#ctl00_BodyContent_body {
    width: 103.3%;
    max-width: 103.3%;
    position: relative;
    left: -2.7%;
}

    div.category#ctl00_BodyContent_body .header {
        border-top: none;
        background-color: rgb(56, 83, 162);
    }

        div.category#ctl00_BodyContent_body .header h1 {
            font-size: 2.5em;
            font-weight: normal;
            color: #FFFFFF;
        }

    div.category#ctl00_BodyContent_body .leftCol {
        background-color: rgb(159, 178, 216);
        margin-left: 0;
        padding-left: 1.7%;
        border-bottom: 1px dotted rgb(33, 64, 154);
        clear: both;
    }

        div.category#ctl00_BodyContent_body .leftCol h2 {
            color: rgba(33, 64, 154, 0.8);
            font-size: 1.2em;
            font-weight: normal;
        }

            div.category#ctl00_BodyContent_body .leftCol h2 a {
                color: rgba(33, 64, 154, 0.8);
            }

                div.category#ctl00_BodyContent_body .leftCol h2 a[href] {
                    color: rgb(33, 64, 154);
                    text-decoration: underline;
                }

    div.category#ctl00_BodyContent_body .rightCol {
        margin-left: 0;
        width: 68.5%;
        padding-left: 1.7%;
        padding-right: 1.7%;
        border-left: 1px dotted rgb(33, 64, 154);
        border-bottom: 1px dotted rgb(33, 64, 154);
    }

        div.category#ctl00_BodyContent_body .rightCol p {
            color: rgb(77, 91, 167);
            margin-bottom: 5px;
        }

        div.category#ctl00_BodyContent_body .rightCol ul {
            font-size: 0.9em;
            color: rgb(77, 91, 167);
        }

            div.category#ctl00_BodyContent_body .rightCol ul.bulleted {
                font-size: 1em;
                margin: 0 0 0 20px;
            }

                div.category#ctl00_BodyContent_body .rightCol ul.bulleted li {
                    list-style: square;
                }

        div.category#ctl00_BodyContent_body .rightCol a {
            text-decoration: underline;
        }

        div.category#ctl00_BodyContent_body .rightCol li {
            float: left;
            padding-right: 10px;
            margin: 5px 0;
            width: 31%;
        }

div.materials .sublist img {
    box-shadow: 0 0 15px 1px #dddddd;
    margin-bottom: 5px;
}

div.materials#ctl00_BodyContent_body .header {
    background-color: rgb(254, 192, 88);
    background-image: url(/MasterPages/NHLRC/images/hslogo.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
}

    div.materials#ctl00_BodyContent_body .header #ctl00_BodyContent_CategoryLabel {
        color: rgb(0, 150, 214);
        font-size: 0.85em;
        padding-left: 80px;
    }

div.materials#ctl00_BodyContent_body .leftCol {
    background-color: rgb(0, 127, 181);
    border-bottom-color: white;
}

div.materials#ctl00_BodyContent_body .rightCol {
    border-bottom-color: rgb(0, 127, 181);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.materials#ctl00_BodyContent_body .rightCol {
        height: 360px !important;
    }

        div.materials#ctl00_BodyContent_body .rightCol:last-child {
            height: 120px !important;
        }
}

div.materials#ctl00_BodyContent_body .leftCol h2 a {
    color: white;
}

div.materials#ctl00_BodyContent_body .section {
    padding-bottom: 0;
}

ul.two-column li {
    width: 48% !important;
    padding: 8px 0;
}

ul.four-column li {
    width: 23% !important;
    padding: 8px 0;
}

ul.sublist > li:nth-child(3n+1) {
    clear: both;
}

ul.four-column > li:nth-child(3n+1) {
    clear: none;
}

/*div.category#body .grid-two-thirds ul:last-child li:last-child
        {
            margin-bottom:15px;
        }*/

div.category#ctl00_BodyContent_body .rightCol h3 {
    font-size: 1.1em;
    color: rgb(77, 91, 167);
    font-weight: normal;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 2px;
    clear: both;
}

    div.category#ctl00_BodyContent_body .rightCol h3 a {
        font-size: 1.05em;
    }

div.category#ctl00_BodyContent_body .categorycontent {
    border-bottom: 1px dotted rgb(77, 91, 167);
}

    div.category#ctl00_BodyContent_body .categorycontent .grid-two-thirds {
        margin-left: 0;
        width: 66%;
        background-image: url(/MasterPages/NHLRC/images/splashbg-materials.jpg);
        height: 325px;
        padding: 2%;
    }

    div.category#ctl00_BodyContent_body .categorycontent .grid-one-third {
        margin-left: 0;
        width: 34%;
    }

.categorycontent p {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

#others h2 {
    font-size: 1.5em !important;
    color: rgb(247, 150, 43) !important;
    border-bottom: rgb(247, 150, 43) 2px solid !important;
    margin-top: 10px;
    margin-bottom: 0;
}

#others .document-list a {
    display: block;
    padding: 10px 5px;
}

#others .document-list li {
    padding: 0;
}

#others .document-list a:hover {
    background-color: rgba(247, 150, 43, 0.2);
}

/* Event Page */
div.event#body .header {
    background-color: rgb(56, 83, 162);
    border: none;
}

    div.event#body .header h1 {
        font-size: 2.4em;
        color: white;
        margin-bottom: 0;
        border: none;
    }

    div.event#body .header h2 {
        margin-top: 0;
        font-size: 1.5em;
        color: white;
        font-weight: normal;
    }

div.event#body div.section {
    background-color: rgb(159, 178, 216);
}

    div.event#body div.section #ctl00_BodyContent_maincontent {
        background-color: white;
        margin-left: 0 !important;
        padding-left: 2%;
        padding-right: 1.7%;
        width: 77%;
        position: relative;
    }

    div.event#body div.section div.home {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0;
        width: 77%
    }

#ctl00_BodyContent_maincontent #ctl00_BodyContent_breadcrumbs {
    font-size: 0.95em;
    line-height: 1.25em;
    color: rgb(124, 106, 85);
    z-index: 5;
}

.workshop-lteconference {
    height: 375px !important;
}

    .workshop-lteconference p {
        top: auto !important;
        margin-bottom: 5px !important;
    }

    .workshop-lteconference h6 {
        text-decoration: underline;
        color: black;
        font-size: 20px;
        position: relative;
        left: 30px;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .workshop-lteconference section {
        color: rgb(100, 100, 100);
        position: relative;
        left: 30px;
        width: 690px;
        font-size: 15px;
        margin-bottom: 5px;
    }

        .workshop-lteconference section a {
            border-bottom: 1px dashed;
        }

#ctl00_BodyContent_eventpgbg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 300px;
    background-size: 100%;
}

.eventpush .eventcontent {
    margin-top: 320px;
}

.eventpush {
    position: relative;
}

    .eventpush h2.eventtitle {
        position: absolute;
        top: -320px;
        left: -20px;
        height: 180px;
        width: 287px;
        color: white;
        font-size: 2.25em !important;
        padding-left: 20px;
        padding-top: 120px;
        background-color: rgba(56, 83, 162, 0.5);
    }

#ctl00_BodyContent_maincontent #ctl00_BodyContent_breadcrumbs a {
    text-decoration: underline;
    color: rgb(154, 139, 125);
}

#ctl00_BodyContent_eventcontent p {
    font-size: 15px;
    line-height: 1.25em;
    margin: 0 0 10px 0;
}

    #ctl00_BodyContent_eventcontent p a {
        font-size: 15px;
    }

#ctl00_BodyContent_eventcontent h4 {
    font-weight: normal;
    margin: 10px 0 0 0;
}

#ctl00_BodyContent_eventcontent ul {
    margin-left: 20px;
}

#ctl00_BodyContent_eventcontent li {
    font-size: 0.9em;
}

#ctl00_BodyContent_eventcontent ul li {
    list-style-image: url(/MasterPages/NHLRC/images/arrow_body.png) !important;
}

#ctl00_BodyContent_eventcontent ol li {
    list-style: decimal !important;
}

#ctl00_BodyContent_maincontent h2 {
    font-size: 1.65em;
    line-height: 1.1em;
    margin: 0 0 10px 0;
}

/*Adjust Image for Events*/
.largeImageVideo .rsImg {
    width: 100% !important;
}

.register-link a {
    text-transform: uppercase;
    color: rgb(0, 102, 175);
    background-color: rgb(254, 187, 54);
    border-bottom: 2px rgb(0, 102, 175) solid;
    display: block;
    padding-left: 7%;
    line-height: 1.5em;
}

    .register-link a:hover {
        background-color: rgb(0, 102, 175) !important;
        color: rgb(254, 187, 54) !important;
    }

div.register-link.registerpages {
    padding-left: 0;
}

div#ctl00_BodyContent_maincontent.schedule .eventcontent table {
    font-size: 0.8em;
}

    div#ctl00_BodyContent_maincontent.schedule .eventcontent table a {
        font-size: 1.15em;
        text-decoration: underline;
        color: rgb(248, 151, 40);
    }

div#ctl00_BodyContent_maincontent.schedule .eventcontent strong {
}

    div#ctl00_BodyContent_maincontent.schedule .eventcontent strong a {
        font-size: 1em;
    }

.schedule table, .schedule td, .schedule th {
    border: rgba(247, 150, 43, 0.7) solid 2px;
}

.schedule .eventcontent th {
    font-size: 1.4em;
    padding: 10px 0;
    background-color: rgba(247, 150, 43, 0.2);
    color: rgb(248, 151, 40);
}

div#ctl00_BodyContent_maincontent.schedule .eventcontent th p {
    margin: 0;
}

.document-list {
    margin-bottom: 20px !important;
}

    .document-list a {
        color: black;
        display: block;
        padding: 10px 0;
    }

    .document-list h5 {
        font-size: 1.05em;
    }

    .document-list em {
        font-style: normal;
        color: rgb(154, 139, 125);
    }

    .document-list a:hover {
        background-color: rgba(0, 150, 214, 0.2);
    }

    .document-list p {
        color: rgb(154, 139, 125);
        margin: 0;
    }

    .document-list li {
        margin: 0 !important;
        border-bottom: 1px dashed rgb(154, 139, 125);
        font-size: 0.95em;
    }

        .document-list li a {
            color: rgb(0,150,214);
        }

    .document-list h5 {
        margin: 0;
        font-weight: normal;
        color: rgb(0,150,214);
    }

div.event#body .grid-3 {
    float: right;
    border-left: 1px dotted rgb(33, 64, 154);
}

    div.event#body .grid-3 a {
        display: block;
        font-size: 1.15em;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        div.event#body .grid-3 a:hover {
            background-color: rgb(87, 98, 171);
            color: white;
        }

        div.event#body .grid-3 a#register:hover {
            font-weight: bold;
            color: red;
            background-color: darkred;
        }

    div.event#body .grid-3 li {
        margin: 0 !important;
        border-bottom: 1px dotted rgb(33, 64, 154);
    }

div.event#body .section {
    padding-bottom: 0;
}

.event-sidebar {
    background-color: rgb(187, 187, 221);
    margin-left: 0 !important;
}

div.event#body .people-bullet {
    margin: 0 !important;
}

    div.event#body .people-bullet h4 {
        font-size: 1.25em;
        margin: 3px 0;
        color: rgb(247, 150, 43);
    }

        div.event#body .people-bullet h4 a {
            color: rgb(247, 150, 43);
            text-decoration: underline;
        }

#deadline {
    font-size: 0.95em;
    font-weight: bold;
}

.event-nav *, #browse-desc, #ctl00_BodyContent_workshopresources, .browse-workshop a {
    padding-left: 7%;
}

.browse-year a {
    padding-left: 15%;
}

#browse-desc, #ctl00_BodyContent_workshopresources {
    clear: both;
    font-size: 0.92em;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 5px;
}

div.event#body .grid-3 ul {
    border-top: 1px dotted rgb(33, 64, 154);
}

div.event#body .grid-3 li a {
    color: rgb(87, 98, 171);
}

div.event#body .grid-3 ul, div.event#body .grid-3 li, div.event#body .grid-3 strong {
    padding-left: 0;
}

.event-sidebar a#register {
    display: block;
    background-color: red;
    color: darkred;
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 1.5em;
    text-transform: uppercase;
}

div.event#body .second-conference, div.event#body .second-conference .grid-12 {
    background-color: rgb(30, 75, 135);
}

.event-logistics h3, .event-call h3 {
    color: rgb(247, 150, 43) !important;
    border-bottom: rgb(247,150,43) 2px solid !important;
}

.event-call ul li {
    margin-left: 45px !important;
}

#callcontainer {
    position: absolute;
    top: -140px;
}

    #callcontainer a {
        text-transform: uppercase;
        color: rgb(0, 102, 175);
        background-color: rgb(254, 187, 54);
        line-height: normal;
        padding: 5px;
        font-size: 22px !important;
        display: block;
    }

    #callcontainer p:last-child em {
        font-style: italic;
        font-size: 16px;
        color: white;
    }

div.event#body .conference h2, div.event#body .second-conference h2, div.event#body .third-conference h2 {
    position: relative;
    top: -45px;
}

div.event#body .second-conference h2 {
    color: rgb(255, 232, 0);
    text-transform: uppercase;
}

div.event#body .conference h1, div.event#body .second-conference h1, div.event#body .third-conference h1 {
    position: relative;
    top: 25px;
}

div.event#body .first-workshop h1 {
    position: relative;
    top: 5px;
}

div.event#body .third-conference h2 {
    color: rgb(255, 232, 0);
    text-transform: uppercase;
}

#ctl00_BodyContent_event_paddingbottom {
    clear: both;
    height: 30px;
}

.browse-year li {
    float: left;
    width: 50%;
}

#browse-desc2 {
    clear: both;
}

div.event#body .grid-3 #year-final a:hover {
    background-color: transparent;
    cursor: default;
}

#ctl00_BodyContent_eventhome {
    height: 300px;
    background-repeat: no-repeat;
    background-position-x: right;
}

    #ctl00_BodyContent_eventhome p {
        width: 95%;
        margin: 0 0 10px 0;
        text-transform: uppercase;
        font-size: 1.5em;
        line-height: 1em;
        position: relative;
        top: 35%;
        left: 30px;
        color: rgb(40, 59, 115);
    }

        #ctl00_BodyContent_eventhome p a {
            color: rgb(40, 59, 115);
        }

.homesplash {
    text-transform: uppercase;
    font-size: 1.5em;
}

    .homesplash * {
        color: white !important;
    }

    .homesplash p:last-child {
        color: rgb(226, 88, 34) !important;
    }

.armanihome {
    background-color: rgb(56, 83, 162);
    color: white;
    font-size: 1.05em;
    height: 300px;
    padding: 15px;
}

    .armanihome h4 {
        color: white;
    }

    .armanihome a {
        text-decoration: underline;
        color: white;
    }

.homecolumn {
    width: 47%;
    float: left;
    margin-right: 20px !important;
}

.armanihome li {
    list-style: square !important;
}

.twocolumns {
    width: 300px;
    margin: 0;
}

    .twocolumns li {
        float: left;
        width: 145px;
        margin: 0 5px 5px 0 !important;
    }

#homeview {
    padding: 0 0 0 20px;
    background: url(/MasterPages/NHLRC/images/arrow_white.png) no-repeat left center;
}

.eventlogistics h4 {
    color: black;
    margin: 10px 0 0 0 !important;
    font-size: 1.05em !important;
}

.eventlogistics h5 {
    color: rgb(124, 106, 85);
    font-weight: normal;
    margin: 10px 0 0 0 !important;
    font-size: 1em;
}

.eventlogistics h3, .eventcosponsors h3 {
    font-size: 20px !important;
}

.eventlogistics em {
    display: block;
    line-height: 1.15em;
    margin-bottom: 10px;
}

.eventlogistics p {
    font-size: 16px !important;
}

.eventcosponsors .eventcontent ul {
    margin-left: 30px !important;
}

#ctl00_BodyContent_eventcontent h3 {
    color: rgb(56, 83, 162);
    border-bottom: 2px solid rgb(56, 83, 162);
    text-transform: uppercase;
    padding-bottom: 2px !important;
    margin-bottom: 5px !important;
}

div#ctl00_BodyContent_eventcontent.eventlogistics h3, #event-abstractlayout .abstractcontent h3, .eventcosponsors h3 {
    color: rgb(247,150,43) !important;
    text-transform: uppercase !important;
    padding-bottom: 2px !important;
    font-weight: bold !important;
    border-bottom: rgb(247,150,43) 2px solid !important;
    margin: 5px 0 !important;
}

#podcast-itunes a {
    padding: 0 0 0 20px;
    background: url(/MasterPages/NHLRC/images/icon_itunes.png) no-repeat left center;
}

#podcast-rss {
    padding-left: 10px;
}

    #podcast-rss a {
        padding: 0 0 0 20px;
        background: url(/MasterPages/NHLRC/images/icon_rss.png) no-repeat left center;
    }

ul.document-list#podcasts li {
    padding: 10px 0;
}

ul.document-list#podcasts h5 {
    color: rgb(56, 83, 162);
}

ul.document-list#podcasts a {
    display: inline;
    padding: 0;
    color: rgb(0,150,214);
    text-decoration: underline;
}

    ul.document-list#podcasts a:hover {
        background: none !important;
    }

ul.document-list#podcasts img {
    display: none;
}

ul.document-list#podcasts p {
    margin-top: 10px;
}

.backbutton {
    margin: 0 0 8px 0;
    padding-left: 15px;
    background: url(/MasterPages/NHLRC/images/arrow_back.png) no-repeat left center;
}

    .backbutton a {
        text-decoration: underline;
        color: rgb(56, 83, 162);
    }

#event-personlayout p.person-bio {
    font-size: 0.9em;
}

#event-personlayout h3 {
    color: rgb(247,150,43) !important;
    font-size: 1.65em !important;
    border: none !important;
    margin: 10px 0 0 0 !important;
}

#event-personlayout em.author {
    font-style: italic;
    color: rgba(0,150,214,0.7);
    margin: 0 0 10px 0;
    display: block;
}

#event-abstractlayout h3 {
    color: rgb(0,150,214) !important;
    font-size: 1.65em !important;
    border: none !important;
    margin: 10px 0 0 0 !important;
}

#event-abstractlayout em.author {
    font-style: italic;
    color: rgb(124,106,85);
    margin: 0 0 10px 0;
    display: block;
}

#event-abstractlayout p {
    font-size: 0.95em;
}

#ctl00_BodyContent_Abstract_StoryListUpdatePanel p {
    font-size: 0.9em;
    margin: 0 0 12px 0;
}

.reading-list h4 {
    color: rgb(56, 83, 162);
    border-bottom: rgb(56, 83, 162) 2px solid;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.1em;
}

.reading-list ul {
    margin-left: 20px !important;
}

.reading-list a {
    text-decoration: underline;
    font-size: 1em !important;
}

.reading-list p {
    font-size: 1em !important;
    color: rgb(124, 106, 85);
}

.reading-list em, .reading-list span {
    color: rgb(124, 106, 85);
}

.poster-list a {
    padding-left: 5px;
    padding-right: 30px;
}

    .poster-list a:link[href$=".pdf"] {
        background: url(/MasterPages/NHLRC/images/icon_pdf.png) no-repeat 99% center;
    }

    .poster-list a:link[href$=".ppt"], .poster-list a:link[href$=".pptx"] {
        background: url(/MasterPages/NHLRC/images/icon_ppt.png) no-repeat 99% center;
    }

    .poster-list a:link[href$=".doc"], .poster-list a:link[href$=".docx"] {
        background: url(/MasterPages/NHLRC/images/icon_doc.png) no-repeat 99% center;
    }

    .poster-list a:hover[href$=".pdf"], .poster-list a:hover[href$=".ppt"], .poster-list a:hover[href$=".pptx"], .poster-list a:hover[href$=".doc"], .poster-list a:hover[href$=".docx"] {
        background-color: rgba(0, 150, 214, 0.2);
        background-repeat: no-repeat;
        background-position: 99% center;
    }

.event-schedule h4 {
    background-color: rgb(248,151,40);
    color: white;
    padding: 8px;
    font-size: 1.1em;
    text-transform: uppercase;
    margin-bottom: 0;
    width: 685px;
}

.event-schedule table {
    width: 700px;
}

.event-schedule table, .event-schedule td, .event-schedule th {
    border: rgba(247, 150, 43, 0.7) solid 1px;
    font-size: 14px;
}

.event-speakers .eventcontent ul {
    margin-left: 20px !important;
}

.event-speakers .eventcontent a {
    font-size: 1em !important;
}

.armanidemo table, .armanidemo td, .armanidemo th {
    border: rgb(99, 83, 65) solid 1px;
    font-size: 14px;
}

.event-schedule th, .event-schedule td, .armanidemo th, .armanidemo td {
    padding: 5px;
}

.event-schedule th {
    background-color: rgba(247, 150, 43, 0.2);
    width: 150px;
    text-align: left;
    color: rgb(248,151,40);
}

.oldinstitute h4 a {
    color: white;
}

div.schedule_entry_right {
    float: right;
    padding-left: 20px;
}

div.schedule_entry {
    width: 50%;
}

div.schedule-entry-container {
    border: 2px solid rgb(248, 151, 40);
    padding: 5px;
    margin-bottom: 8px;
}

.oldinstitute li {
    list-style-image: none !important;
    list-style-type: square !important;
}

.oldinstitute h5 {
    color: rgb(248, 151, 40);
    font-size: 1.15em;
    font-weight: normal;
    margin: 0;
}

.oldinstitute li {
    margin-top: 0 !important;
}

.oldinstitute li, .oldinstitute span, .oldinstitute a {
    font-size: 14px;
}

.daychooser li {
    float: left;
    list-style-type: none !important;
    width: 20%;
    margin-bottom: 5px !important;
}

.daychooser a {
    color: rgb(248, 151, 40) !important;
    text-decoration: underline;
    font-size: 1.15em !important;
    margin-left: -20px;
}

.armanidemo em {
    display: block;
    padding-bottom: 10px;
}

.armanidemo th {
    background-color: rgba(99, 83, 65, 0.2);
    text-align: left;
    color: rgb(99, 83, 65);
    font-size: 1.2em;
    vertical-align: top;
    font-weight: normal;
}

.event-schedule a {
    color: rgb(56, 83, 162);
    line-height: 1em;
    font-weight: normal;
}

.event-schedule #ctl00_BodyContent_breadcrumbs a {
}

.event-nav a[href$=".pdf"], .event-nav a[href$=".ppt"], .event-nav a[href$=".pptx"], .event-nav a[href$=".doc"], .event-nav a[href$=".docx"] {
    background-position-x: 98%;
    padding-left: 7%;
}

.workshop-homesplash {
    font-size: 0.95em;
}

    .workshop-homesplash p {
        top: 170px !important;
        width: 95%;
        margin-bottom: 10px !important;
    }

        .workshop-homesplash p:last-child {
            color: rgb(208,86,14);
        }

#splash-desc {
    color: black;
    font-size: 0.75em;
}

.institute-2012 h2 {
    font-size: 1.42em !important;
}

div.participants2008 h3 {
    font-size: 1.2em !important;
    color: rgb(0, 150, 214) !important;
    border-bottom: rgb(0, 150, 214) solid 2px !important;
    padding-bottom: 5px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

div.participants2008 li {
    color: rgb(65,64,66);
    list-style-image: none !important;
}

div.participants2008 .people-bullet li {
    margin-left: 20px !important;
}

div.participants2008 .people-bullet h4 {
    font-weight: normal;
    font-size: 1.05em !important;
}

div.participants2008 .people-bullet em {
    color: rgb(65,64,66);
    text-transform: none;
    font-weight: normal;
    font-size: 1em;
}

div.participants2008 strong {
    color: rgb(247,150,43);
}

#event-abstractlayout .abstractcontent h4 {
    font-weight: normal;
    margin: 10px 0 0 0;
    font-size: 1.05em;
}

#event-abstractlayout .abstractcontent p {
    font-size: 0.9em;
    margin: 0 0 10px 0;
}

div.main#body .sponsors .eventcontent a {
    display: block;
    padding-top: 5px;
    font-size: 1.1em;
}

#photogallery {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    flex-direction: row;
    flex-wrap: wrap;
    width: 693px;
    margin: 0;
}

    #photogallery li {
        float: left;
        margin: 0 !important;
        padding-bottom: 1px;
        padding-right: 1px;
    }

/* News */
div.news#body, div.event#body {
    width: 103.3%;
    max-width: 103.3%;
    /*position:relative;
            left:-1.7%;*/
    margin: 0 auto;
}

    div.news#body .header {
        border-top: none;
        background-color: rgb(56, 83, 162);
    }

    div.news#body h4 {
        margin: 15px 0 0 0;
        padding-bottom: 3px !important;
    }


    div.news#body .header h1 {
        font-size: 2.5em;
        font-weight: normal;
        color: #FFFFFF;
    }

    div.news#body .document-list a:hover {
        background-color: rgba(247, 150, 43, 0.2);
    }

    div.news#body .document-list h5 {
        color: rgb(247, 150, 43);
        margin: 0;
        font-size: 1.2em;
    }

    div.news#body .document-list em {
        color: rgb(154, 139, 125);
        font-style: normal;
    }

    div.news#body .document-list p {
        color: rgb(65,64,66);
        font-size: 0.9em;
    }

div.newsarticle#body h4 {
    font-size: 2em !important;
    color: black !important;
    text-transform: none !important;
    border: none !important;
    font-weight: normal !important;
}


/* Newsletter */

.newsletter .header {
    border: none !important;
    background-color: rgb(0, 77, 109) !important;
    color: white;
}

    .newsletter .header h1 {
        font-size: 2em;
        font-weight: normal;
    }

.newsletter .section .grid-9 {
    width: 70%;
}

    .newsletter .section .grid-9 * {
        font-size: 0.95em;
        font-family: Georgia, 'Times New Roman', serif;
    }

    .newsletter .section .grid-9 p {
        margin-top: 3px;
        margin-bottom: 12px;
    }

    .newsletter .section .grid-9 h5 {
        color: rgb(0, 77, 109);
        margin-bottom: 0;
        font-size: 1.1em;
    }

    .newsletter .section .grid-9 h6 {
        color: rgba(0, 77, 109, 0.9);
        margin-bottom: 0;
        font-size: 1em;
    }

    .newsletter .section .grid-9 ul {
        margin-left: 40px !important;
    }

        .newsletter .section .grid-9 ul li {
            list-style: square !important;
            line-height: 1.5em !important;
            font-size: 1em;
        }

    .newsletter .section .grid-9 em {
        font-style: oblique;
    }

    .newsletter .section .grid-9 h2 {
        font-size: 1.5em;
        color: rgb(0, 77, 109);
        margin-bottom: 4px;
    }

    .newsletter .section .grid-9 .newsletter-author {
        font-weight: bold;
        color: rgb(0, 103, 133);
    }

    .newsletter .section .grid-9 ul.references {
        text-indent: -40px;
    }

        .newsletter .section .grid-9 ul.references li {
            list-style: none !important;
        }

.newsletter .section .grid-3 {
    background-color: rgb(118, 151, 198);
    width: 25%;
    padding-left: 1%;
    padding-right: 1%;
    float: right;
}

    .newsletter .section .grid-3 h4 {
        text-transform: uppercase;
        color: rgb(0, 77, 109);
        margin-bottom: 3px;
    }

    .newsletter .section .grid-3 a {
        color: rgb(0, 77, 109) !important;
        font-size: 1em !important;
    }

    .newsletter .section .grid-3 i {
        color: rgb(0, 103, 133);
    }

#newsletter-announce * {
    color: rgb(255, 204, 129) !important;
}

#newsletter-announce h4 {
    color: rgb(254, 192, 88) !important;
}

#newsletter-intro * {
    font-size: 1.1em;
}

#newsletter-download {
    display: block;
    padding: 10px;
    position: relative;
    left: -10px;
    width: 212.75px;
    background-color: rgb(252, 178, 21);
    color: rgb(35, 35, 35) !important;
    background-position-x: 98%;
}

    #newsletter-download:hover {
        background-color: rgb(255, 204, 129);
    }

/* Footer */
div#footer {
    margin: 0 auto;
    padding: 0;
}

    div#footer div.grids {
        border-top: 8px solid rgb(56, 83, 162);
        padding: 10px 0;
        margin: 0 15px 0 0;
        color: rgb(154, 139, 125);
        background-color: white;
        text-transform: uppercase;
    }

    div#footer div.address *, div#footer div.contact * {
        font-size: 13px;
        margin: 0;
    }

    div#footer div.address {
        font-style: normal;
        width: 38% !important;
    }

    div#footer * {
        line-height: 1.5em;
    }

.lrclogo {
    margin: 0 !important;
    width: 7.85% !important;
}

    .lrclogo img {
        position: relative;
        top: -10px;
        left: -10px;
        width: 85px;
    }

.divider:before {
    content: " | ";
}


ul.footerBranding {
    margin-top: 15px;
    margin-bottom: 5px;
}

    ul.footerBranding li {
        display: inline;
        margin-left: 2px;
    }

        ul.footerBranding li a {
            color: white;
            text-decoration: none;
        }

            ul.footerBranding li a:hover {
                text-decoration: none;
                border-bottom: 1px solid #5A7DA8;
            }

        ul.footerBranding li:after {
            content: "•";
            margin-left: 6px;
            color: white;
        }

        ul.footerBranding li:last-of-type:after {
            content: none;
        }


/* Toast Framework - type.css */
body {
    font: 100%/1.5 MuseoSans-500, Arial, sans-serif;
}

h1 {
    font-size: 3em; /* 48 / 16 */
    line-height: 1em; /* 48 / 48 */
    margin-bottom: .5em; /* 24 / 48 */
}

h2 {
    font-size: 2.25em; /* 36 / 16 */
    line-height: 1.333333333333333em; /* 48 / 36 */
    margin-bottom: .6666666666666667em; /* 24 / 36 */
}

h3 {
    font-size: 1.5em; /* 24 / 16 */
    line-height: 1em; /* 24 / 24 */
    margin-bottom: 1em; /* 24 / 24 */
}

h4 {
    font-size: 1.3125em; /* 21 / 16 */
    line-height: 1.142857142857143em; /* 24 / 21 */
    margin-bottom: 1.142857142857143em; /* 24 / 21 */
}

h5 {
    font-size: 1.125em; /* 18 / 16 */
    line-height: 1.333333333333333em; /* 24 / 18 */
    margin-bottom: 1.333333333333333em; /* 24 / 18 */
}

h6 {
    font-size: 1em; /* 16 / 16 */
    line-height: 1.5em; /* 24 / 16 */
    margin-bottom: 1.5em; /* 24 / 16 */
}

p, ul, ol, dl, blockquote {
    margin-bottom: 1.5em; /* 24 / 16 */
}