@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body { font-family: "Open Sans",sans-serif; color:#31261D; margin: 0 1.75rem; } 
h2 { font-family: Arnhem, serif; font-size:30px; line-height:36px; }
h3 { font-family: Arnhem, serif; font-size:26px; line-height:32px; color:#bb4d00 /*#CC7400*/ /*#0072ce*/; }
h4 { font-family: Arnhem, serif; font-size:21px; line-height:27px; color:#31261d; }

    html { -webkit-text-size-adjust:100%; } /* responsive.css */
    .clear { clear : both; height : 0; font-size : 0; } /* content.css */

.float_img { float: right; width: 300px; padding: 10px; }
#page #page-content img { max-width: 100%;  height: auto !important; }

.Footnote, .caption { font-size:80%; }
.title { font-weight:600; }

.title-sans-link { color:#00569b; }


/* Header styles */
    #header-bar { background-color:#0072ce; height: 10px; padding-top:0; }   
    #header-content { margin:30px auto 0 auto; max-width:1250px; }  
    #logo { float:left; max-width:430px; margin-bottom:30px; }
    #logo img { max-width:100%; height: auto !important; border:0; }
        

    #square-logo-header { display:none; }

    @media (max-width:319px) {
        #logo{ margin-right: 1%; }
        #logo { display:none; }
        
            #square-logo-header { display:block; width:100%; max-width:200px; margin:-20px auto 0 auto; background-image:url("images/CHS.logo.vertical.white.png"); background-repeat:no-repeat; padding-bottom:10px; }
                #square-logo-header img { max-width:100%; border:0; }
    }


    @media (min-width:320px) and (max-width:414px) {
        #logo{ margin-right: 1%; }
        #logo { display:none; }
        
        #square-logo-header { display:block; width:100%; max-width:220px; margin:-20px auto 0 auto; background-image:url("images/CHS.logo.vertical.white.png"); background-repeat:no-repeat; padding-bottom:10px; }
            #square-logo-header img { max-width:220px; }
     }


    @media (max-width:772px) {
        #logo { max-width:400px; }
     }

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* CSS menu styles  */

    #cssmenu,
    #cssmenu ul,
    #cssmenu ul li,
    #cssmenu ul li a,
    #cssmenu #menu-button {
        margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
        z-index:200; }

    #cssmenu:after,
    #cssmenu > ul:after {
        content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

    #cssmenu #menu-button { 
        display: none; }

    #cssmenu {
        font-family: 'Open Sans', sans-serif; line-height: 1; background: #ffffff; width: auto;
        float:right; }

    #menu-line {
        position: absolute; top: 0; left: 0; height: .1875rem; /*background: #0072ce;;*/ /* --------- Removed Top Line --------- */
        -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }

    #cssmenu > ul > li { 
        float: left; }

    #cssmenu.align-center > ul {
        font-size: 0; text-align: center; }

    #cssmenu.align-center > ul > li {
        display: inline-block; float: none; }

    #cssmenu.align-center ul ul { 
        text-align: left; }

    #cssmenu.align-right > ul > li { 
        float: right; }

    #cssmenu.align-right ul ul { 
        text-align: right; }

    #cssmenu > ul > li > a {
        padding: 20px; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #31261d;
        -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; }

    #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { 
        color: #002d72; }

    #cssmenu > ul > li.has- > a { 
        padding-right: 25px; }

    #cssmenu > ul > li.has-sub > a::after {
        position: absolute; top: 21px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #31261d; border-right: 1px solid #31261d; content: "";
        -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
        -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;
        border-color: #BB4D00 /*#FF9e1b*/; }

    #cssmenu > ul > li.has-sub:hover > a::after { 
        border-color: #BB4D00 /*#FF9e1b*/; }

    #cssmenu ul ul {
          position: absolute; left: -9999px; border-bottom:.5rem solid #0072ce; padding-bottom: .3rem; box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.1); }

    #cssmenu li:hover > ul { 
        left: auto; }

    #cssmenu.align-right li:hover > ul { 
        right: 0; }

    #cssmenu ul ul ul { 
        margin-left: 100%; top: 0; }

    #cssmenu.align-right ul ul ul { 
        margin-left: 0; margin-right: 100%; }

    #cssmenu ul ul li {
        height: 0;
        -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; }

    #cssmenu ul li:hover > ul > li { 
        height: 32px; }

    #cssmenu ul ul li a {
        padding: 12px 16px; width: 185px; font-size: 14px; background: #ffffff; text-decoration: none; color: #31261D;
        -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; }

    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
        color: #002d72; background-color:#ecf3fa;  /* remove if no background-color on nav ul li a:hover is desired */ }

    #cssmenu ul ul li.has-sub > a::after {
        position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #31261D; border-right: 1px solid #31261D; content: "";
        -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
        -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; }

    #cssmenu.align-right ul ul li.has-sub > a::after {
        right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #31261D; border-left: 1px solid #31261D; }

    #cssmenu ul ul li.has-sub:hover > a::after { 
        border-color: #002d72; }

           #cssmenu ul ul .flyout { /* Added by JC 08-08-19 - third level dropdown */
	            border-bottom: #0072ce .5rem solid;
            }

    #cssmenu.small-screen {
        width: 100%; /*background-color:#fcfcfc;*/ /* max-width:300px;*/ border: 1px solid #ff9e1b; margin:0 0 20px 0; }

    #cssmenu.small-screen ul {
        width: 100%; display: none; }

    #cssmenu.small-screen ul ul {
         box-shadow:none; }

    #cssmenu.small-screen.align-center > ul,
    #cssmenu.small-screen.align-right ul ul {
        text-align: left; }

    #cssmenu.small-screen ul li,
    #cssmenu.small-screen ul ul li,
    #cssmenu.small-screen ul li:hover > ul > li {
        width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15); }

    #cssmenu.small-screen ul li a,
    #cssmenu.small-screen ul ul li a {
        width: 100%; }

    #cssmenu.small-screen > ul > li,
    #cssmenu.small-screen.align-center > ul > li,
    #cssmenu.small-screen.align-right > ul > li {
        float: none; display: block; }

    #cssmenu.small-screen ul ul li a {
        padding: 20px 20px 20px 30px; font-size: 14px; color: #31261D; background: none; }

    #cssmenu.small-screen ul ul li:hover > a,
    #cssmenu.small-screen ul ul li a:hover {
        color: #002d72; }

    #cssmenu.small-screen ul ul ul li a {
        padding-left: 40px; }

    #cssmenu.small-screen ul ul,
    #cssmenu.small-screen ul ul ul {
        position: relative; left: 0; right: auto; width: 100%; margin: 0; /*border-bottom:.2rem solid #0072ce;*/ border-bottom:.035rem solid rgba(120, 120, 120, 0.15); background-color: #f8f8f8 /*#fcfcfc*/ /*#f4f3f2*/; }

    #cssmenu.small-screen > ul > li.has-sub > a::after,
    #cssmenu.small-screen ul ul li.has-sub > a::after {
        display: none; }

    #cssmenu.small-screen #menu-line {
        display: none; }

    #cssmenu.small-screen #menu-button {
        display: block; padding: 20px; color: #31261d; cursor: pointer; font-size: 12px; text-transform: uppercase; /*background-color: #f4f3f2;*/ }

    #cssmenu.small-screen #menu-button::after {
        content: ''; position: absolute; top: 20px; right: 20px; display: block; width: 15px; height: 2px; background: #31261d; }

    #cssmenu.small-screen #menu-button::before {
        content: ''; position: absolute; top: 25px; right: 20px; display: block; width: 15px; height: 3px; border-top: 2px solid #31261d; border-bottom: 2px solid #31261d; }

    #cssmenu.small-screen .submenu-button {
        position: absolute; z-index: /*10*/ 300; /* JC changed on 03/11/19 for mobile */ right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height: 52px; width: 52px; cursor: pointer; }

    #cssmenu.small-screen .submenu-button::after {
        content: ''; position: absolute; top: 21px; left: 26px; display: block; width: 1px; height: 11px; background: #31261d; z-index: 99; }

    #cssmenu.small-screen .submenu-button::before {
        content: ''; position: absolute; left: 21px; top: 26px; display: block; width: 11px; height: 1px; background: #31261d; z-index: 99; }

    #cssmenu.small-screen .submenu-button.submenu-opened:after {
        display: none; }

    #cssmenu.small-screen.select-list {
        padding: 5px; }

 
            #cssmenu.small-screen ul ul .flyout, #cssmenu.small-screen ul ul .flyout-wide  { /* Added by JC 08-08-19 - third level dropdown */
	            background-color: #f0f0f0;
            }

            #cssmenu.small-screen ul.open li.has-sub ul.open li.has-sub ul.flyout-wide.open li a { /* Added by JC 08-08-19  - third level dropdown*/
	            font-size: 99%;
	            line-height: 150%;
	            padding: 8px 5px 8px 40px;
            }

    .fa-fw {
        color: #ff9e1b; }

    @media (min-width:710px) { /* JC added style for responsive view */ 
         #cssmenu.small-screen { width: 35%; float:right; }
    }
        

            
            @media (min-width:1246px) {  /* Added by JC 08-08-19 - third level dropdown */
            #cssmenu ul ul .flyout-wide li a {    
	            width: 400px;
                    border-bottom: #0072ce .5rem solid;
            }
                }

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Dropdown toggle search styles */

    .searchbtn {
        font-family: "Open Sans",sans-serif; color:#31261D;
        font-size: 14px; position:absolute; display:inline-block; width:150px; height:40px; padding-top:10px; right:20px; text-align:center; text-decoration:none; border-radius:0 0 2px 2px;
        -webkit-transition: background-color 250ms ease-out; -moz-transition: background-color 250ms ease-out;  -o-transition: background-color 250ms ease-out; transition: background-color 250ms ease-out; }

        .searchbtn:hover { /*background-color:deepskyblue;*/ color: #002d72; }   

    .searchform { margin:0; display:none; background:#0072ce; padding:10px 22px; text-align:center; position:relative; transition:background-color 500ms linear; clear:both; }

    .searchfield { border:none; /*padding:10px 0;*/ background:none; color:white; outline:none; border-bottom:1px solid white; width:80%; font-size:21px; }

    input::-webkit-input-placeholder {
         color: rgba(255,255,255,0.6); }

    .submitbtn { background:none; border:none; font-size:30px; color:white; }

    .submitbtn, .submitbtn fa fa-search {  color:#fff !important; }

   .fa {  color:#BB4D00 /*#FF9e1b*/; }


    @media (max-width:1245px) {   /* needs to match breakpoint from script.js file */
        .searchbtn { right:0; text-align: left; margin-bottom:8px; height:55px;  }
        .searchfield { font-size:18px; }
        .searchform { padding:10px; }
    }


    @media (min-width:710px) {
        .submitbtn { font-size: 21px;}
    }
       

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Hero Styles  - Homepage */

    #hero { clear:both; }
        #hero img { width:100%; background-size: contain; position: relative; }

    #hero-text { margin: 0 auto 0 auto; max-width: 1200px; padding:3% 0 0 10%; position: absolute; z-index:100; text-shadow: 1px 1px 2px #31261d; }
        .hero-title { color:#fff; font-family:Arnhem, serif; font-size:42px; width:30%; }
        .hero-para { color:#fff; font-family:Arnhem, serif; font-size:24px; width:30%; }
    #hero-smallscreen { display:none;}

    @media (max-width:640px) {
        
        .hero-title, .hero-para { display: none;}
        #hero-smallscreen { display:block;  color:#31261D; border-bottom:1px solid #e3d8d0; }
            .hero-smallscreen-title { font-size:18px; }
            .hero-smallscreen-para { font-size:14px;}
    }
        
    @media (min-width:568px) and (max-width:667px) {
        
        #hero-text { padding:2% 0 0 3%;}
            .hero-title { font-size:24px; margin-top:-5px; }
            .hero-para { font-size:18px; width:50%; margin-top:-8px; /*text-shadow: 1px 1px #002d72; */}   
    } 

    @media (min-width:668px) and (max-width:1024px) {
        
        #hero-text { padding:2% 0 0 3%;}
            .hero-title { font-size:24px; margin-top:-5px; }
            .hero-para { font-size:18px; width:40%; margin-top:-8px; /*text-shadow: 1px 1px #002d72;*/ }     
    }

    @media (min-width:1025px) and (max-width:1536px) {
        
        #hero-text { padding:0 0 0 2%; }
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Focus Areas Styles - Homepage */

    #foucs-areas { text-align:center; max-width:980px; margin:20px auto; }
    #focus-areas-col-wrapper { width:100%; float:left;  }

    .focus-areas-col { float:left;  width:15%; padding:0 23px; }
        .focus-areas-col a:link, .focus-areas-col a:visited { text-decoration: none; color:#31261D; }
        .focus-areas-col a:hover, .focus-areas-col a:active { text-decoration: underline; color:#0072ce; }

    .focus-areas-col img { border:0; }

    @media (max-width:567px) {
        .focus-areas-col { width:100%; padding: 0 0 20px 0;}
    }

     @media (min-width:568px) and (max-width:980px) {
         .focus-areas-col { width:50%; padding: 0 0 30px 0;}
         .focus-areas-col p { max-width:250px; margin:0 auto }
         .focus-areas-col:last-child { float: none; margin: 0 auto; clear:both; }
     }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* About Styles - Homepage */

    #about { background-color:#f0eae5; width:100%; float:left; margin-top:60px;  }
    #about-content { max-width:980px; margin:30px auto 60px auto; padding:0 30px; }
        #about-content h3 { text-align:center; font-size:24px; font-family: Arnhem, serif; color:#00569b /*#0072ce*/; }
        #about-content p { line-height:180%;}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Button Styles - Homeapge Style - white button with orange border */
    .button { background-color:#fff; border:1px solid #ff9e1b; padding:10px; text-align: center; width:30%; margin:0 auto; }
        .button a:link, .button a:visited, .button a { text-decoration: none; color:#00569b /*#0072ce*/; }
        .button a:hover { color:#002d72;  }

     @media (max-width:735px) {  
        .button { width:80%; }
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* News Styles - Homepage */

    #news { margin:0 auto; max-width:1200px; clear:both; }
        #news h3 { text-align: center; padding-top:60px; font-size:24px; font-family: Arnhem, serif; color:#00569b /*#0072ce*/; }
    #news-wrapper {  width:100%; float:left; margin:0 auto; }
        #news-wrapper a:link, #news-wrapper a:visited { text-decoration:underline; color:#00569b /*#0072ce*/; }
        #news-wrapper a:hover, #news-wrapper a:active { text-decoration: none; color:#31261D; }

        .col-wide { width:40%; float:left; max-width:440px; padding-right:40px; }

        .col1, .col2, .col3, .col4, .col5, .col6 { 
            width:20%; max-width:200px; float:left; padding-right:40px; min-height:335px; }

        .col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img { 
                max-width:200px; border:0; }

        .col-wide img { border:0; }

        /*.col6 img { border: 1px solid #e3d8d0; }*/

        .col:last-child { padding-right:0px; content: '' }

        .col-wide p { 
            padding:8px; font-size:16px; }

        .col1 p, .col2 p, .col3 p, .col4 p, .col5 p, .col6 p { 
            padding:8px; font-size:14px; }

        .col-wide p .title, .col1 p .title, .col2 p .title, .col3 p .title, .col4 p .title, .col5 p .title, .col6 p .title { 
            font-weight:bold; font-size:15px; }

        .col-wide p a:link { /*font-weight:bold;*/ }


    @media (max-width:479px) {
        
        .col-wide { width:100%; height:auto; float:left; max-width:none; padding:0 0 10px 0; }
             
        .col-wide img, .col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img { 
            width:100%; background-size: contain; max-width:none; }
             
        .col-wide p, .col1 p, .col2 p, .col3 p, .col4 p, .col5 p, .col6 p {
            padding:0 0 20px 0; }
             
        .col1, .col2, .col3, .col4, .col5, .col6 { 
            width:100%; height:auto; float:left; clear:left; max-width:none; padding:0 0 10px 0; min-height:auto; }

        .col-wide p { font-size:14px; }
        .col-wide p a:link { font-weight:normal; }
    }


    @media (min-width:480px) and (max-width:567px) { 
        
        .col-wide { width:100%; height:auto; float:left; max-width:none; padding:0 0 10px 0; }
            
        .col-wide img, .col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img { 
            width:100%; background-size: contain; padding:0 0.75em 0 0;  }
            
        .col1, .col3, .col5  {
            width:45%; float:left; padding-right:6px; }
            
        .col2, .col4, .col6 {
            width:45%; float:right; padding:0 6px 0 0; }
        
        .col-wide, .col1, .col2, .col3, .col4, .col5, .col6 { min-height:350px; }
        
        .col-wide p { font-size:14px; }
        .col-wide p a:link { font-weight:normal; }
    }


    @media (min-width:568px) and (max-width:639px) { 
        
        .col-wide { width:100%; height:auto; float:left; max-width:none; padding:0 0 10px 0; }
            
        .col-wide img, .col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img { 
            width:100%; background-size: contain; padding:0 0.75em 0 0; max-width:none;  }
            
        .col1, .col2, .col3, .col4, .col5, .col6 {
            min-height:350px; }
           
        .col1, .col3, .col5  {
            width:45%; float:left; padding-right:6px; max-width:300px; }
           
        .col3 { clear:left; }
            
        .col2, .col4, .col6 {
            width:45%; float:right; padding:0 6px 0 0; max-width:300px; }    
        
        .col-wide, .col1, .col2, .col3, .col4, .col5, .col6 { min-height:360px; }
        
        .col-wide p { font-size:14px; }
        .col-wide p a:link { font-weight:normal; }
    }


    @media (min-width:640px) and (max-width:735px) {
        
        .col-wide { width:100%; height:auto; float:left; max-width:none; padding:0 0 10px 0; }
            
        .col-wide img, .col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img { 
            width:100%; background-size: contain; padding:0 0.75em 0 0; max-width:none;  }

        .col1, .col2, .col3, .col4, .col5, .col6 {
            min-height:400px; }
             
        .col1, .col3, .col5  {
            width:45%; float:left; padding-right:6px; max-width:400px; }
           
        .col3 { clear:left; }
            
        .col2, .col4, .col6 {
            width:45%; float:right; padding:0 6px 0 0; max-width:400px; }
        
        .col-wide, .col1, .col2, .col3, .col4, .col5, .col6 { min-height:380px; }
        
        .col-wide p { font-size:14px; }
        .col-wide p a:link { font-weight:normal; }
    }


    @media (min-width:736px) and (max-width:895px) {
        
        .col-wide img, .col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img { 
            width:100%; background-size: contain; padding:0 0.75em 0 0; max-width:none;  }
            
        .col-wide, .col2, .col4, .col6  {
            width:45%; float:left; padding-right:6px; max-width:400px; }
           
        .col2, .col4 { clear:left; }
            
        .col1, .col3, .col5  {
            width:45%; float:right; padding:0 6px 0 0; max-width:400px; }
        
        .col-wide, .col1, .col2, .col3, .col4, .col5, .col6 { min-height:400px; }
        
        .col-wide p { font-size:14px; }
        .col-wide p a:link { font-weight:normal; }
    }


     @media (min-width:896px) and (max-width:1255px) {
        #news-wrapper { width:100%; margin: 0 auto; justify-content: center; display: flex; flex-flow: row wrap; }
         
        .col-wide img, .col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img { 
            width:100%; background-size: contain; padding:0 0.75em; max-width:250px;  }
            
        .col-wide, .col1, .col2, .col3, .col4, .col5, .col6 {
            width:33.33%; float:left; max-width:250px; padding:0 1.5%; min-height:360px; }
         
        .col3 { clear:left; }  
         .col-wide p { font-size:14px; }
         .col-wide p a:link { font-weight:normal; }
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Support Styles - Homepage */

    #support { background-color:#e6f0f9; width:100%; float:left; margin-top:60px; background-image: url("/sebin/b/t/support-bg.png"); background-position:center 1%; background-repeat: no-repeat; }
    #support-content { max-width:700px; margin:30px auto 60px auto; padding:0 30px; }
        #support-content h4 { text-align:center; font-size:24px; padding-top:20px; font-family: Arnhem, serif; }
        #support-content p { font-size:18px; text-align:center; }

    @media (min-width:768px) and (max-width:1200px) {
        #support { margin-top:30px; }
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Mission Bar Styles */
    #mission-bar { background-color:#00122e; height: 20px; padding-top:0; clear:both; margin-top:60px; }   

/* Mission bar styles for subpages */
    .mission-bar-bg { background-color:#00122e; padding-top:0; clear:both; }   

    #mission-bar-content { width:100%; max-width:1200px; margin:0 auto; background-color:#00122e; height:150px; clear:both; padding:45px 0;  }

    .mission-bar-logo { width:40%; margin-right:25px; float:left; max-width:430px; }
    .mission-bar-logo img { max-width:100%; height: auto !important; border:0;  }

    .square-logo { display:none; }

    .mission { width:55%; margin-left:25px; float:left; color:#fff; padding-bottom:30px; font-size:14px; }
        .mission p { padding-right:10px; }
        .mission-title { color:#9ac4ef; text-transform: uppercase; font-size:18px; }

@media (max-width:284px) {
    #mission-bar-content { min-height:400px !important; height:400px !important; }
}


    @media (max-width:736px) {
        #mission-bar-content { padding: 15px 0; height:280px; min-height:350px; width:100%; max-width:none; }
        .mission-bar-logo  { display:none; }
        .mission { width:100%; margin-left:0; }
        .mission p { font-size:14px; padding:0 20px; text-align: center; }
        
        .square-logo { display:block; width:100%; max-width:300px; margin:0 auto; background-image:url("images/CHS.logo.vertical.white.png"); background-repeat:no-repeat; text-align:center; }
        .square-logo img { max-width:200px; text-align: center; width:90%; }
    }

    @media (min-width:737px) and (max-width:896px) {
        #mission-bar-content { padding:25px 0; min-height:180px; }
        .mission-bar-logo { margin-right: 1%; }
        .mission p { padding-right:25px; }
    
        .mission-bar-logo  { display:none; }
        .square-logo { display:block; width:40%; max-width:300px; margin:0 auto; background-image:url("images/CHS.logo.vertical.white.png"); background-repeat:no-repeat; float:left; padding-bottom:10px; }
        .square-logo img { max-width:225px; padding-left:1.75rem;  }
    }

    @media (min-width:897px) and (max-width:1055px) {
        .mission { margin-left:1%; font-size:14px; }
        .mission p { padding-right:10px; }
    }

    
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Footer Styles */

     footer { background-color:#002050; color:#fff; font-size:14px; /*padding:10px 0; margin-bottom:1.75rem;*/ clear:both;
               /* background-image:url("/sebin/z/n/footer-shield.png"); background-repeat: no-repeat; background-position: bottom right;*/}

    #footer { background-color:#002050; color:#fff; font-size:14px; padding:10px 0; margin-bottom:1.75rem; clear:both;
        background-image:url("/sebin/z/n/footer-shield.png"); background-repeat: no-repeat; background-position: bottom right;}
            
    #footer-content { max-width:1200px; margin:0 auto;  justify-content: center; /*display: flex; flex-flow: row wrap;*/ padding-bottom:30px; }
    
    .box { display: flex; flex-wrap: wrap; text-align:center; padding:0 1.75rem; }
    .box > div { margin:30px; }
    .box>* { flex: 1 1 160px;}

        .box a:link, .box a:visited { text-decoration:none; color:#fff; }
        .box a:hover, .box a:active { text-decoration:underline; }

        .box .heading {text-transform: uppercase; color:#9ac4ef; margin-bottom:-8px; margin-top: 8px; font-weight: bold; }
        
    .footer-button { background-color:#002c65; border:1px solid #ff9e1b; padding:10px; text-align: center; /*width:80%;*/ }
        .footer-button:hover { transition: background-color 0.5s ease; background-color:#003b87; }
        .footer-button a:hover { text-decoration: none; }

        .social { font-size:12px; height:60px; }
            .social:first-child { margin-top:10px; }

        .social-icon { /*float:left;*/ width:40%; margin:0 auto;  }
            .social-icon img { clear:both; padding:10px; border:0; }

        /*.social-link { float:left; width:60%; }
        .social p { float:left; margin-bottom:30px; width: 80%; }*/

        .address { line-height:24px; }

        .copyright { font-size:12px; text-align: center; margin:0 auto; padding:10px; }
            .copyright a:link, .copyright a:visited { text-decoration:underline; color:#fff; }
            .copyright a:hover, .copyright a:active { text-decoration:none; color:#9ac4ef; }    


    @media (max-width:553px) {
        .box > div { text-align:center; }
        .footer-button { width:auto; }
    }
        
        
    @media (max-width:551px) { 
              
        .box > div { margin: 30px 0; }
              
        .social { clear: left; width:80%; margin:0 auto; }
              .social p { width:100%;  }
        
              .social-icon { width:100%; /*float:none;*/ }
              .social-icon img { /*float:none;*/ padding:0; }
        
              /*.social-link { width:100%; }*/
    }
             
        
    @media (min-width:552px) and (max-width:624px) {
        .social { clear:left; }
        .social-icon { width:25%; }
        
        /*.social-link { width:65%; text-align:left; padding-left:5%;  }
        .social-link p { width:100%; margin-left:20%;  }*/
    }     
        
        
    @media (min-width:625px) and (max-width:771px) {
        .social { clear:left; }
        .social-icon { width:25%; }
        .social:first-child { margin-top:0px; }
        
        /*.social-link { width:65%; text-align:left; padding-left:5%;  }
        .social-link p { width:100%; margin-left:10%;  }*/
    }
        
        
    @media (min-width:772px) and (max-width:991px) {
        .social { clear:left; width:320px; }
        .social-icon { width:20%; }
        
        /*.social-link { width:75%; text-align:left; }
        .social-link p {padding-left:5%; }*/
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*    S U B P A G E   S T Y L E S   S T A R T   H E R E    */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* Subpage Hero Styles */
    #subpage-hero { clear:both; }
        #subpage-hero img { width:100%; background-size: contain;  margin-bottom:-5px; }

/*    #subpage-hero-bio { clear:both; }
        #subpage-hero-bio img { width:100%; background-size: contain;  margin-bottom:-5px; }*/

    .subpage-hero-wrapper { width:750px; margin:0 auto; position: relative; }
        .subpage-hero-bio-wrapper /* for scholar bio pages */ { width:1200px; margin:0 auto; position: relative; }
    

    @media (min-width:320px) and (max-width:480px) {
        
        .subpage-hero-wrapper,
        .subpage-hero-bio-wrapper  { 
            width:100%; }
    }

      @media (max-width:481px) {
        /*#subpage-hero img {display:none; }*/
    }

    @media (min-width:481px) and (max-width:768px) {
        
        .subpage-hero-wrapper,
        .subpage-hero-bio-wrapper  {
            width:100%; }
    }

    @media (min-width:769px) and (max-width:1300px) {
        .subpage-hero-bio-wrapper { width:100%; }
    }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Site info / breadcrumb trail */

    #site-info { min-height:40px; width:100%; background-color:#002d72;  }

    #site-info-content { max-width: 750px; margin: 0 auto;  background-color:#002d72; color:#fff; padding:12px 10px 10px 10px; }
        #site-info-content-bio { max-width: 1200px; margin: 0 auto;  background-color:#002d72; padding:12px 10px 10px 10px; }

    #site-info p, #site-info span
        #site-info-subpage p, #site-info-subpage span { color:#fff; font-size:12px; margin:0; /*padding:10px;*/ padding:10px 10px 10px 0; }

    #site-info a:link, #site-info a:visited,
    #site-info-subpage a:link, #site-info-subpage a:visited {
        color:#fff; text-decoration: underline; }

    #site-info a:hover, #site-info a:active,
    #site-info-subpage a:hover, #site-info-subpage a:active {
        color:#A5C9FF; text-decoration: none; }

    #site-info-subpage { min-height:40px; width:100%; background-color:#002d72; clear:both; }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Page content Styles */
    #page { width:980px; margin:0 auto; } 
        #page h1 { font-family: Arnhem, serif; font-size:42px; color:#31261D; line-height:120%; }
        #page h2 { color:#002d72; }

    #page-content { width:750px; margin: 0 auto; padding:30px 0 60px 0; }
            #page-bio #page-content { float:left; }
        a:link, a:visited { text-decoration: underline; color:#0072ce; }
      #page-content  a:visited { text-decoration: underline; color:#a15a95; }
        a:hover, a:active { text-decoration: none; color:#002d72; }

    .banner { width:100%; background-size: contain; }

    #page-content hr { border-bottom: 1px solid #e3d8d0; clear: both; padding-top: 30px; height: 1px; border-top: none; border-right: none; border-left: none; }
#page-content p { line-height:180%;}
#page-content ul { line-height: 180%; }

    @media (max-width:479px) {
        #page { width:100%; }
        #page-content { width:100%; float:left; padding: 10px 0 40px 0; }
        #page h1 { font-size:1.75rem; }
    }


    @media (min-width:480px) and (max-width:567px) {
        #page { width:100%; }
        #page-content { width:100%; float:none; padding:30px 0 0 0; max-width: 750px;  }
        #page h1 { font-size:1.75rem; }
    }


    @media (min-width:568px) and (max-width:1024px) {
        #page { width:100%; }
        #page-content { width:100%; float:none; padding:30px 0 0 0; max-width: 750px; }
        #page h1 { font-size:1.75rem; }
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Sidebar Styles */

    .sidebar { background-color: #f0eae5; float:right; width:270px;  margin: 135px 0 30px 30px; padding-bottom:10px; }
    .sidebar .title { font-size:16px; font-weight:bold; }
    .sidebar p { padding:0 10px; font-size:14px; }
    .sidebar p a { padding-left: 25px; }
            .sidebar-no-padding-link { padding-left: 0px !important; }

        .sidebar a:link, .sidebar a:visited { text-decoration: underline; color: #002d72; }
        .sidebar a:hover, .sidebar a:active { text-decoration: none; color: #0072ce; }

        .social-badges-wrapper { width: 100%; margin: 0 auto; float: left; }
            .social-badges { text-align: center; float:left; margin:0 auto; width:50%; }
                .social-badges img { border:0; }
            .sidebar hr { border: 1px solid #e3d8d0; width:92%; margin:10px; }


    @media (max-width:374px) {
        .sidebar { width:100%; float:left; padding-bottom:15px; margin:30px 0 15px 0; }
    }

    @media (min-width:375px) and (max-width:508px) {
        .sidebar { width:100%; float:left; /*padding-bottom:15px;*/ margin:30px 0; }
        .social-badges-wrapper { width:80%; float:none; }
    }

    @media (min-width:509px) and (max-width:1024px) {
        .sidebar { margin-top:80px;}
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Callout Styles */

    .callout { background-color: #f0eae5; float:right; width:40%;  margin: 10px -115px 30px 30px; padding:10px; }
    .callout .title { font-size:16px; font-weight:bold; }
    .callout p { padding:0 10px; font-size:14px; line-height: 140% !important;  }
    .callout ul { list-style: none; }
        .callout a:link, .callout a:visited { text-decoration: underline; color: #002d72; font-size:14px; }
        .callout a:hover, .callout a:active { text-decoration: none; color: #0072ce; }

            .callout hr { border: 1px solid #e3d8d0; width:92%; margin:10px; }

        #archiveList ul { /* For newsroom page */
            list-style: none; margin-left:-30px; }
        #archiveList ul li { line-height: 120%;  margin-bottom: 5px; }

    @media (max-width:374px) {
        .callout { width:75%; float:none; margin: 30px auto 30px auto; }
    }

    @media (min-width:375px) and (max-width:508px) {
        .callout { width:75%; float:none; margin-top:30px; }
        
    }

   @media (min-width:509px) and (max-width:1024px) {
        .callout { margin:10px 0 30px 30px;}
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* SiteExecutive navigation styles */

    .divnav1 ul { list-style: none; padding-left: 25px; }
    .divnav1 ul li  { padding-bottom:10px; font-size:14px; }

    .navitemLast.activenavpath .navitemFirst { padding-top: 12px; }
    .navitem2.activenavpath .navitemFirst { padding-top: 12px; }

    .activenavpage { font-weight:bold ; }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* works best for one row due to margin-bottom padding on col container */
    .page-content-cols { /*margin-bottom:60px;*/ display: flex; flex-wrap: nowrap; }

    /* Two columns */
    .left-col {  width: 50%; margin-right: 20px; }
    .right-col {  width: 50%; margin-left: 20px; }
       .page-content-cols h3 { margin-top: 0; }

    /* Three columns */
    .first-col,
    .second-col,
    .third-col {
        width:33%; /*margin:10px; */ }


    @media (max-width:568px) {
        .page-content-cols { display:block; margin:0 auto; }
        
        .left-col { width:100%; margin:0; padding:10px 0 0 0;  }
        .right-col { width:100%; margin:0; padding:30px 0 0 0; }
        
        .first-col,
        .second-col,
        .third-col { width:100%; text-align:center;}
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Button, Button Page Content - subpage styles, white button with orange border */

    .button-page-content { background-color:#fff; border:1px solid #ff9e1b; padding:10px; text-align: center; width:90%; margin:0 auto; }
        .button-page-content a:link, .button-page-content a { text-decoration: none; color:#00569b /*#0072ce*/; }
        .button-page-content a:visited { text-decoration: none; color:#00569b /*#0072ce*/ !important; }
        .button-page-content a:hover { color:#002d72 !important; }

    @media (max-width:667px) {
        .button-page-content/*, .page-content-cols-blue*/ { font-size: 90%; width: 80%; margin: 0 auto; }
    }

    @media (min-width:668px) and (max-width:895px) {
        .button-page-content { margin:0 auto; }
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Button - blue button styles on sbpages */

     .button-blue { background-color:#002d72; padding:15px 10px; text-align: center; width:40%; margin:0 auto; }
        .button-blue a:link, .button a { text-decoration: none; color:#fff; }
            .button-blue a { color:#fff !important; }
        .button-blue:hover { transition: background-color 0.5s ease; background-color:#0072ce;  }

    @media (max-width:735px) {  
        .button-blue { width:80%;  }
    }


  .button-blue-light { background-color:#0072ce; padding:15px 10px; text-align: center; width:40%; margin:0 auto; }
        .button-blue-light a:link, .button a { text-decoration: none; color:#fff; }
            .button-blue-light a { color:#fff !important; }
        .button-blue-light:hover { transition: background-color 0.5s ease; background-color:#002d72;  }

    @media (max-width:735px) {  
        .button-blue-light { width:80%;  }
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Funders - Blue button styles */

    .first-col .button-blue-funders,
    .second-col .button-blue-funders,
    .third-col .button-blue-funders { width:90%; /*min-height:70px;*/ /*height:70px; display: table-cell; vertical-align: middle;*/ }


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Funder logos / images */

        .flex-container {
          padding: 0;
          margin: 0;
          list-style: none;
          display: -webkit-box;
          display: -moz-box;
            -ms-flex-wrap: wrap;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-flow: row wrap;
          justify-content: space-around;
          
        }

        .flex-item {
          padding: 5px;
          width: 200px;
          /*height: 150px;*/
          margin-top: 10px;
          /*line-height: 150px;
          color: white;
          font-weight: bold;
          font-size: 3em;*/
          text-align: center;
             
        }

    .flex-item img { border:0; }

    
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Flex wrap - Our Team Styles */

    .row-container { 
        display: flex; flex-wrap: wrap; margin:0 auto; justify-content: center; 
        display: -webkit-flex; /* Safari */ -webkit-flex-wrap: wrap; /* Safari 6.1+ */ }

    .row-container > div { 
        margin: 10px; text-align: center; /*line-height:75px;*/}

.row-container > div:last-child { margin-bottom:60px;  }

    .row-container img { 
        width:100%; max-width:350px; background-size: contain; }

    /*h3.name { line-height:14px; margin:0; }*/
    .row-container > div h3 { /*line-height:24px;*/ margin:0; padding-top:10px;  }
    .row-container > div p { /*line-height:24px;*/ padding-bottom:12px;  }

    @media (max-width:480px) {
        .row-container > div {/* line-height:45px;*/}
        .row-container > div p { line-height: 24px; margin: 0; padding-top: 10px; }
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Three column Styles - Our Team Styles, used on Our Team page for Support staff listings */

    .three-cols { display: flex; flex-wrap: wrap; margin:0 auto; justify-content: center; max-width:1200px; }
        .three-cols > div { margin:10px; }
        .col-one, .col-two, .col-three { width:30%; }

    @media (max-width:768px) {
        .three-cols { max-width:none;}
        .col-one, .col-two, .col-three { width:100%; }
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Page content Styles for Bio pages */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Bio name block on SCHOLAR Bio page  */

    #subpage-hero-bio { clear:both; }
        #subpage-hero-bio img { width:100%; background-size: contain;  margin-bottom:-5px; }

    .bio-name-block { width:45%; position:absolute; z-index:150; color:#fff; padding-top:60px;}
        .bio-name-block a:link, .bio-name-block a:visited { color:#fff; text-decoration: underline; }
        .bio-name-block a:hover, .bio-name-block a:active { color:#9ac4ef;  }

    .name-block-title { font-family:Arnhem, serif; font-size:21px; }
        .name-block-title span { font-size:50%; font-weight:normal; }

    .name-block-contact { padding:10px 0; }
        .name-block-contact-info { float:left; margin-top:2%; }

    .name-block-hr { opacity: 0.5; }

    .expertise { clear:both; padding-top:10px;  }
        .expertise p { padding-top:10px; }

    .bullet { color:#9ac4ef;}

    .bio-image { display:none; }

    .bio-line { display: none; }

/* Microsoft Edge Browser 12+ (All) - @supports method */


   @media (max-width:360px) {
       
       #subpage-hero-bio img { display:none; }
       
       .subpage-hero-bio-wrapper { width:100%; }
       
       .bio-name-block { width:100%; padding:0; color:#31261D; float:left; position: relative; }
            .bio-name-block a:link, .bio-name-block a:visited { color:#0072ce; text-decoration: underline; }
            .bio-name-block a:hover, .bio-name-block a:active { color:#002d72;  }
       
       .name-block-title { font-size:.85rem; }
       .name-block-title span { font-size:60%; line-height:100%; }
        
       .name-block-contact, .expertise { padding:0; font-size:14px; } 
       
       .name-block-contact-info { width:100%; margin-top:-10px; }

       
        .bullet { color:#002d72;}
       
       .bio-image { display:inline; width:100%; float:right; margin:0; padding-bottom:10px; }
            .bio-image img {  max-width:100%; height: auto !important; }
       
        /*.name-block-hr { display:none; }*/
        /*.bio-line { display:block; border-bottom: 1px solid #e3d8d0; clear: both; padding-top: 30px; height: 1px; border-top: none; border-right: none; border-left: none; }*/
       
       #page-bio { float:left; }
        #page-content-bio { padding-top:0; } 
    }


 @media (min-width:361px) and (max-width:699px) {
     
        #subpage-hero-bio img { display:none; }
     
        .subpage-hero-bio-wrapper { width:100%; }
       
        .bio-name-block { width:100%; padding:0; color:#31261D; float:left; position: relative; }
            .bio-name-block a:link, .bio-name-block a:visited { color:#0072ce; text-decoration: underline; }
            .bio-name-block a:hover, .bio-name-block a:active { color:#002d72;  }
     
       .name-block-title { font-size:.85rem; }
       .name-block-title span { font-size:70%; line-height:100%; }
        
        .name-block-contact, .expertise { padding:0; font-size:14px; } 
     
       .name-block-contact-info { width:50%; margin-top:-10px; }

     
      .bullet { color:#002d72;}
     
      .bio-image { display:inline; width:100%; float:right; margin:0; padding-bottom:10px; }
            .bio-image img { max-width:100%; height: auto !important; }
       
        /*.name-block-hr { display:none; }*/
        /*.bio-line { display:block; border-bottom: 1px solid #e3d8d0; clear: both; padding-top: 30px; height: 1px; border-top: none; border-right: none; border-left: none; }*/

        #page-bio { float:left; }
        #page-content-bio { padding-top:0; } 
}


    @media (min-width:700px) and (max-width:949px) {
        
        #subpage-hero-bio { clear: both; }
        #subpage-hero-bio img { display:none; }
        
        .bio-name-block { color:#31261D; }
        .bio-name-block { width:50%; padding:0; }
            .bio-name-block a:link, .bio-name-block a:visited { color:#0072ce; text-decoration: underline; }
            .bio-name-block a:hover, .bio-name-block a:active { color:#002d72;  }
        
        .name-block-title { font-size:.95rem; }
        .name-block-title span { font-size:16px; }

        
        .name-block-contact { font-size:14px; padding:0; }
        
        .expertise { font-size:14px; padding-top:10px; }
        .expertise p { padding-top:0; }
         .bullet { color:#002d72;}
        
        .bio-image { display:inline; width:45%; float:right; margin:20px 0 10px 0; min-height:310px; }
            .bio-image img { max-width:100%; height: auto !important; }
        
        /*.name-block-hr { display:none; }*/
        /*.bio-line { display:block; border-bottom: 1px solid #e3d8d0; clear: both; padding-top: 30px; height: 1px; border-top: none; border-right: none; border-left: none; }*/
        
        #page-bio { float:left; }
        #page-content-bio { padding-top:0; } 
        
    }


    @media (min-width:950px) and (max-width:1054px) {
        
        .bio-name-block { width:45%; padding:15px 0 0 10px; }
        
        .name-block-title { font-size:.75rem; }
        .name-block-title span { font-size:75%; }
        
        .name-block-contact, .expertise { font-size:14px;  }
    }


    @media (min-width:1055px) and (max-width:1300px) {
        
        .bio-name-block { width:45%; padding:15px 0 0 1.75rem; }
        
        .name-block-title { font-size:.9rem; }
        .name-block-title span { font-size:60%; }
        
        .expertise { font-size:.9rem; }
		.name-block-contact-info {font-size:.9rem; }
    }

    @media (min-width:1301px) and (max-width:1536px) {
        .bio-name-block { padding-top:1.75rem; }
        .name-block-title h1 { margin-bottom: 5px; }
        }


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Page Bio, Scholar  */

    #page-bio { width:1200px; margin:0 auto; } 
        #page-bio h1 { font-family: Arnhem, serif; font-size:42px; color:#31261D; }
        #page-bio h2 { color:#002d72; }

    #page-content-bio { margin: 0 auto; padding:30px 0 60px 0; max-width:750px; float:left; }
        a:link { text-decoration: underline; color:#00569b /*#0072ce*/; }
a:visited { text-decoration: underline; color:#a15a95; }
        a:hover, a:active { text-decoration: none; color:#002d72; }


    @media (max-width:480px) {
         #page-content-bio { float:left; padding:0 0 60px 0; }
    }

        
    @media  (max-width:667px) {
        #page-bio { width:100%;  } 
    }

     @media (min-width:668px) and (max-width:895px) {
        #page-bio { width:100%;  } 
        /*#page-content-bio { float:none; }*/
    }

    @media (min-width:896px) and (max-width:1270px) {
        #page-bio { width:100%;  } 
        #page-content-bio { max-width:none; width:65%; }
        #page-bio #page-content { width:65%;}
    }
      

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Side bars on Scholar Bio pages  */

    .sidebar-bio { background-color: #f0eae5; float:right; width:30%;  margin: 125px 0 30px 30px; padding:10px 25px 25px 25px; font-size:14px; }
        .sidebar-bio .title { font-size:16px; font-weight:bold; }
        .sidebar-bio hr { border: 1px solid #e3d8d0; width:98%; }
            .sidebar-bio a:link { color:#002d72; font-weight:normal; }
            .sidebar-bio a:visited { color:#a15a95;}
            .sidebar-bio a:hover, .sidebar-bio a:active { color:#0072ce; font-weight:normal; }

    .sidebar-bio .button-page-content a:link, .sidebar-bio .button-page-content a:visited { color:#00569b /*#0072ce*/; }
    .sidebar-bio .button-page-content a:hover, .sidebar-bio .button-page-content a:active { color:#002d72;}

    .sidebar .leader img { width: 70%;}

    .content_list ul {  margin: 0; padding: 0; list-style: none; }
    .content_list li { margin-bottom: 15px; }
    .item p { margin: 0 0 3px 0/*5px 0 3px 0*/; padding: 0px; line-height:150% !important } /* Remove after adding SE styles, update SE styles */
    .item .desc { /*margin-bottom:15px; font-size:14px;*/ }


 .sidebar-bio .item .desc { margin-bottom:15px; font-size:14px; }


@media (max-width:508px) {
    .sidebar .leader img { width: 50%;}
    .row.title { padding: 0 25px; } 
    .content_list li { padding: 0 25px;} 
    .content_list .item ul li p { padding:0 0; }
}

    @media (max-width:667px) { 
        .sidebar-bio { width:100%; float:none; margin: 0 auto 60px auto;  padding:25px 0; clear:both; }
        .sidebar-bio p { padding:0 25px; }
        .row.title { padding: 0 25px; } 
        .content_list li { padding: 0 25px;}
        .content_list .item ul li p { padding:0 0; }
        
    }

    @media (min-width:668px) and (max-width:895px) {
        .sidebar-bio { width:100%; /*max-width:550px;*/ float:none; margin: 0 auto 60px auto;  padding:25px 0; clear:both; }
        .sidebar-bio p { padding:0 25px; }
        .row.title { padding: 0 25px; } 
        .content_list li { padding: 0 25px;} 
        .content_list .item ul li p { padding:0 0; }
    }

    @media (min-width:896px) and (max-width:1270px) {
        .sidebar-bio { width:25%; }
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Bio name block on STAFF Bio page  */

    #subpage-hero-staff  { clear: both; }
        #subpage-hero-staff img { width: 100%; background-size: contain; margin-bottom: -5px; }

    .bio-name-block-staff { width:65%; position:absolute; z-index:150; color:#fff; padding-top:60px;}
        .bio-name-block-staff a:link, .bio-name-block-staff a:visited { color:#fff; text-decoration: underline; }
        .bio-name-block-staff a:hover, .bio-name-block-staff a:active { color:#9ac4ef;  }
        
/*    .bio-name-block-staff .name-block-contact-social { margin-top:9%; }*/
        
    .bio-image-staff { display:none; }
        
        
	@media (max-width:360px) {
        #subpage-hero-staff .subpage-hero-wrapper { width:100%; }
            #subpage-hero-staff img { display:none; }
        
        .bio-name-block-staff { width:100%; padding:0; color:#31261D; float:left; position: relative; }
		    .bio-name-block-staff a:link, .bio-name-block-staff a:visited { color:#0072ce; text-decoration: underline; }
		    .bio-name-block-staff a:hover, .bio-name-block-staff a:active { color:#002d72;  }
        
        .bio-name-block-staff .name-block-contact-info { width: 75%; }
        /*.bio-name-block-staff .name-block-contact-social { width: 20%; margin-top:5%; display:inline !important; }*/
        
        .name-block-hr { display:block; border-bottom: 1px solid #e3d8d0; clear: both; height: 1px; border-top: none; border-right: none; border-left: none; opacity:0.7; }

        .bio-image-staff { display:inline; width:100%; float:right; margin:0; padding-bottom:10px; }
            .bio-image-staff img {  max-width:100%; height: auto !important; }
		
	}
            

   @media (min-width:361px) and (max-width:699px) {  
       #subpage-hero-staff .subpage-hero-wrapper { width:100%; }
           #subpage-hero-staff img { display:none; }

        .bio-name-block-staff { width:100%; padding:0; color:#31261D; float:left; position: relative; }
        .bio-name-block-staff a:link, .bio-name-block-staff a:visited { color:#0072ce; text-decoration: underline; }
        .bio-name-block-staff a:hover, .bio-name-block-staff a:active { color:#002d72;  }     
       
       .bio-name-block-staff .name-block-contact-info { width: 65%; }
       /*.bio-name-block-staff .name-block-contact-social { width:35%; margin-top: 3%; text-align:right; }
           .bio-name-block-staff .name-block-contact-social img { width:45px !important; }*/
       
        .name-block-hr { display:block; border-bottom: 1px solid #e3d8d0; clear: both; height: 1px; border-top: none; border-right: none; border-left: none; opacity:0.7;  }
       
       .bio-image-staff { display:inline; width:100%; float:right; margin:0; }
            .bio-image-staff img { max-width:100%; height: auto !important; padding-bottom:10px; }

    }
    
	@media (min-width:700px) and (max-width:896px) {
        
        #subpage-hero-staff .subpage-hero-wrapper { width:100%; }
            #subpage-hero-staff img { display:none; }
        
        .bio-name-block-staff { width:45%; padding:10px 0 0 10px; color:#31261D; }
            .bio-name-block-staff a:link, .bio-name-block-staff a:visited { color:#0072ce; text-decoration: underline; }
            .bio-name-block-staff a:hover, .bio-name-block-staff a:active { color:#002d72;  }
        
        /*.bio-name-block-staff .name-block-contact-social { margin-top:7%; }
            .bio-name-block-staff .name-block-contact-social img { width:45px !important; }*/
            
        /*.bio-name-block-staff .name-block-hr { display:none; }*/
        .name-block-hr { display:block; border-bottom: 1px solid #e3d8d0; clear: both; height: 1px; border-top: none; border-right: none; border-left: none; opacity:0.7;  }

        .bio-image-staff { display:inline; width:50%; float:right; margin:20px 0 10px 0; }
            .bio-image-staff img { max-width:100%; height: auto !important; }
	}


    @media (min-width:897px) and (max-width:1300px) {
        
        .bio-name-block-staff { width:45%; padding:15px 0 0 10px; }
        
        .bio-name-block-staff .name-block-hr { display:block; }
         .name-block-hr { display:block; border-bottom: 1px solid #e3d8d0; clear: both; height: 1px; border-top: none; border-right: none; border-left: none; opacity:0.7;  }
        
        /*.bio-name-block-staff .social-smallscreen { display:none;}
        .bio-name-block-staff .name-block-contact-social { margin-top:9%; display: inline; }
        
        .bio-name-block-staff .name-block-contact-social img { width:35px !important; }*/
	}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Focus Area Icons - Subpage styles -- icons float on left, text sits on left */
    .focus-area { clear:left; }
        .focus-area:last-child { padding-bottom:30px; }

    .icon-focus-area { float:left; margin: 0 1.75rem 1.75rem 0; }
        .icon-focus-area img { max-width:100%; height: auto !important; border:0; }

    .copy-focus-area { float: left; width: 80%; margin-bottom:30px; }
    

    @media (max-width:374px) {
        .focus-area { padding-bottom:30px; }
             .focus-area:first-child { padding-top:30px; }
        
        .icon-focus-area { margin:0 auto; float:none; }
       
        .copy-focus-area { width:100%; margin-bottom:45px; }
    }


    @media (min-width:375px) and (max-width:499px) {
        .focus-area { padding-bottom:30px; }
        
        .icon-focus-area { margin:0 1.75rem 0 0; }
        .focus-area p { clear:left; /*padding-bottom:30px;*/ }
        
        .focus-area h2 { clear:left; }
        .icon-focus-area img { padding-bottom:10px; }
        
        .copy-focus-area { width:100%; margin-bottom:45px; }
    }


 @media (min-width:500px) and (max-width:575px) {
     .copy-focus-area { width:70%; }
}


    @media (min-width:576px) and (max-width:780px) {
        .focus-area { padding-bottom:30px; }
        
       .icon-focus-area { margin:0 1.75rem 1.75rem 0; }
        
        .copy-focus-area { float: left; width: 75%;}
    }

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


.label {
	font-weight : 600;
}


/* image float and table float */
@media all and (min-width:300px) and (max-width:479px) {
	.image_float {
        float:none !important; margin: auto; display:block; padding-bottom:5px;
    }
    
    	.table_float { float:none; margin: auto; padding-top:5px; }
        .table_float td { text-align: center; }
		.table_float img { width: 200px !important;  float: none !important; }
    
    .caption {
        font-size: .80rem; }
    
}

@media all and (min-width:480px) {
	.image_float {
        float:right;
    }
    
    	.table_float { float:right; padding:10px; width:240px; }
        .table_float td { text-align: center; }
		.table_float img { width: 200px!important; }
    
    .caption {
        font-size: .80rem; }
}


@media all and (min-width:768px) {
    .floating_images {
		overflow:hidden;
	}
	
	.floating_images > div {
		float:left;
		width:48%;
		margin-left:4%;
	}
	
	.floating_images > div:first-child {
		margin-left:0;
	}
}