/* l2 site styles - last edited on 09-24-24
----------------------------------------------- */

section, article, aside { color: #3a3a3a; text-align: left; } 
section { width: 100%; clear: both; }

#alert { background: #b3b3b3 url(../css-images/alert-bg.png) repeat-y center center; text-align: center; height: auto; min-height: 40px; width: 100%; /* min-width: 1024px; */ float: left; clear: both; margin: 0; padding: 0; position: relative; border-top: 7px solid #9f0816; border-bottom: 1px solid #9f0816; }
#alert .alert-container { width: 100%; max-width: 980px; padding: 21px 0 7px 0; height: auto; min-height: 40px; float: none; clear: both; margin: 0 auto 0 auto;
  background: url(../css-images/alert.png) no-repeat center 5px;
  -webkit-background-size: 80px 16px; 
  -moz-background-size: 80px 16px;
  -o-background-size: 80px 16px; 
  background-size: 80px 16px; 
}

#alert .alert-container header { color: #9f0816 !important; font: 25px/27px 'Montserrat', sans-serif !important; width: 100%; text-align: left; float: left; }
#alert .alert-container header p { color: #9f0816 !important; padding: 0; width: 100%; }

/* add scrolling alert ---*/
.scroll-left {
 height: inherit;
 height: 100% !important;
 min-height: 40px !important; 
 overflow: hidden;
 position: relative;
}
.scroll-left p {
/* position: absolute; */
 width: 100% !important;
 height: 100%;
 float: left;
 white-space: nowrap !important;
 margin: 0 0 1px 0;
 text-align: left;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 25s linear infinite;
 -webkit-animation: scroll-left 25s linear infinite;
 animation: scroll-left 25s linear infinite;
}
  
.scroll-left header + header { margin-top: 3px !important; }
.scroll-left header + header + header { margin-top: 3px !important; }
.scroll-left header + header + header + header { margin-top: 3px !important; }
.scroll-left header + header + header + header + header { margin-top: 3px !important; }

/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}

/* end scrolling alert ---*/


#content { background-color: #fff; width: 100%; min-height: 250px; float: left; clear: both; display: block; padding-bottom: 0px; }

#breadcrumbs { font: 13px/16px 'Montserrat', sans-serif; padding: 5px; margin: -33px 0 0 0; width: 93%; max-width: 1150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; z-index: 10; }

article { font: 400 16px/1.5em 'Montserrat', sans-serif; float: left; clear: none; min-height: 100px; margin: 0; padding: 20px 5px 30px; text-align: left; }
article.left { text-align: left; margin-left: 0px; }

article p { color: #3a3a3a; font: 16px/1.5em 'Montserrat', sans-serif; padding-left: 0px; max-width: 98%; }
article p.intro { font: 20px/30px 'Montserrat', sans-serif !important; max-width: 940px; }

article p a { font-weight: 500; }

#home p, #spotlight p, #get-social p, #learnmore p, #institutions p, .image-left p, .image-right p, .full-width p { color: #3a3a3a; font: 16px/1.5em 'Montserrat', sans-serif; width: 98%; margin-bottom: 0px; text-align: left; }
#home h2, #spotlight h2, #get-social h2, #institutions h2, #learnmore h2, .image-left h2, .image-right h2, .full-width h2 { padding-bottom: 0px; margin-bottom: -5px; text-align: left; }

article iframe { padding: 0px; }

#home h2 + p, #home h2 + ul { margin-top: 30px; }
#home h2 + h3 { margin-top: 40px; }
#home h2 + .videoWrapper, #home h2 + form, #home h3 + form { margin-top: 50px; }
#home p + h3, #home ul + h3, #home ol + h3, #home p + form, #home form + p { margin-top: 35px; } 

#home article.officers h2 + h3.linetop { margin-top: 35px !important; display: block; }
#home article.officers h3.linetop { margin-top: 15px !important; display: block; } 

article img, article p img { float: left; clear: none; margin: 1px 25px 20px 0px; position: relative; width: auto !important; max-width: 100% !important; height: auto !important; }
article img.clear, article p img.clear { float: none !important; clear: both !important; display: block; width: auto; margin-left: 0px; margin-right: 0px; }
article img.mainimage, article p img.mainimage { float: none !important; clear: both !important; margin-bottom: 0px !important; }
article img, article p img, article img.floatright, article p img.floatright { float: right; clear: none; margin: 1px 0px 20px 25px; position: relative; }
article img.floatleft, article p img.floatleft { float: left; clear: none; margin: 1px 25px 20px 0px; position: relative; }

article.admin img { margin: 5px; }

article.officers img, article.officers p img { float: left; clear: none; margin: 1px 25px 15px 0px; position: relative; max-width: 250px !important; height: auto; } 

article img.margin-15 { margin-top: -15px; margin-bottom: 15px; }

article ul, article ol { margin-left: 0; padding-left: 23px; list-style-position: outside; }
article ol { list-style-type: decimal; }
article ul li, article ol li { color: #3a3a3a; font: 16px/1.5em 'Montserrat', sans-serif; padding-left: 7px; margin-top: 0.5em; margin-bottom: 0.65em; margin-left: 0; width: 95%; }

article ul.sitemap { margin-left: 0; padding-left: 0; }
article ul.sitemap li { color: #3a3a3a !important; font: 700 27px/35px 'Montserrat', sans-serif; clear: both !important; background: none; list-style: none; border-top: 1px solid #ccc;  width: 100%; padding-top: 13px; margin-top: 20px; float: left; display: block; }
article ul.sitemap li a { color: #3a3a3a; margin-left: -15px; }
article ul.sitemap li a:hover { color: #4b0b76; }

article ul.sitemap li .page-wrapper { width: 115% !important; float: left; }
article ul.sitemap li .page-wrapper a, article ul.sitemap li ul.arrow li a { color: #4b0b76; margin-left: 0px; }
article ul.sitemap li .page-wrapper a:hover, article ul.sitemap li ul.arrow li a:hover  { color: #3a3a3a; }
article ul.sitemap li .page-wrapper li, article ul.sitemap li ul.arrow li { border-top: none; padding-top: 0px; margin-top: 0px }
article ul.sitemap li h3, article ul.sitemap li menuitem h3 { color: #888 !important; }

.admin article h2 { padding-bottom: 15px !important; }

article a.submit { color: #fff !important; font: 700 16px/32px 'Montserrat', sans-serif !important; text-align: center; max-width: 105px; white-space: nowrap; float: none; display: inline-block; padding: 0 15px 0 15px; height: 32px; }


article#text #documents { margin-top: 35px; width: 100%; min-height: 125px; clear: both;
  -webkit-column-count: 2;
     -moz-column-count: 2;      
          column-count: 2;
			-moz-column-fill: balance;
  -webkit-column-width: 390px;
     -moz-column-width: 390px;
          column-width: 390px;
 }	
	
article#text #documents h3:first-child { display: none; visibility: hidden; position: absolute; }

article#text #documents ul { display: block; padding-top: 0px; margin-top: 0px; float: left; clear: both; width: 100%; overflow: hidden; }
article#text #documents ul li { display: table; float: left; clear: both; min-height: 45px; height: 100%; width: 100%; margin-top: 0px;  
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
article#text #documents ul li a { padding-top: 1px; font-size: 14px; font-weight: 400; }

article#text #documents h3:nth-child(2) { }

article ul { color: #3a3a3a; padding-left: 0px; margin: 15px 0 11px 5px; list-style-position: outside; width: 95%; }
article ul li { color: #3a3a3a; font: 16px/1.5em 'Montserrat', sans-serif; background: url(../css-images/bullet.png) no-repeat 0 9px; padding-left: 15px; margin-top: 0.25em; margin-bottom: 0.5em; margin-left: 0; list-style-type: none; list-style-image: none; white-space: normal;
  -webkit-background-size: 6px 6px;  
  -moz-background-size: 6px 6px;
  -o-background-size: 6px 6px; 
  background-size: 6px 6px;
 }

article ul.arrow, article ul.docs { margin-top: 11px; }
article ul.arrow li, article ul.docs li { font: 15px/21px 'Montserrat', sans-serif; background: url(../css-images/spacer.gif) no-repeat; margin-left: -13px; } 
article ul.arrow li a { font-weight: bold; background: url(../css-images/arrow-icon.png) no-repeat 0 5px; display: block; padding-left: 19px;
  -webkit-background-size: 13px 13px;  
  -moz-background-size: 13px 13px;
  -o-background-size: 13px 13px; 
  background-size: 13px 13px;
 }

article ul.outsidelink, article ul.docs, aside ul { margin-top: 11px; }
article ul.outsidelink li, aside ul.outsidelink li { font: 15px/21px 'Montserrat', sans-serif; background: url(../css-images/spacer.gif) no-repeat; margin-left: -13px; } 
article ul.outsidelink li a, aside ul.outsidelink li a { font-weight: bold; background: url(../css-images/outsidelink.png) no-repeat 0 5px; display: block; padding-left: 19px;
  -webkit-background-size: 13px 13px;  
  -moz-background-size: 13px 13px;
  -o-background-size: 13px 13px; 
  background-size: 13px 13px;
 }
 
article ul.outsidelink li.arrow a, aside ul.outsidelink li.arrow a { font-weight: bold; background: url(../css-images/insidelink.png) no-repeat 0 5px; display: block; padding-left: 19px;
  -webkit-background-size: 13px 13px;  
  -moz-background-size: 13px 13px;
  -o-background-size: 13px 13px; 
  background-size: 13px 13px;
 }

aside ul { margin: 11px 0px 19px -25px; width: 90%; }
aside ul li { font: 15px/21px 'Montserrat', sans-serif; 
    padding-left: 15px;
    margin-top: 0.15em;
    margin-bottom: 0.20em;
    margin-left: 0; }
    
article .linetop { border-top: 1px solid #ccc; padding-top: 13px; margin-top: 35px; width: 100%; }
article.videos .linetop { margin-left: 0px; max-width: 644px; padding-top: 0px; margin-top: 35px;  }


#home { background: #fff; width: 100%; min-width: 1180px; display: block; min-height: 250px; float: left; clear: both; padding-bottom: 10px; margin-bottom: 30px; }
#home article { width: 68%; max-width: 815px; float: left; }
#home.media article { width: 100%; max-width: 1200px; float: left; }


#home aside, 
.right-nav { width: 25%; max-width: 280px; min-width: 235px; float: right; padding: 20px; margin: 90px 0 0 0; 
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.right-nav { background: rgba(224,132,74,0.15)/*#e0844a */; min-height: 80px; }

#home aside h3, .right-nav h3 { color: #d17036; font-size: 21px; margin: 0; padding: 0; }
#home aside ul, .right-nav ul { margin: 10px 0 0 0; padding: 0 0 10px 0; width: 97%; }
#home aside ul li, .right-nav ul li { font-size: 16px; display: block; margin-left: 0px; padding-left: 0px; }
#home aside ul li a, .right-nav ul li a { font-weight: 600; padding: 2px 0px 3px 17px; display: block; margin-left: 1px; }
#home aside ul li a:before, .right-nav ul li a:before { color: #b4c9e5; font-family: FontAwesome !important; font-size: 90%; font-weight: normal; content: "\f0a9"; margin-right: 5px; margin-left: -17px; }

#home aside ul li ul, .right-nav ul li ul { margin: -1px 0 10px 18px; padding: 0; }


aside#documents, aside.documents { margin-top: 30px; margin-bottom: 0px !important; } 
aside#documents ul li, aside.documents ul li { text-indent: none; }
aside#documents ul li a, aside.documents ul li a { text-indent: none; padding-left: 30px; margin-left: 0px; }
aside#documents ul li a:before, aside.documents ul li a:before { content: "" !important; margin-left:-5px; padding-left: 0px; text-indent: none; }

#home h1, #home h2 { color: #4b0b76; font-weight: 700; text-transform: none; }
#home h1 { font-size: 25px; padding-bottom: 0; margin-bottom: 25px; }
#home h1.intro { color: #4b0b76; font-size: 29px; font-weight: 400; min-height: 50px; }
#home a { text-decoration: none; }

#home.admin { text-align: left; }

#home a.scrolldown { font-weight: 400; float: right; position: absolute; z-index: 100; margin: -5px 0 0 0; right: 7%; }
#spotlight a.scrolldown, #institutions a.scrolldown, #media a.scrolldown, #opportunities a.scrolldown { font-weight: 400; float: right; position: absolute; z-index: 100; right: 7%; margin: 30px 0 0 0; right: 7%; }

#institutions:before, #institutions:after { content: " "; display: table !important; clear: both !important; width: 100%; }

#institutions { background: #ededed;
  background-image: -webkit-linear-gradient(top, #ededed, #fefefe);
  background-image: -moz-linear-gradient(top, #ededed, #fefefe);
  background-image: -ms-linear-gradient(top, #ededed, #fefefe);
  background-image: -o-linear-gradient(top, #ededed, #fefefe);
  background-image: linear-gradient(to bottom, #ededed, #fefefe);
	width: 100%; max-width: 100%px; display: block; min-height: 150px; float: left; clear: both; padding-bottom: 50px; margin-bottom: 0px; }
	
#institutions .col-3-wrap { width: 100%; max-width: 1180px; min-height: 100% !important; text-align: center; display: block; padding-top: 45px; margin: 0 auto 0 auto;
  -webkit-column-count: 3;
     -moz-column-count: 3;      
          column-count: 3;
			-moz-column-fill: balance;
  -webkit-column-width: 350px;
     -moz-column-width: 350px;
          column-width: 350px;
 }

/* institutions logos  ----*/
#institutions .logos-wrap { width: 100%; max-width: 1180px; min-height: 100% !important; text-align: center; display: block; padding-top: 45px; margin: 0 auto 0 auto; } 
#institutions .logos-wrap .owl-carousel { min-width: 300px; width: 100%; max-width: 1180px; height: auto; min-height: 180px; max-height: 300px; padding: 0px; margin: 0 auto 0 auto; overflow: hidden; } 
#institutions .logos-wrap .owl-carousel .item { /*display: inline-block; */
  min-width: 30.3% !important; max-width: 275px; padding: 10px 1.5% 10px 1.5%; margin: 0 auto 0 auto; float: left; clear: none; text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center; 
}
.owl-item { display: flex !important; flex-direction: column !important; justify-content: center !important; height: 175px; overflow: hidden; }

 
#institutions .member-logo { max-width: 250px !important; height: auto !important; max-height: 175px; margin: auto; padding: 0; }

.owl-nav { height: 50px !important; margin-top: -100px !important; }
.owl-prev, .owl-next { color: #d6d6d6 !important; background-color: transparent !important; width: 20px !important; height: 43px !important; overflow: hidden !important; position: absolute; opacity: 0.5 !important; }
.owl-prev { left: 0; }
.owl-next { right: 0; }
.owl-prev:hover { opacity: 0.95 !important; }
.owl-next:hover { opacity: 0.95 !important; }

.owl-prev:before, .owl-next:before { color: #d6d6d6 !important; font-family: FontAwesome !important; font-size: 300% !important; font-weight: normal; position: relative !important; }
.owl-prev:before { content: "\f053" !important; margin-right: 30px; margin-left: -10px; } /* fa-chevron-left [] */
.owl-next:before { content: "\f054" !important; margin-right: 30px; } /* fa-chevron-right [] */

.owl-dots { margin-top: 75px !important; }
.owl-dots .active span { background-color: #b4c9e5 !important; }
.owl-dots .owl-dot span:hover { background-color: #4b0b76 !important; }


#pagefoot { width: 100%; min-height: 10px; float: left; clear: both; margin-top: 25px; margin-bottom: -25px; padding-bottom: 0px; }
#pagefoot article { max-height: 30px; padding: 0; margin: 0 0 -50px 0; }

#spotlight { background: #e5ecf6; width: 100%; min-height: 280px; float: left; clear: both; padding: 30px 0 50px 0; margin: 0 !important; } 
#spotlight h2 { color: #d17036; margin-top: 0px; padding-top: 0px; }

#spotlight article { width: 64%; /* max-width: 800px; */ float: left; }

#spotlight article.full { min-height: 390px; }
#spotlight article.full, 
#surgeon-spotlight article.full, 
#videos .col-2-wrap,
#spotlight .col-2-wrap { width: 100% !important; float: none; clear: both; min-height: 100% !important; display: block; 
  -webkit-column-count: 2 !important;
     -moz-column-count: 2 !important;      
          column-count: 2 !important;
			-moz-column-fill: balance;
  -webkit-column-width: 560px;
     -moz-column-width: 560px;
          column-width: 560px; 
 }

#spotlight:before, #spotlight:after,
#spotlight article.full:before,
#spotlight article.full:after,
.col-2-wrap:before, .col-2-wrap:after { content: " "; display: table !important; clear: both !important; width: 100%; }
 
#spotlight article.full .videogroup, 
#surgeon-spotlight article.full .videogroup, #videos .col-2-wrap .video, 
#spotlight article.full .videoWrapper {
width: 100%; min-height: 100%;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid-column;
display: table; float: none; clear: both; 
}

/* #spotlight .col-2-wrap .videoWrapper { max-width: 560px !important; } */

.flex-to-rows {
   display: flex;
 /*  align-items: left; */
   justify-content: left;
   flex-direction: row !important;
   flex-wrap: wrap;
   flex-flow: row wrap;
   align-content: flex-end;
} 

#spotlight article.full-width { width: 100% !important; max-width: 100% !important; }
#spotlight article.full-width .videoWrapper iframe { position: absolute; z-index: 1; top: auto; left: 0; }

#spotlight article.full-width h2, #spotlight article.full-width h3 { text-align: left; }

#spotlight .col-2 { float: left; width: 48%; max-width: 540px; position: relative; z-index: 10; }
#spotlight .col-2 + .col-2 { float: right; }
#spotlight .col-2 .videoWrapper { margin-bottom: 25px; }
#spotlight .col-2 .videoWrapper, #spotlight .col-2 .videoWrapper iframe { padding-top: 0; }
#spotlight .col-2 .videoWrapper iframe { margin-top: 10px; }

#spotlight article.full p, #surgeon-spotlight article.full p { width: 100%; display: table !important; float: none !important; clear: both !important; }
#spotlight article.full p.small, #surgeon-spotlight article.full p.small { height: auto; display: block; }

#spotlight article.full p.spotlight-intro { min-height: 250px; float: left; clear: both; }

#spotlight .container .stories article.full h3:first-child, 
#surgeon-spotlight article.full h3:first-child { padding-top: 1px; margin-top: 0px; }

#videos .col-2-wrap .video { max-width: 100%; padding-bottom: 25px; }

#spotlight article.full .videogroup .videoWrapper, #surgeon-spotlight article.full .videogroup .videoWrapper { max-width: 100%; }

#spotlight figure { width: 360px; height: auto; float: right; margin: 20px 0 0 0; padding: 0px;  }
#spotlight figure img { font-size: 14px; line-height: 1.333em; border: 1px solid #fff; }
#spotlight figcaption { font-size: 14px; line-height: 1.333em; }

#institutions a.scrolldown, #spotlight a.scrolldown { display: none; }


#media { background: #fff; width: 100%; display: block; min-height: 450px; float: left; clear: both; padding-top: 30px; padding-bottom: 60px; margin-bottom: 0px; }
#media h2 { width: 100%; display: block; }
#media h2.linetop { border-top: 4px solid #ececec !important; padding-top: 30px !important; margin-top: 30px; }
#media .col-2 { float: left; width: 48%; max-width: 540px; }
#media .col-2 + .col-2 { float: right; }

#media .date { color: #999; display: block; clear: both; font-size: 14px !important; font-weight: 400; }
#media a .date { font-weight: 400; color: #999; }
#media a { /* font-weight: 700; */ }
#media a:hover { text-decoration: none; }

#media .col-4-wrap, #home.media .col-4-wrap { line-height: 1.333em; width: 100%; max-width: 1180px; min-height: 100% !important; text-align: center; display: block; padding-bottom: 30px; margin: 0 auto 0 auto;
 -webkit-column-count: 4; 
 -moz-column-count: 4;
 -moz-column-fill: balance;
 column-count: 4;
 -webkit-column-width: 250px;
 -moz-column-width: 250px;
 column-width: 250px;
 }

#media .col-4-wrap, #home.media .col-4-wrap { margin-top: 30px; }

#media .col-4-wrap .news-item, 
#home.media .col-4-wrap .news-item 
{ width: 100% !important; max-width: 250px !important; clear: both !important; min-height: 250px; padding: 0 !important; margin: 0 auto !important;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
display: table;
}

#media .col-4-wrap .news-item, 
#home.media .col-4-wrap .news-item { padding-bottom: 30px !important; min-height: 340px; }

#media .col-4-wrap .news-item .news-image, 
#home.media .col-4-wrap .news-item .news-image { /* background-color: #ededed; */ background-color: #fff; width: 100%; margin: 0 0 5px 0 !important; height: 225px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }

#media .col-4-wrap .news-item .news-image img, 
#home.media .col-4-wrap .news-item .news-image img { clear: both; float: none !important; max-height: 225px !important; width: auto !important; max-width: 250px !important; margin: 0 auto !important; }

#media a, .news-item a { font-weight: 500; }


ul.gallery { width: 100%; min-height: 100%; max-width: 802px; margin-right: 0px; 
/* setup for 2 columns, commented out so that we can use rows. -
 -webkit-column-count: 2; 
 -moz-column-count: 2;
 -moz-column-fill: balance;
 column-count: 2;
 -webkit-column-width: 49%;
 -moz-column-width: 49%;
 column-width: 49%; */
  display: flex;
  flex-wrap: wrap;
	margin-left: -1.0%;
 }

ul.gallery li { font-size: 15px; line-height: 1.25em; background: none; text-align: center; width: 100% !important; max-width: 380px; min-height: 200px; float: left; clear: both !important; padding: 0 0 3px 0 !important; 
/* setup for 2 columns, commented out so that we can use rows. -
margin: 0 auto 10px auto !important;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
display: table;  */ 

 flex: 1 48%; margin: 0 1.0% 10px 1.0%;
 
}

ul.gallery li a { height: 100%; display: flex !important; flex-direction: column !important; justify-content: center !important; }
ul.gallery li a, ul.gallery li a figure { width: 100% !important; padding: 0 !important; margin: 0 !important; }
ul.gallery li img { float: none; display: block; margin: 0 auto 7px auto !important; width: 100% !important; height: auto !important; }
ul.gallery li figcaption { min-height: 36px; }

#gallery ul.gallery { width: 95%; max-width: 1180px; float: none; /* display: block; */ margin-right: auto !important; margin-left: auto !important; }

/* setup for 2 columns, commented out so that we can use rows. -
#gallery ul.gallery li { max-width: 520px !important; min-height: auto; float: none; margin-right: auto !important; margin-left: auto !important; } */

#gallery ul.gallery li { max-width: 48% !important; display: block; min-height: auto; float: none;
 flex: 1 48%; margin: 0 1.0% 10px 1.0%;
}
#gallery ul.gallery li img { max-width: 520px !important; height: auto; margin-right: auto; margin-left: auto; }


#media .col-4-wrap .title, #home.media .col-4-wrap .title { font-size: 15px !important; }

#home.media .double { padding-bottom: 3px; margin-bottom: 3px; overflow: hidden !important; }
#home.media .double a { display: block; padding-bottom: 13px; margin-bottom: 5px; border: none !important; }
#home.media .double .date { margin-bottom: 0px; padding-bottom: 0px; }
#home.media .double .date + p { margin-top: 0px; padding-top: 0px; }
#home.media .double a p { color: #074ca9; }
#home.media .double a:hover p { color: #3a3a3a; }


#opportunities { background: #f1f1f1 url(../css-images/opp-bg.png) no-repeat center center; width: 100%; display: block; min-height: 450px; float: left; clear: both; padding-top: 30px; padding-bottom: 50px; margin: 25px 0; }
#opportunities h2 { color: #d17036; }
#opportunities .col-2 { float: left; width: 48%; max-width: 540px; position: relative; z-index: 10; }
#opportunities .col-2 + .col-2 { float: right; }

#opportunities .date { color: #999; display: block; clear: both; font-size: 14px; font-weight: 400; }
#opportunities a .date { font-weight: 400; color: #999; }
#opportunities a { font-weight: 700; }

#opportunities .col-2 .smalltext { max-width: 320px; padding-top: 25px; padding-bottom: 25px; clear: both; }
#opportunities a.scrolldown { margin-top: -10px; }

#get-social { width: 100%; min-height: 300px; float: left; clear: both; padding-bottom: 25px; margin-bottom: 0px; }

#get-social .header { width: 100% !important; margin-top: 0px; padding-top: 20px; min-height: 50px; padding-bottom: 35px; float: left; clear: both; display: block; text-align: center }
#get-social .header header { margin: 0 auto 0 auto; float: none; max-width: 1180px; }
#get-social .header h2 { text-align: left; margin-top: 0px; padding-top: 17px; padding-left: 3px; }

#get-social .header h2 .icons { font-size: 21px; display: inline-block; margin: 0px 3px 0 10px; }
#get-social .header h2 .icons a { color: #999; display: inline-block; vertical-align: 1px; padding: 0 2px; }
#get-social .header h2 .icons a:hover { color: #4b0b76; }

#get-social article { width: 100%; padding: 25px 0; margin: 0; background: url(../css-images/v-line.gif) repeat-y center center;  }
#get-social article h3 { color: #ea7224; }
#get-social article p  { color: #3a3a3a; }
#get-social .col-2 { float: left; width: 48%; max-width: 540px; }
#get-social .col-2 + .col-2 { float: right; }

#get-social .col-2 iframe { min-width: 320px !important; width: 100% !important; height: 1000px !important; max-width: 540px; } 
#get-social .col-2 iframe#twitter-widget-0 { border: solid #e6e5ea 1px !important; }


.full-width { width: 100%; min-height: 50px; float: left; clear: both; padding-bottom: 0px; text-align: center; }
.light { background-color: transparent; }

.page-wrapper { width: 100%; height: auto; float: left; clear: both; padding-bottom: 0px; margin-left: 0px; }

.full-width .col-3 { width: 33.0%; max-width: 315px; float: left; clear: none; text-align: left; margin: 2px auto 0 auto; padding-right: 10px; }
.full-width .col-3 ul { clear: both; }
.full-width .col-3 h2 { font: 700 24px/25px 'Montserrat', sans-serif; margin: 0; padding: 0; width: 98%; }
.full-width .col-3 h3 { font: 700 18px/23px 'Montserrat', sans-serif; margin: -5px 0 0 0; padding: 0; width: 98%; position: relative; }
.full-width .col-3 p { color: #3a3a3a; font: 400 13px/17px 'Montserrat', sans-serif; margin: 0; padding: 11px 0 9px 0px; width: 97%; clear: both; }

/* tighten line spacing on home page elements --*/
#home .col-3 p, #home .col-2 p, .news p, #spotlight .video .col-2 p { /* line-height: 21px; */ line-height: 1.3em; }

.full-width .third { padding-right: 0px; margin-left: 20px; }

.full-width .col-3 ul.docs { margin-top: 11px; margin-bottom: -7px !important; margin-left: -16px; }
.full-width .col-3 ul.docs li {  }
.full-width .col-3 ul.docs li.pdf-big a, .full-width .col-3 ul.docs li.word-big a, .full-width .col-3 ul.docs li.xls-big a, .full-width .col-3 ul.docs li.doc-big a, .full-width .col-3 ul.docs li.ppt-big a { padding-top: 0px; }

.full-width .item { padding-left: 20px; width: 100%; max-width: 311px; float: left; clear: both; min-height: 130px; text-align: left; }
.full-width .iteminfo { font: 700 13px/15px 'Montserrat', sans-serif; padding-left: 15px; width: 100%; float: left; clear: both; text-align: left; }

.heading { background-color: #f3dbbd; width: 100%; min-height: 69px; float: left; clear: both; padding-bottom: 0px; }

#pagefoot { width: 100%; min-height: 20px; float: left; clear: both; padding-bottom: 0px; margin-bottom: 0px; }

/* create offset for anchor links, keep jump links below the sticky nav */ 
.offset { padding-top: 145px; margin-top: -145px; float: left; }


.full-width article { width: 100%; min-width: 100%; float: left; clear: none; padding-bottom: 55px; }

.heading h2 { text-align: center; color: #4b0b76; font-size: 29px; line-height: 69px; font-weight: 700; margin: 0; padding: 0; }
.heading h2 img { float: left; height: 69px; width: auto; margin-right: -105px; margin-left: -5px; }

#pagefoot aside { width: 480px; float: right; clear: none; padding-top: 0px; }
#pagefoot article { width: 477px; float: left; clear: none; }


p.pagenav { font: 400 18px/27px 'Montserrat', sans-serif; } 
p.pagenav { margin-left: -25px; position: relative; }
p.pagenav a { text-decoration: none; }

.stories { width: 100%; float: left; }
.stories article p { padding-left: 0px; }
.stories article h2 { } 
.stories article h3 { padding-left: 0px; padding-bottom: 0; margin-bottom: -5px;  }

article .position { width: 100%; height: 35px; margin: 0 0 10px 0; padding: 0; clear: both; text-align: right; }

article p br.clear { display: block; }
article p span.spacer { display: block; width: 100%; height: 7px; }

article .col-4 { width: 24%; padding-right: 2px; padding-left: 0px; height: auto; float: left; clear: none; }
article .col-4 p { font: 400 12px/17px 'Montserrat', sans-serif !important; padding-left: 7px;  }


/* Regular sized icons ---*/
ul li.pdf, ul li.word, ul li.xls, ul li.doc, ul li.ppt, aside.downloads ul li { list-style-type: none; background: none; padding-left: 0px; margin-top: 0px; margin-bottom: 2px; position: relative; }
ul li.pdf a, ul li.word a, ul li.xls a, ul li.doc a, ul li.ppt a, aside.downloads ul li a { line-height: 1.19em; font-weight: bold; 
min-height: 38px; margin-left: 0px; padding-top: 0px; padding-bottom: 3px; padding-left: 29px; display: block; border: none !important; }
ul li.pdf a:hover, ul li.word a:hover, ul li.xls a:hover, ul li.doc a:hover, ul li.ppt a:hover, aside.downloads ul li a:hover { color: #3a3a3a; }

ul li.ppt a, aside.downloads ul li.ppt {  
  background: url(../css-images/ppt-icon.png) no-repeat;
  -webkit-background-size: 25px 40px;
  -moz-background-size: 25px 40px;
  -o-background-size: 25px 40px;
  background-size: 25px 40px;
}

ul li.pdf a, aside.downloads ul li.pdf {  
  background: url(../css-images/pdf-icon.png) no-repeat;
  -webkit-background-size: 25px 40px;
  -moz-background-size: 25px 40px;
  -o-background-size: 25px 40px;
  background-size: 25px 40px;
}

ul li.word a, aside.downloads ul li.word {  
  background: url(../css-images/word-icon.png) no-repeat;
  -webkit-background-size: 25px 40px;
  -moz-background-size: 25px 40px;
  -o-background-size: 25px 40px;
  background-size: 25px 40px;
}

ul li.xls a, aside.downloads ul li.xls {  
  background: url(../css-images/xls-icon.png) no-repeat;
  -webkit-background-size: 25px 40px;
  -moz-background-size: 25px 40px;
  -o-background-size: 25px 40px;
  background-size: 25px 40px;
}

ul li.doc a, aside.downloads ul li.doc {  
  background: url(../css-images/html-icon-new.png) no-repeat;
  -webkit-background-size: 25px 40px;
  -moz-background-size: 25px 40px;
  -o-background-size: 25px 40px;
  background-size: 25px 40px;
}

/* Large ICONS ---*/
ul li.pdf-big, ul li.word-big, ul li.xls-big, ul li.doc-big, ul li.ppt-big { list-style-type: none; background: none; padding-left: 0px; margin-top: 0px; margin-bottom: -2px; position: relative; }
ul li.pdf-big a, ul li.word-big a, ul li.xls-big a, ul li.doc-big a, ul li.ppt-big a { font-weight: bold; min-height: 38px; margin-left: 0px; padding-top: 16px; padding-bottom: 14px; padding-left: 37px; display: block; border: none; }
ul li.pdf-big a:hover, ul li.word-big a:hover, ul li.xls-big a:hover, ul li.doc-big a:hover, ul li.ppt-big a:hover { color: #3a3a3a; }

ul li.ppt-big a {  
  background: url(../css-images/ppt-icon-big.png) no-repeat;
  -webkit-background-size: 34px 54px;
  -moz-background-size: 34px 54px;
  -o-background-size: 34px 54px;
  background-size: 34px 54px;
}

ul li.pdf-big a {  
  background: url(../css-images/pdf-icon-big.png) no-repeat;
  -webkit-background-size: 34px 54px;
  -moz-background-size: 34px 54px;
  -o-background-size: 34px 54px;
  background-size: 34px 54px;
}

ul li.word-big a {  
  background: url(../css-images/word-icon-big.png) no-repeat;
  -webkit-background-size: 34px 54px;
  -moz-background-size: 34px 54px;
  -o-background-size: 34px 54px;
  background-size: 34px 54px;
}

ul li.xls-big a {  
  background: url(../css-images/xls-icon-big.png) no-repeat;
  -webkit-background-size: 34px 54px;
  -moz-background-size: 34px 54px;
  -o-background-size: 34px 54px;
  background-size: 34px 54px;
}

ul li.doc-big a {  
  background: url(../css-images/html-icon-big.png) no-repeat;
  -webkit-background-size: 34px 54px;
  -moz-background-size: 34px 54px;
  -o-background-size: 34px 54px;
  background-size: 34px 54px;
}

/* Responsive Video ---*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	margin-top: 25px;
	height: 0;
	text-align: center !important;
}
.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none !important;
/*  overflow: hidden !important; */
}

/* --- media page video, 2-col layout */
.video .col-2 p {
	position: relative !important;
	padding-bottom: 56.25% !important; /* 16/9 ratio */
  padding-top: 30px; /* IE6 workaround*/
	padding-top: 0px !important;
	height: 0px !important;
	width: auto;
	margin-right: 0px; padding-right: 0px;
	border: none;
	text-align: left;
	overflow: hidden !important;
}
#videos .videoWrapper { margin: 0; }
	
.video .col-2 p iframe, .video .col-2 p object, .video .col-2 p embed, .BrightcoveExperience {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 570px !important;
	height: 100%;
	max-height: 321px !important;
	border: none !important;
}

#videos p.caption, .video .col-2 p.caption { height: auto !important; max-height: auto !important; position: relative; margin-top: 3px !important; padding-top: 0px !important; padding-bottom: 5px !important; font-size: 15px !important; line-height: 1.3em !important; }

.youtube, .vimeo {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	text-align: center !important;
}

.youtube iframe, .vimeo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none !important;
  overflow: hidden !important;
}

p + .videoWrapper, p + .videogroup { margin-top: 15px; }


/* L2 and L3 Pages ---- */
.inner { padding-bottom: 25px; overflow: hidden; background: url(../css-images/seal-bg.png) no-repeat 98.0% bottom !important;  
    -ms-background-size: 350px 350px !important;
   -moz-background-size: 350px 350px !important;
-webkit-background-size: 350px 350px !important;
        background-size: 350px 350px !important;
}

.media { background: url(../css-images/spacer.gif) no-repeat 98.0% bottom !important; }

.inner article { min-height: 500px; }
.inner .container { overflow: visible; }

.inner article h2 { color: #4b0b76; padding-bottom: 5px; }

.inner article h3 { color: #4b0b76; }
.inner article h3 + .page-wrapper { margin-top: 7px; margin-bottom: -10px; }
.inner article h3.subheading { color: #4b0b76; font-size: 19px; margin-top: -10px !important; padding-top: 0px !important; }
.inner article h4 { color: #3a3a3a; padding-bottom: 0px; margin-bottom: -5px;  }

.news article h2, .news article h3 { color: #4b0b76; }
.news article h3 a { color: #4b0b76; border: none; }
.news article h3 a:hover { color: #4b0b76; }

.events article h2, .events article h3 { color: #77b800; }
.events article h3 a { color: #77b800; border: none; }
.events article h3 a:hover { color: #4b0b76; }

.inner article h3.quote { color: #d17036; border-top: 4px solid #ececec; border-bottom: 4px solid #ececec; margin-top: 30px; padding-bottom: 15px; }
.inner article h3.quote img { float: left; clear: none; margin: 13px 15px 5px -1px; padding: 0; }
.inner article h3.quote em { text-align: right; font-weight: 100; display: block; padding: 0 2px 0 0; }
.inner article h3.quote a { color: #d17036; border: none; }

.inner aside { margin-top: 0px; }
.inner aside p { font: 400 15px/1.5em 'Montserrat', sans-serif; }
.inner aside.address p, aside.address, .inner aside p.address { font: 700 21px/1.5em 'Montserrat', sans-serif; }
.inner aside.address { height: auto; min-height: 1px; overflow: visible; }

.inner aside h3 { margin: 0 0 -3px 0; padding: 7px 0px 0px 13px;  }
.inner aside.downloads { float: right; max-width: 258px; background: none !important; }
.inner aside.downloads h3 { margin-left: 0px; padding-left: 0; }
.inner aside.downloads ul.docs { margin-left: -31px; padding-bottom: 25px; }

.inner #sidebar.right-nav h3 { display: none; }

aside#pagequote { margin: 5px 0 5px 1px; padding-top: 0px; height: auto; }
aside#pagequote.copy p { font: 400 14px/1.5em 'Montserrat', sans-serif; }
aside#pagequote.copy p.quote { color: #d17036; font: 700 17px/1.3em 'Roboto Slab', serif; clear: both; border-top: 3px solid #ececec; border-bottom: 3px solid #ececec; margin-top: 10px; padding-top: 15px; padding-bottom: 15px; }


.inner .col-2 { width: 47%; max-width: 287px; margin: 0; float: left; }
.inner .col-2 + .col-2 { float: right; padding-right: 5px; }

.inner .col-3 { width: 32.0%; max-width: 215px !important; float: left; clear: none; text-align: left; margin: 2px auto 0 auto; padding-right: 10px; }
.inner .col-3 ul { clear: both; }
.inner .col-3 ul.docs { margin-left: 11px !important; }
.inner .col-3 ul.docs li, .inner .col-3 ul.docs li a, .inner aside ul.docs li, .inner aside ul.docs li a { font-size: 14px; } 
.inner .col-3 ul.outsidelink { margin-left: 0px !important; }

.inner .col-3 h2 { margin: 0; padding: 0; width: 98%; }
.inner .col-3 h3 { margin: -5px 0 0 0; padding: 0; width: 98%; position: relative; }
.inner .col-3 p { color: #3a3a3a; font: 400 13px/17px 'Montserrat', sans-serif; margin: 0; padding: 11px 0 9px 0px; width: 97%; clear: both; }

.inner .col-3 + .col-3 + .col-3 { /* padding-right: 0px; margin-right: -5px; margin-left: 3px; */  }

.inner article a  { border-bottom: 1px solid #aadeea; }
.inner article a:hover { border-bottom: none; } 

.inner article li a { border-bottom: none; } 

.inner article #proprofs { min-width: 100% !important; max-width: 100% !important; }  

.inner article .date { color: #999; font-size: 14px; padding-top: 2px; padding-bottom: 2px; display: block; clear: both; }

.inner article.institutional-members h3 { color: #d17036 !important; font-size: 23px !important; text-align: center !important; margin-top: 50px !important; margin-bottom: 35px !important; }
.inner article.institutional-members p { color: #999 !important; font-size: 14px !important; text-align: center !important; width: 100% !important; clear: both !important; margin-top: 10px !important; margin-bottom: 30px !important; padding: 5px 0 !important }
.inner article.institutional-members img { float: none; clear: both; display: block; margin: 3px auto 5px auto !important; padding: 5px 0 !important; height: auto !important; width: auto !important; max-width: 340px !important; max-height: 150px; }


.news { width: 100%; float: left; margin: 25px 0 0 -23px; border-top: 8px solid #4b0b76; }
.news p { font-weight: 700; line-height: 1.3em; float: none; clear: both; padding-top: 3px; padding-bottom: 3px; }
.news p img { border: none; min-width: 95px; height: auto; float: left; margin: 5px 13px 13px 0px; }

.newsheading, .newsheading { border-top: 1px solid #ccc; padding-top: 0px !important; margin-top: 30px !important; clear: both !important; display: block; width: 100% !important; min-height: 60px; }
/* .newsheading h3.short { float: left; clear: none; width: auto !important; padding-bottom: 15px; max-width: 480px; } */
.newsheading .date { color: #999; font-size: 14px; padding-top: 10px !important; padding-bottom: 0px !important; margin: 15px 0 0 0 !important; display: block; white-space: nowrap; }
.newsheading .date + p { margin-top: 3px; padding-top: 1px; }

.news-article h3 + .date { margin-top: 10px; padding-top: 1px; }
.news-article p.small + p { margin-top: 35px; }

.newslisting {  }
.newslisting p {  }
.newslisting p img.thumbnail, p img.thumbnail 
{ float: left !important; margin: -3px 15px 20px 0px !important; max-width: 200px !important; max-height: auto !important; }

.news .news-article p img, .events .events-detail p img { max-width: 320px; max-height: auto; }

.news-article p img { max-width: 300px !important; height: auto !important; }

.events-detail h4.newsdate { font-weight: 700; color: #999; }
.events-detail p.eventdate { font-weight: 700; color: #999; margin-top: 5px; }
.events-detail h4.newsdate + h4 { margin-top: 5px; }


/*
Responsive ----------------------------------- */

@media only screen and (max-width: 1200px) {
article#text #documents { 
  -webkit-column-count: 2;
     -moz-column-count: 2;      
          column-count: 2;
			-moz-column-fill: balance;
  -webkit-column-width: 385px;
     -moz-column-width: 385px;
          column-width: 385px;
 }
}

@media only screen and (max-width: 1190px) {
	
#spotlight article.full, 
#surgeon-spotlight article.full, 
#videos .col-2-wrap,
#spotlight .col-2-wrap { 
  -webkit-column-count: 2 !important;
     -moz-column-count: 2 !important;      
          column-count: 2 !important;
			-moz-column-fill: balance;
  -webkit-column-width: 500px;
     -moz-column-width: 500px;
          column-width: 500px;
 }
}
	
@media only screen and (max-width: 1180px) {

#home, #institutions, #spotlight, #media, opportunities, #get-social { width: 100%; min-width: 100% !important; max-width: 1180px !important; overflow: hidden; }
#home.inner { overflow: visible; }

#home a.scrolldown, #spotlight a.scrolldown, #institutions a.scrolldown, #spotlight a.scrolldown, #media a.scrolldown, #opportunities a.scrolldown { right: 6%; }

#institutions .col-3-wrap {  
 -webkit-column-width: 300px;
    -moz-column-width: 300px;
         column-width: 300px;
   -webkit-column-gap: 1px;
      -moz-column-gap: 1px;
           column-gap: 1px;
 }
 
#institutions .col-3-wrap figure { float: none; margin: 0 auto; }
#institutions .col-3-wrap .member-logo { max-height: 150px; display: block; width: auto; float: none; margin: 0 auto; }

#spotlight article { width: 62%; }
#spotlight figure { min-width: 280px; max-width: 360px; width: 33%; display: block; }
#spotlight figure img { max-width: 100%; }
#spotlight figcaption { }

#media .col-4-wrap, #home.media .col-4-wrap { 
 -webkit-column-width: 230px;
    -moz-column-width: 230px;
         column-width: 230px;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
 }
 
#media .col-4-wrap .news-item, #home.media .col-4-wrap .news-item, #media .col-4-wrap .news-item img, #home.media .col-4-wrap .news-item .news-image img
{ max-width: 230px !important; max-height: 225px !important; }

article#text #documents { 
  -webkit-column-count: 2;
     -moz-column-count: 2;      
          column-count: 2;
			-moz-column-fill: balance;
  -webkit-column-width: 365px;
     -moz-column-width: 365px;
          column-width: 365px;
 }

}

@media only screen and (max-width: 1090px) {
#spotlight article { max-width: 61%; }
	
}

@media only screen and (max-width: 1073px) {
#spotlight article.full p.spotlight-intro { min-height: 21px; }

}

@media only screen and (max-width: 1024px) {
#spotlight article { max-width: 59%; }

#get-social .stories { padding-right: 0px !important; padding-left: 0px !important; } 

#get-social .header header { margin: 0; float: none; max-width: 98%; padding-right: 2%; }
#get-social .header header .icons { margin-right: 0px; }

.inner article img { max-width: 100% !important; height: auto; }

.inner aside.downloads {  }
.inner aside.downloads p, .inner aside.downloads h3, .inner aside.downloads ul, .inner aside.downloads ul.docs { max-width: 90% !important; }

.inner .col-3 { width: 32.0%; max-width: 210px !important; padding-right: 0.5%; }

.news-article p img { max-width: 280px !important; height: auto !important; }

}

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

#institutions .col-3-wrap {  
 -webkit-column-width: 280px;
    -moz-column-width: 280px;
         column-width: 280px;
 }
#institutions .col-3-wrap .member-logo { max-height: 130px; width: auto; }

#media .col-4-wrap, #home.media .col-4-wrap {
 -webkit-column-width: 220px;
    -moz-column-width: 220px;
         column-width: 220px;
 }
 
#media .col-4-wrap .news-item, #home.media .col-4-wrap .news-item, #media .col-4-wrap .news-item img, #home.media .col-4-wrap .news-item .news-image img
{ max-width: 220px !important; }

}

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

#home article { width: 65%; }

#spotlight article { max-width: 62%; }
#media .col-4-wrap { }

#institutions, #get-social { width: 100%; min-width: 100%; }

.newsheading .date, .eventslisting .date { }
.newsheading { min-height: 85px !important; width: 100% !important; clear: both !important; display: block; margin-bottom: 0px; }

}


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

#media .col-4-wrap, #home.media .col-4-wrap { 
 -webkit-column-count: 2;
    -moz-column-count: 2;
		     column-count: 2;		 
 
 -webkit-column-width: 250px;
    -moz-column-width: 250px;
         column-width: 250px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
 }
 
#media .col-4-wrap .news-item, #home.media .col-4-wrap .news-item, #media .col-4-wrap .news-item img, #home.media .col-4-wrap .news-item .news-image img
{ width: 250px; min-width: 250px; }

#media .col-4-wrap .news-item img, #home.media .col-4-wrap .news-item .news-image img { max-height: 225px !important; min-width: auto !important; width: auto !important; }


#home a.scrolldown, #spotlight a.scrolldown, #institutions a.scrolldown, #spotlight a.scrolldown, #media a.scrolldown, #opportunities a.scrolldown { right: 5%; }

}


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

article img, article p img { margin: 1px 20px 15px 0px; position: relative; max-width: 545px !important; }

article img.floatright, article p img.floatright { margin: 1px 0px 15px 20px; }
article img.floatleft, article p img.floatleft { margin: 1px 20px 15px 0px; }

.news-article p img { margin: 1px 0px 15px 20px !important; }


#home article { max-width: 600px; width: 63%; }

}


@media only screen and (max-width: 900px) {
#spotlight article { max-width: 61%; }
	
}


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

article.officers img, article.officers p img { margin: 1px 20px 15px 0px; position: relative; max-width: 225px !important; } 

#spotlight article { max-width: 60%; }
#institutions a.scrolldown, #spotlight a.scrolldown { display: block; margin-top: 0px; }

.video .col-2 p.caption { font-size: 13px !important; line-height: 1.2em !important; }

}

@media only screen and (max-width: 860px) {
	
.inner aside.downloads { min-width: 230px; max-width: 230px !important; margin-right: 2.5%; }	

article.pcc ul.sitemap li.holder a { font-size: 21px; }
article.pcc ul.sitemap li.holder ul.arrow li a { font-size: 15px; }

}

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

article.officers img, article.officers p img { max-width: 200px !important; } 

}

@media only screen and (max-width: 855px) {
	
#content { overflow: hidden !important; }

}

@media only screen and (max-width: 819px) {
.inner { background: url(../css-images/seal-bg.png) no-repeat 96% bottom !important;  
    -ms-background-size: 235px 235px !important;
   -moz-background-size: 235px 235px !important;
-webkit-background-size: 235px 235px !important;
        background-size: 235px 235px !important;
}
.media { background: url(../css-images/spacer.gif) no-repeat 96.0% bottom !important; }


#home article { max-width: 100%; width: 100%; clear: both; padding: 0 0 60px 0; }
#home.media article { padding: 0; }
#home aside, 
.right-nav { width: 100%; max-width: 290px; min-width: 290px; float: none; clear: both; display: block; padding: 20px; margin: 30px auto 0px auto !important; }

aside#pagequote.copy { margin: -5px auto 5px auto !important; padding-top: 0px; height: auto; }

#institutions .col-3-wrap { width: 100%; max-width: 100%;
  -webkit-column-count: 1;
     -moz-column-count: 1;      
          column-count: 1;
}

#institutions .col-3-wrap figure { min-height: auto; max-height: auto; }
#institutions .col-3-wrap img { min-width: auto; min-height: 150px; }

}


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

.inner aside.downloads { min-width: 229px; max-width: 229px !important; }	

}

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


}


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

.inner aside.downloads { min-width: 220px; max-width: 220px !important; margin-right: 2.5%; }	
	
}

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

#spotlight article { max-width: 58%; }
 
}


@media only screen and (max-width: 750px) {
	
.inner aside.downloads { min-width: 210px; max-width: 210px !important; }	

#get-social .container .col-2 #fb-root, #get-social .container .col-2 .fb_iframe_widget, #get-social .container .col-2 .fb_reset { max-width: 90% !important; }

}


@media only screen and (max-width: 729px) {
	
#media .col-4-wrap { }

.inner article p img { float: left; margin-left: 0px; margin-right: 15px; }
.news-article p img { float: left; margin: 1px 15px 15px 0px !important; }


#spotlight article { min-width: 100%; max-width: 100% !important; clear: both; margin-left: 0px; margin-right: 0px; }	

#spotlight figure { width: 96%; max-width: 360px; height: auto; float: none; margin: 20px auto 0 auto !important; padding: 0px;  }
#spotlight figure img { width: 100%; height: auto; font-size: 13px; line-height: 1.333em;  }
#spotlight figcaption { font-size: 13px; line-height: 1.333em; }

#spotlight article h2, #spotlight article h3, #spotlight article h4 { max-width: 95% !important; }

.video .col-2 p { min-width: 100% !important; }
.video .col-2 p iframe, .video .col-2 p object, .video .col-2 p embed, .BrightcoveExperience {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 100% !important;
	max-width: 100% !important;
	height: 100%;
	max-height: 100% !important;
}


.inner aside.downloads { float: left !important; clear: both; margin-left: 0px; margin-right: 0px; padding-left: 23px !important; margin-left: 0px !important; min-width: 90%; max-width: 90% !important; }

#spotlight, .inner table { max-width: 95%; } 

}

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

.col-2, .col-3, .col-4,
.col-2 + .col-2 { float: none !important; clear: both !important; display: block !important; width: 100% !important; max-width: 100% !important; }

#opportunities .col-2 + .col-2, #get-social .col-2 + .col-2 { padding-top: 30px; }

#get-social .col-2 + .col-2 { margin-top: 50px; border-top: solid #dbdbdf 1px; }
#get-social article { background: none; }

}


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

article.officers img, article.officers p img { margin: 1px 15px 20px 0px; position: relative; max-width: 180px !important; } 

.inner aside.downloads { min-width: 94.5%; max-width: 94.5% !important; }	
#home a.scrolldown, #spotlight a.scrolldown, #institutions a.scrolldown, #spotlight a.scrolldown, #media a.scrolldown, #opportunities a.scrolldown { right: 3.5%; }

}

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

#home .col-3 { width: 48%; }
#home .col-3 + .col-3 + .col-3 { margin-left: 0px; clear: both; }

}

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

#media .col-4-wrap {  
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
 }

#get-social .container .col-2 { width: 98% !important; max-width: 98% !important; float: left !important; clear: both; }
#get-social .container .col-2 + .col-2 { margin-top: 35px !important; }

#home a.scrolldown, #spotlight a.scrolldown, #institutions a.scrolldown, #spotlight a.scrolldown, #media a.scrolldown, #opportunities a.scrolldown { right: 2.5%; overflow: hidden; width: 30px; height: 30px; }

a.scrolldown i.fa-angle-down { font-size: 30px !important; display: block; text-align: center; }

article ul.sitemap li .page-wrapper { width: 99% !important; }

}


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

#media .col-4-wrap, #home.media .col-4-wrap { 	  
  -webkit-column-gap: 1px;
     -moz-column-gap: 1px;
          column-gap: 1px;
 }
 
#media .col-4-wrap .news-item, #home.media .col-4-wrap .news-item, #media .col-4-wrap .news-item img, #home.media .col-4-wrap .news-item .news-image img {  }


.inner aside.downloads { min-width: 93.5%; max-width: 93.5% !important; }	

.inner table th { font-size: 15px; line-height: 1.50em; }
.inner table td, .inner table td p { font-size: 13px !important; line-height: 1.50em !important; }
.inner table td p { padding-top: 0px; margin-top: 0px; }
.inner table td.tel { min-width: 100px !important; max-width: 120px !important; }

}

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

#media .col-4-wrap, #home.media .col-4-wrap {  
 -webkit-column-count: 1;
    -moz-column-count: 1;
		     column-count: 1;	
 }

#home .col-3 { width: 47.5%; }

#get-social .container .col-2 { /* width: 98% !important; float: left !important; clear: both !important; */ }
#get-social .container .col-2 #twitter-widget-0, #get-social .container .col-2 #twitter-widget-1 { margin-left: -2px; }

ul.gallery { width: 95%; max-width: 95%; margin-right: auto; margin-left: auto;
/* setup for 2 columns, commented out so that we can use rows. -
 -webkit-column-count: 1 !important; 
 -moz-column-count: 1 !important;
 -moz-column-fill: balance;
 column-count: 1; !important;
 -webkit-column-width: 100% !important;
 -moz-column-width: 100% !important;
 column-width: 100% !important; */
}

ul.gallery li { flex: 1 100%; margin-bottom: 10px; }

#gallery ul.gallery li { max-width: 100% !important; display: block; min-height: auto; float: none;
 flex: 1 100%;  margin-bottom: 10px; 
}

}

@media only screen and (max-width: 520px) {
	
.news-article p img { float: none !important; clear: both !important; display: block !important; margin: 1px auto 15px auto !important; }

}

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

#home .col-3 { float: left !important; clear: both !important; min-width: 97% !important; margin-left: 0px !important; }

#spotlight .col-3 { float: left !important; clear: both !important; min-width: 97% !important; max-width: 97% !important; margin-left: 0px !important; }
#spotlight .col-3 ul, #spotlight .col-3 ul.docs, #spotlight .col-3 ul li, #spotlight .col-3 ul li a { min-width: 97% !important; max-width: 97% !important; }

.inner aside.downloads { min-width: 92.5%; max-width: 92.5% !important; }	

}

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

.inner { background: url(../css-images/seal-bg.png) no-repeat center bottom !important; 
    -ms-background-size: 235px 235px !important;
   -moz-background-size: 235px 235px !important;
-webkit-background-size: 235px 235px !important;
        background-size: 235px 235px !important;
}  

.media { background: url(../css-images/spacer.gif) no-repeat center bottom !important; }

article img, article p img, article img.floatright, article p img.floatright, article img.floatleft, article p img.floatleft { float: none; clear: both; margin: 1px auto 20px auto; display: block; }

#home article.officers p { font-size: 14px !important; }
article.officers img, article.officers p img { max-width: 175px !important; } 

#institutions .col-3-wrap img { min-height: 130px; }
	
}


@media only screen and (max-width: 460px) {
	
#get-social .header h2 { font-size: 28px; }

}


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

.inner aside.downloads { min-width: 91.75%; max-width: 91.75% !important; }	

}

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

#home article.officers p, #home article.officers h3 { text-align: center; }

#home article.officers h3.linetop { font-size: 20px !important; }

#home article.officers h2 + h3.linetop { margin-top: 35px !important; }
#home article.officers h3.linetop { margin-top: 35px !important; }

article.officers img, article.officers p img, .newslisting p img.thumbnail, p img.thumbnail 
{ float: none !important; clear: both; display: block; max-width: 300px !important; margin: 15px auto 15px auto !important; } 

}


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

.inner aside.downloads { margin-left: -2px; min-width: 91.5%; max-width: 91.5% !important; }	
.inner table { max-width: 96%; margin-left: -1px; } 

}


@media only screen and (max-width: 380px) {
	
#get-social .header h2 { font-size: 23px; }
#get-social .header header .icons { margin-right: -5px; }

}


@media only screen and (max-width: 365px) {
#home.inner { overflow: hidden !important; }
.inner aside.downloads { margin-left: -3px; min-width: 89.0%; max-width: 89.0% !important; }	

#breadcrumbs { background-color: #ececec !important; margin-left: -1.875%; min-width: 98.125% !important; padding-right: 0 !important; }

}


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

.inner #sidebar.right-nav { min-width: 104% !important; margin-left: -2% !important; border-radius: 0px; }
.inner #sidebar.right-nav ul { max-width: 90% !important; }
.inner aside.downloads { min-width: 88.5%; max-width: 88.5% !important; }	

}

/* end ----*/