html {
    font-family: Calibri;
}

/* ============================== */
/*          Header Styling        */
/* ============================== */

.logo {
    
}

#topNav {
    display:inline-block;
    list-style:none;
    float:right;
    margin-top:5px;
}

#topNav li {
float:left;
padding:0 15px;
padding-bottom:5px;
/*margin-bottom:25px;*/
position:relative;
}

    #topNav li:last-child {
        padding-right:0;
    }

    #topNav li:after {
         content: url('/masterpages/img/arrowDown.png');
         margin-left: 5px;
    }

    #topNav li a {
        color:black;
        font-size:1.3em;
        text-decoration:none;
    }

#topNav ul {
    margin-top:18px;
    background: white;
    border-radius: 0 0px 0px 0px;
    border-width: 0 1px 1px;
    padding: 10px 0;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 2;

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);


    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
}

#topNav li:hover ul {
    left: -5px;
    top: 20px;
    width: 210px;
    
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);


}

 
    #topNav ul {
        list-style:none;
    }

        #topNav ul li {
        padding: 5px 0 0 15px;
        width:100%;
        margin-bottom:0;
        }

            #topNav ul li:last-child {
                padding-bottom:5px;
            }

       #topNav ul li:after {
        content:none;
        margin:0;
    }

        #topNav ul li a {
            font-size:1em;
        }

        #topNav ul li a:hover {
    color:#6b97c0;
}

#topSubNav {
    list-style:none;
    float:right;
}

    #topSubNav li {
        float:left;
        border-left:1px solid #5b9bd5;
        padding:0 7px;
        line-height:1.1em;
    }

        #topSubNav li:last-child {
            border-right:1px solid #5b9bd5;
        }

        #topSubNav li a {
            color: #515151;
            font-size: .9em;
            text-transform: uppercase;
            text-decoration: none;
        }

            #topSubNav li a:hover {
                /*text-decoration:underline;*/
            }

a.breadcrumbsLink {
    text-decoration:none;
}

a.breadcrumbsLink:hover, a.breadcrumbsLink:hover > h1 {
    text-decoration:underline;
    color:white!important;
}
/* ============================== */
/*          TopBar Styling        */
/* ============================== */

.contain-to-grid {
    padding-top:20px;
    padding-bottom:20px; 
    background: white;
    z-index: 1;
}

.featuredStory {
    margin-bottom: 100px;
}

.top-bar {
    background: white;
    height: 81px;
    padding: 0px;
}
.top-bar ul {
    background:white; 
}

@media only screen and (min-width: 58.75em) {
    .top-bar {
    background:white;
    }
}

.fixed .top-bar {
    margin-bottom:0;
    height:88px;
    background-color: rgb(230,230,230);
}

.fixed #topNav {
margin-top:20px;
}

.fixed {
background-color: rgb(230,230,230);
}

    .fixed .top-bar .large-7 {
    margin-top:18px;
    }

@media screen and (max-width: 846px) {
    .sticky, .top-bar, .fixed .top-bar {
        height:130px;
    }
    .featuredStory {
        margin-bottom:20px; 
    }
    #topSubNav {
        display: none;
    }
    #topNav li{
        margin-bottom:0;
    }
        #topNav li:after {
            content:none;
        }
        #topNav ul {
            display:none;
        }
    .logo {
    margin-bottom:5px;
    margin-top:5px;
    }

}

@media screen and (max-width: 500px) {
    .pageHeader h1 {
        padding-left:15px!important;
        width:70%!important;
    }
}

/*@media screen and (min-width: 351px) and (max-width: 445px) {
    .fixed .top-bar {
        height:140px;
    }
}

@media screen and (max-width: 350px) {
    .fixed .top-bar {
        height:200px;
    }
}*/

/* ============================== */
/*      Mobile Menu Styling       */
/* ============================== */
.rmm.sapphire .rmm-button {
    width:inherit!important;
}

.rmm.sapphire {
    margin-top:10px!important;
}



/* ============================== */
/*          Body Styling          */
/* ============================== */
body {
    font-family: Calibri;
    line-height: normal; 
}

.row {
    max-width: 65em; 
}

a {
    color:#085296;
    text-decoration:underline; 
}

a:hover {
    /*color:#085296;*/
    color:#6b97c0!important;
}

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

h1 {
    color: #575046;
    font-family: Calibri;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 0px;
}

h2 {
    color: #6797c8;
    font-family: Calibri;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0px;
}

h3 {
    color: #4c5222;
    font-family:Calibri; 
    font-size:1.17em; 
    font-weight:bold; 
    margin-bottom:0px; 
}

p {
line-height:normal; 
}

    p.abstract {
        color: #2f5982;
        font-weight: bold;
        font-style: italic;
    }

ol {
    margin-left:30px;
}

hr {
    border:0;
    border-bottom:1px solid #575046;
    margin-left:0px; 
}

.mainUpcomingEventsBox {
    background-color: #355a7c;
    width: 237px;
    height: 100%;
    min-height: 250px;
    border: 1px solid #c0c0c0;
    padding-top: 50px;
    padding-left: 25px;
}

    .mainUpcomingEventsBox h1 {
    color:white;
    font-size:2rem;
    font-weight:normal;
    text-transform:uppercase;
    margin-bottom:60px;
    }

    .mainUpcomingEventsBox a {
    color:white!important;
    text-decoration:none;
    font-size:1.2em;
    }

        .mainUpcomingEventsBox a:hover {
            text-decoration:underline;
        }

.mainUpcomingEvents .columns {
    border-right:1px solid #c0c0c0;
    border-top:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
    min-height:250px;
    /*padding:0 1em!important;*/
}

    /*.mainUpcomingEvents .columns:first-of-type {
        padding-left:1.5em!important;
    }*/

.mainUpcomingEvents img{
    /*width:162px;*/
    margin-bottom:5px;
    max-height:91px;
}

.mainUpcomingEvents a.eventTitle {
    color:black;
    text-decoration:none;
}

    .mainUpcomingEvents a.eventTitle:hover {
        /*text-decoration: underline;*/
    }

#upcomingEventsRow { 
    position:relative;
}

.mainUpcomingEvents p.eventDateTime {
    position: absolute;
    bottom: 0;
    color: #515151;
    font-size: .8em;
}

.homePageBlocksRow .callOutBox {
    padding:5px;
    border:3px solid #d9d9d9;
    border-top:0;
    min-height:323px;
    position:relative;

}

.homePageBlocksRow.Programs .callOutBox {
    min-height:0px;
}

.homePageBlocksRow .callOutBox::before {
        border-top:5px solid #599bd8;
        /*width:367px;*/
        position:absolute;
        content:'';
        left:-3px;
        top:0;
        width:calc(100% + 6px);
}

.homePageBlocksRow .callOutBox h5 {
    font-family: Calibri;
    font-size: 0.83em;
    font-weight: bold;
    color: #515151;
    margin-top: 10px;
    margin-bottom: 5px;
}

    .homePageBlocksRow .callOutBox a {
        font-size:1.5em;
        font-weight:bold;
        text-decoration:none;
        color:black;
    }

.homePageBlocksRow .callOutBox p {
    color: #515151;
    font-size: .9em;
    margin-bottom: 20px;
} 
    

    .homePageBlocksRow .callOutBox img {
        max-width:200px;
        margin:20px 0;
    }

.sideBar .callOutBox {
    padding:5px;
    border:3px solid #d9d9d9;
    border-top:0;
    text-align:center;
    margin-bottom:20px;
    position:relative;
}

    .sideBar .callOutBox::before {
        border-top:5px solid #599bd8;
        /*width:230px;*/
        position:absolute;
        content:'';
        left:-3px;
        top:0;
        width:calc(100% + 6px);
    }

    .sideBar .callOutBox h4, #ctl00_full_Width_Top_koreaTimesRSS_pnlRSS h4 {
        font-family: Calibri;
        text-transform: uppercase;
        margin: 5px 0;
        text-align: center;
        margin-bottom: 10px;
        font-size: medium;
        font-weight: bold;
    }
    

    .sideBar .callOutBox table {
        width:100%;
        margin-bottom:0px; 
    }

        .sideBar .callOutBox table #ctl00_full_Width_Top_newsletter_SelectionTr {
            display:none;
        }

        .sideBar .callOutBox table tbody tr td.formcell span#ctl00_full_Width_Top_newsletter_EmailValueValidator {
            display:none;
        }

        .sideBar .callOutBox table tbody tr td #ctl00_full_Width_Top_newsletter_submitButtonNewsletter {
            margin-top:5px;
        }
    .sideBar .callOutBox a {
        text-decoration:underline;
    }

.sideBar .formcell {
    background-color:white;
}

    .sideBar .rssFeedBox {
        padding: 5px;
        border: 3px solid #d9d9d9;
    }

        .sideBar .rssFeedBox a {
            font-size: 1em;
            font-weight: bold;
            text-decoration: none;
            color: black;
        }

.sideBar.leftAlign .callOutBox{
    text-align:left;
}

.pageHeader {
    border-bottom:3px solid #575046;
    margin-bottom:40px;
}

    .pageHeader h1 {
        background-color:#575046;
        color:white;
        width:50%;
        padding:5px 0 0 40px;
        margin-bottom:0px;
        font-size:2em;
        font-weight:bold; 
    }

img.listPhoto {
box-shadow: 8px 10px 15px #7b7b79;
float:left;
margin-right:30px;
width:225px;
}

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

.listText p {
    color: #515151;
    font-size: .9em;
}

ul.calendarListQuarters {
    list-style: none;
    text-align: left;
    margin-left: 10px;
    margin-bottom:10px;
}

    ul.calendarListQuarters li {
            line-height: 1.2em;   
    }

        ul.calendarListQuarters li a {
            color: #595753;
            text-decoration: none;
            font-weight: bold;
        }

h3.dateEvents {
    margin-bottom:20px;
    display:none; 
}

table.calendarTableStyle {
    font-size:14px!important;
    height:25px;
}

h3.peopleHeader {
    font-family:Calibri; 
    font-size:1.17em;
    font-weight:bold; 
    text-transform:uppercase;
    color:black;
    margin-bottom:0px; 
}

hr.peopleHR {
    border-bottom-width:3px;
    width:60%;
    margin-top:0;
    margin-bottom:15px;
}

div.peopleList {
    margin-bottom:20px!important;
}

div.peopleList img.listPhoto {
    margin-right:0;
}

    div.peopleList a {
        color:black;
        text-decoration:none;
        font-weight:bold;
    }

    div.peopleList ul{
    list-style:none;
    margin-left:25px;
}
div.peopleList ul li {
    margin:5px 0;
}

p.programsAbstract {
    font-size:1.25em;
}

a.listTitleLink {
    color:black;
    font-size:1.17em;
    font-weight:bold;
    text-decoration:none;
}



    ul.courseList {
    list-style:none;
    margin-left:25px;
    margin-bottom:20px;
}
ul.courseList li {
    margin:5px 0;
}
    ul.courseList li a {
        color:black;
        text-decoration:none;
        font-weight:bold;
    }

table.tbl-courses {
    width:100%;
}

table.tbl-courses tr td {
    padding:3px 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

    table.tbl-courses tr td:last-child {
        border-right:0;
    }

p.programsPhotoCredit {
font-size: 0.5em!important;
margin-top: -32px;
margin-left: -60px;
}

    p.programsPhotoCredit a {
        color: #565656 !important;
    }

        p.programsPhotoCredit a:hover {
            color:#085296!important;
        }

@media screen and (min-width: 768px) and (max-width: 990px) {
    .mainUpcomingEvents .row .columns:last-of-type {
        display:none;
    }
}

@media screen and (min-width: 768px) and (max-width: 819px) {
    .mainUpcomingEventsColumns {
        padding-left: 60px!important;
    }
}

@media screen and (min-width: 820px) and (max-width: 899px) {
    .mainUpcomingEventsColumns {
        padding-left: 40px!important;
    }
}

@media screen and (min-width: 900px) and (max-width: 914px) {
    .mainUpcomingEventsColumns {
        padding-left: 30px!important;
    }
}
@media screen and (min-width: 915px) and (max-width: 954px) {
    .mainUpcomingEventsColumns {
        padding-left: 20px!important;
    }
}

@media screen and (min-width: 955px) and (max-width: 990px) {
    .mainUpcomingEventsColumns {
        padding-left: 10px!important;
    }
}

@media screen and (max-width: 768px) {
    .listText {
        margin-top:20px;
    }
}

@media screen and (max-width: 768px) {
    #homeEventsRow {
        display:none;
    }
}

@media screen and (max-width: 768px) {
    #homeEventsRowMobile {
        display:block!important;
    }
}

@media screen and (max-width: 794px) {
    #homePage3RightColumns {
         margin-right:0!important;
         margin-top:40px;
    }
}
@media screen and (max-width: 794px) {
    .odd .callOutBox {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 385px) {
    img.listPhoto {
        width: 100%;
    }
}



/* ============================== */
/*    Display Pages Styling       */
/* ============================== */
.largeImageVideo {
    box-shadow: 8px 10px 15px #7b7b79;
    margin:20px 0;
}

p.photoCaption {
    font-size:.9em;
    font-style:italic;
}

p.articleAbstract {
    color: #2D587B;
    font-weight: bold;
    font-style: italic;
}

p.publishedDate {
    font-size:.8em;
}

p.eventTime {
    color:#6797c8;
    font-weight:bold;
    font-style:italic;
}

.personImage {
    box-shadow: 8px 10px 15px #7b7b79;
    margin-right:10px;
}

table.conf {
border-width: 0;
color: #000;
line-height: 1.5em;
width: 100%;
margin: 0 0 1.5em;
}

.conf td {
    padding: 5px 5px;
border: 1px solid #ccc;
border-width: 0 0 1px 1px;
}

/* ============================== */
/*          Footer Styling        */
/* ============================== */

.footer {
    background-color: #355a7c;
    color: white !important;
    padding: 20px 0;
    margin-top: 50px;
}

    .footer p {
    margin-bottom:0;
    }

    .footer a {
        color:white;
        text-decoration:none;
    }

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

#footerNav1 {
    margin-bottom:0px; 
}

#footerNav {
    list-style:none;
}

    #footerNav li {
        padding: 5px 0;
    }

    #footerNav li a {
        font-size:.9em;
        font-weight:bold;
    }

    .footer a:hover {
        color:white!important;
        text-decoration:underline;
    }

#ctl00_NewsletterSignup1_EmailValueValidator {
    display:none;
}


      .visibleNearby {
  width: 100%;
  background: #141414;
  color: #FFF;
  padding-top: 25px;
}

      ul.socialFooterFixed{
    position:fixed;
    left:0;
    top:150px;
    padding:2px 5px;
    z-index:99999;
    background-color:#6B97C0;
}

ul.socialFooterFixed li img, ul.socialFooter li img{
    -webkit-transition: all .1s ease-in-out; /* For Safari 3.1 to 6.0 */
    transition: all .1s ease-in-out;
}  


:hover{
    -webkit-transition: all .1s ease-in-out; /* For Safari 3.1 to 6.0 */
    transition: all .1s ease-in-out;
}

ul.socialFooterFixed li img:hover, ul.socialFooter li img:hover{
    -ms-transform: scale(1.3);  /* IE 9 */
    -webkit-transform: scale(1.3);  /* Chrome, Safari, Opera */
    -moz-webkit-transform: scale(1.3);
    transform: scale(1.3);

}

ul.socialFooterFixed li{
   
    list-style-type:none;
    margin:6px 1px;
}

ul.socialFooterFixed li img{
    width:25px;
    height:25px;
    -webkit-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
}


/* ============================== */
/*   Home Page Slider Styling     */
/* ============================== */

.rsVisibleNearbyWrap {
    margin-bottom:20px;
}

.rsMinW .rsBullets {
    left:-881px;
}

.rsMinW .rsBullet {
width:auto!important;
height:auto!important;
}

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

        .visibleNearby .rsContent {
        background-color:#565047;
        }

            .visibleNearby .rsContent .sliderTitleBox {
                position:absolute;
                background-color:#575046;
                width:40%;
                height:392px;
            }
                
                .visibleNearby .rsContent .sliderTitleBox p.sliderTitle {
                    margin:90px 0 0 50px;
                    font-size:1.5em;
                    font-weight:bold;
                    font-family:Garamond, Calibri;
                }


                .visibleNearby .rsContent .sliderTitleBox p.sliderAbstract {
                    padding:5px;
                    background-color:#dc962e;
                    position:absolute;  
                    margin:120px 0 0 50px;
                }

        .visibleNearby .rsContent img{
            float:right;
        }

.visibleNearby img {
   -webkit-backface-visibility:hidden;
}
.visibleNearby .rsGCaption {
  font-size: 16px;
  line-height: 18px;
  padding: 12px 0 16px;
  background: #141414;
  width: 100%;
  position: static;
  float: left;
  left: auto;
  bottom: auto;
  text-align: center;
}
.visibleNearby .rsGCaption span {
  display: block;
  clear: both;
  color: #bbb;
  font-size: 14px;
  line-height: 22px;
}

        #full-width-slider {
            height:408px!important;
            padding-top:0!important;
        }

        /*#full-width-slider .rsSlide {
                width:956px!important;
            }

            #full-width-slider .rsContent {
                width:956px!important;
            }*/

        #full-width-slider .rsImg {
            margin:0!important;
            width:1142px!important;
            height:408px!important;
        }

/* Scaling transforms */
.visibleNearby .rsSlide .rsContent {
  opacity: 0.45;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.visibleNearby .rsSlide {
  height:408px!important;
}

.visibleNearby .rsActiveSlide .rsContent {
  opacity: 1;
  -webkit-transform: scale(1);  
  -moz-transform: scale(1); 
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* Non-linear resizing on smaller screens */
@media screen and (max-width: 960px) {
    #full-width-slider {
        height: 300px!important;
        margin-bottom:20px;
    }
    .infoBlock {
        top:250px!important;
        height:40px!important;
        max-height:none!important;
    }
}

@media screen and (min-width: 0px) and (max-width: 900px) { 
  #gallery-1 {
    padding: 12px 0 12px;
  }
  #gallery-1 .rsOverflow,
  .royalSlider#gallery-1 {
    height: 400px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 500px) { 
  #gallery-1 .rsOverflow,
  .royalSlider#gallery-1 {
    height: 300px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    ul#footerNav li {
        display: inline;
        margin-right: 5px;
    }
    .footerAddressColumn {
        padding-left:0.9375em!important;
    }

    }

/* ============================== */
/*           ROYAL SLIDER         */
/* ============================== */


#full-width-slider { width: 100%; color: #000; }
.coloredBlock { padding: 12px; background: rgba(255,0,0,0.6); color: #FFF; width: 200px; left: 20%; top: 5%; }
.infoBlock { position: absolute; top: 30px; right: 30px; left: auto; max-width: 25%; padding-bottom: 0; background: #FFF; background: rgba(255, 255, 255, 0.8); overflow: hidden; padding: 20px; }
.infoBlockLeftBlack { min-width: 300px; max-width: 300px; color: #FFF; background: #000; background: rgba(0,0,0,0.60); left: auto; right: 30x;top:320px; }
.infoBlock h5, .infoBlock a { color: #fff;font-size:85%;letter-spacing:.06em; }
.infoBlock p { font-size: 14px; margin: 4px 0 0; }
.infoBlock a { color: #FFF; padding: 10px; text-decoration: underline; }

.photosBy { line-height: 24px; font-size: 12px; background: #FFF; color: #000; padding: 0px 10px; position: absolute; left: 12px; bottom: 12px; top: auto; border-radius: 2px; z-index: 25; }
.photosBy a { color: #000; }
.fullWidth { max-width: 1080px; margin: 0 auto 24px; }

@media screen and (min-width:970px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider { height: 400px !important; }
}

@media screen and (min-width:960px) and (min-height:660px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider { height: 400px !important; }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow { height: 300px !important; }
    .infoBlock { padding: 10px; height: auto; max-height: 100%; min-width: 40%; left: 5px; top: 5px; right: auto; font-size: 12px; }
    .infoBlock h3 { font-size: 14px; line-height: 17px; }
}

p.mainSliderCredit {
    position: absolute;
margin-left: 10px;
top: 5px;
right: 15px;
font-size: .9em;
}

    p.mainSliderCredit a {
        color:white;
        text-decoration:none;
    }

/* ============================== */
/*        Paging Styling          */
/* ============================== */

td.Paging.CurrentPage {
    padding-left:0!important;
}

.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;
}

ul.footerBranding {
                margin-top:15px;
                margin-bottom:5px;
                margin-left:0;
            }
            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;
}