/* l2 site styles - last edited on 08-17-18
----------------------------------------------- */

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


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

article { color: #807f81; font: 16px/1.5em 'Roboto Slab', 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#text { min-height: 550px; }


article blockquote {
    display: block;
    margin: 15px auto 20px auto;
    position: relative; z-index: 10;
    padding: 5px 2% 5px 3.5%;
    color: #003357;
    font-family: 'Roboto Slab', serif;
    font-size: 17px;
    line-height: 1.5em;
    font-weight: 300 !important;
    text-align: left;
    width: 94.5%;
}
article blockquote::before {
    content: "\201C";
    color: rgba(160,206,103,0.35);
    font-family: 'Lora', serif;
    font-size: 80px;
    font-weight: 700;
    text-shadow: none;
    text-align: left;
    position: absolute; z-index: 1;
    left: -11px;
    top: 13px;
}
article blockquote cite { font-size: 16px; font-family: 'Roboto Slab', serif; width: 96%; display: block; clear: both; text-align: right; margin: 0 auto; padding: 3px 0 5px 0; }

article iframe { padding: 0px; }

#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.home h3 { font-weight: 400 !important; }

article img, article p img { float: left; clear: none; margin: 1px 25px 20px 0px; position: relative; width: auto; max-width: 100%; height: auto; }
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, article figure img.floatleft { float: left; clear: none; margin: 1px 25px 20px 0px; position: relative; }
article img.floatleftnarrow, article p img.floatleftnarrow { float: left; clear: none; margin: 1px 25px 20px 0px; position: relative; max-width: 200px !important; }

article .gray-bg img.floatleft { float: left; clear: none; margin: -35px 10px 10px 5px; width: 100%; max-width: 654px; height: auto; }


article img.full, article p img.full, figure img.full {
    float: none;
    clear: both;
    display: block;
    margin: 1px auto 20px auto;
    position: relative;
    min-width: 100%;
    max-width: 100%;
    height: auto !important;
}

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 { font: 16px/1.5em 'Roboto Slab', serif; padding-left: 7px; margin-top: 0.5em; margin-bottom: 0.65em; margin-left: 0; width: 95%; }


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 { padding-left: 0px; margin: 15px 0 11px 5px; list-style-position: outside; width: 95%; }
article ul li { font: 16px/1.5em 'Roboto Slab', 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 .linetop { border-top: 1px solid #ccc; padding-top: 13px; margin-top: 35px; width: 100%; clear: both; display: block; }
article .linetopblue { border-top: 2px solid #003357; padding-top: 13px; margin-top: 35px; width: 100%; clear: both; display: block; }
article.videos .linetop { margin-left: 0px; max-width: 644px; padding-top: 0px; margin-top: 35px; clear: both; display: block; }
article .disclaimer { border-top: 1px solid #ccc; padding-top: 13px; margin-top: 35px; width: 100%; clear: both; display: block; }
article p.disclaimer { font: 'Roboto', sans-serif !important; font-weight: 600 !important; }
article p.footnote { font: 13px/16px 'Roboto', sans-serif !important; }


/* Navigation ----*/
#home aside, 
.left-nav { min-height: 500px; min-width: 180px; float: left; padding: 40px 40px 10px 45px; margin: 0; 
/* make sticky */ position: fixed; 
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
					background-color: rgba(255, 255, 255, 0.60);
}

#home aside, 
.left-nav  { border-bottom-left-radius: 0px; }

aside ul, .left-nav ul { margin: 5px 0 0 0; padding: 0 0 10px 0; width: 98%; max-width: 225px; }
aside ul li, .left-nav ul li { font-size: 19px; line-height: 1.25em; display: block; margin-left: 0px; padding-left: 0px; }
aside ul li a, .left-nav ul li a { color: #0e5192; padding: 3px 0px 4px 17px; display: block; margin-left: 1px; }
aside ul li a:hover, .left-nav ul li a:hover { color: #f8b852; }


.left-nav ul { }
.left-nav ul li { text-transform: uppercase; font-weight: 300; margin-top: 0.15em; margin-bottom: 10px; }
.left-nav ul li a { padding-top: 2px !important; padding-left: 0px !important; }

.left-nav ul li ul { margin: 5px 0 17px 0px; padding: 0; }

.left-nav ul li ul { }
.left-nav ul li ul li { text-transform: none; font-weight: 300; margin-bottom: 3px; margin-left: 15px; }
.left-nav ul li ul li a { padding-left: 25px; }

.left-nav ul li ul li ul { padding-bottom: 3px; margin-bottom: 0px; } 
.left-nav ul li ul li ul li { margin-top: -3px; }

.left-nav .menu { margin-top: 50px; max-width: 250px; }

.left-nav ul li.on a { color: #f8b852; font-weight: 700; }

/* END Navigation ----*/


#home { width: 100%; display: block; min-height: 250px; float: left; clear: both; }
#home.home { /* min-width: 1165px; */ display: block; padding-bottom: 10px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; overflow: hidden; margin-top: 0px; position: relative; z-index: 25; }
#home.home .container { width: 97%; max-width: 1180px; padding: 35px 1.5% 40px 1.5%; overflow: hidden; }

#home.home .col-2 { float: left; width: 47%; margin-left: 1.5%; max-width: 540px; padding-top: 25px; }
#home.home .col-2 + .col-2 { float: right; margin-right: 1.5%; }

#home.home .page-wrapper { height: 100%; text-align: center; }

#home a { text-decoration: none; }

.col-3-wrap { width: 100%; max-width: 1180px; min-height: 100% !important; display: block; 
  -webkit-column-count: 3;
     -moz-column-count: 3;      
          column-count: 3;
	  -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
			-moz-column-fill: balance;
  -webkit-column-width: 250px;
     -moz-column-width: 250px;
          column-width: 250px;
 }
 

#pagefoot { width: 100%; clear: both; 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; }



.col-2-wrap { width: 100%; max-width: 1180px; display: block; min-height: 100% !important; 
  -webkit-column-count: 2 !important;
     -moz-column-count: 2 !important;      
          column-count: 2 !important;
			-moz-column-fill: balance;
  -webkit-column-width: 420px;
     -moz-column-width: 420px;
          column-width: 420px; 
 }
 
.col-2-wrap .leadership { display: table; min-width: 180px; max-width: 230px; }
.col-2-wrap img.portrait { float: left; max-width: 175px; height: auto; margin-right: 13px; }
				 
.col-2-wrap .item, .board .col-2-wrap p, .executive .col-2-wrap p {
min-width: 420px; width: 100%; min-height: 100%;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid-column;
display: table; float: none; clear: both; }

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

.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: 500 24px/1.25em 'Roboto Slab', serif; margin: 0; padding: 0; width: 98%; }
.full-width .col-3 h3 { font: 500 18px/1.25em 'Roboto Slab', serif; margin: -5px 0 0 0; padding: 0; width: 98%; position: relative; }
.full-width .col-3 p { font: 400 13px/1.25em 'Roboto Slab', 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.5em; }

.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 'Roboto Slab', 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; }

/* 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: #f8b852; 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; }


.stories { width: 100%; min-width: 320px; max-width: 1140px; float: right; background-color: #f1eff2; }
.stories article p { padding-left: 0px; max-width: 85%; }
.stories article h2 { max-width: 85%; } 
.stories article h3 { padding-left: 0px; padding-bottom: 0; margin-bottom: -2px; max-width: 85%; }
.stories article h4 { max-width: 85%; } 

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 13px/17px 'Roboto', sans-serif !important; padding-left: 7px;  }


/* Responsive Video ---*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	text-align: center !important;
}
.videoWrapper iframe, .videoWrapper object, .videoWrapper embed, .BrightcoveExperience {
	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; }
h3 + .videoWrapper { margin-top: 25px; }


/* L2 and L3 Pages ---- */
.inner { overflow: hidden; }

.inner .container { overflow: visible; }
.inner article { min-height: 500px; width: auto; padding-left: 110px; display: block; }
 
.inner article figure, .inner article .gray-bg { margin: 50px 0 35px -110px; }
.inner article figure img { max-width: 100%; height: auto; margin: 0; float: none; clear: both; }

.inner article .gray-bg { background: url(../css-images/gray-bg.png) no-repeat left top; 
  -webkit-background-size: contain;  
     -moz-background-size: contain;
       -o-background-size: contain; 
          background-size: contain;
margin-right: 0px !important; min-height: 400px; max-height: 400px; min-width: 100% !important; }
.inner article .gray-bg img.spacer { max-width: 100%; min-width: 100% !important; height: 1px; margin: -1px 0; float: none; clear: both; display: block; }

.inner article .gray-bg p { float: right; }
.inner article .gray-bg p.book-decription { margin-top: 50px !important; width: 26.25%; padding-right: 10.0%; }
.inner article .gray-bg p.ar { width: auto; padding-right: 9.0%; }


.inner article p, .inner article ul, .inner article li, .inner article ol { }

.inner article h2 { color: #174f91 !important; font-weight: 700 !important; padding-bottom: 5px; }

.inner article h3 { color: #0e5192; font-size: 25px; font-weight: 500 !important; }
.inner article h3.orange { color: #f8b852; }
.inner article h3 + .page-wrapper { margin-top: 7px; margin-bottom: -10px; }
.inner article h3.subheading { color: #f8b852; font-size: 19px; margin-top: -10px !important; padding-top: 0px !important; }
.inner article h4 { color: #f8b852; font-weight: 500; padding-bottom: 0px; margin-bottom: -5px; text-transform: uppercase; }
.inner article h3.bio { font-weight: 400; font-size: 19px; padding-top: 13px; padding-bottom: 0px; margin-top: 35px; margin-bottom: -5px; width: 100%; clear: both; display: block; border-top: 1px solid #ccc; }
.inner article h3.bio strong { color: #02325b; }



.stories .col-2 { width: 47%; max-width: 580px; margin: 0; float: left; }
.stories .col-2 figure, .stories .col-2 figure img, .stories .col-2 img { width: 100%; height: auto; margin: 0; clear: both; }
.stories .col-2 + .col-2 { float: right; padding-right: 0px; }

.stories .col-2 img + time { padding-top: 5px; display: block; }
.stories .col-2 strong.blue { font-weight: 600; }

.stories .col-3 { width: 33.0%; max-width: 380px; float: left; clear: none; text-align: left; margin: 2px auto 0 auto; padding-right: 10px; }
.stories .col-3 article { min-width: 96%; margin: 0px; padding-right: 2.0%; padding-left: 2.0%; }

.stories .col-3 ul { clear: both; }
.stories .col-3 ul.docs { margin-left: 11px !important; }
.stories .col-3 ul.docs li, .stories .col-3 ul.docs li a, .inner aside ul.docs li, .inner aside ul.docs li a { font-size: 14px; } 
.stories .col-3 ul.outsidelink { margin-left: 0px !important; }

.stories .col-3 h2 { margin: 0; padding: 0; width: 98%; }
.stories .col-3 h3 { margin: -5px 0 0 0; padding: 0; width: 98%; position: relative; }
.stories .col-3 p { margin: 0; padding: 11px 0 9px 0px; width: 97%; clear: both; }

.stories .col-3 + .col-3 + .col-3 { padding-right: 0px; margin-right: 0px; }


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

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

#home aside, .left-nav { /* position: absolute; */ left: 0; }
.stories { max-width: 1170px; width: auto; float: left; position: relative; margin-left: 320px; }

}

@media only screen and (max-width: 1400px) { 
article .gray-bg img.book { margin: -35px 5px 5px 10px; max-width: 620px; }
.inner article .gray-bg p.book-decription { margin-top: 30px !important; } 

.inner article .gray-bg { height: auto !important; min-height: 100%; max-height: 100%; margin-top: 7px; margin-bottom: 7px; }

}


@media only screen and (max-width: 1340px) { 
article .gray-bg img.book { max-width: 575px; }

}

@media only screen and (max-width: 1300px) { 
article .gray-bg img.book { max-width: 500px; margin: -25px 5px 0px 10px; }
.inner article .gray-bg p { width: 31.0%; padding-right: 10.0%; }

}

@media only screen and (max-width: 1290px) { 
.stories article { padding-left: 80px; }
.inner article figure, .inner article .gray-bg { margin-left: -80px; }
article h2:first-child { padding-top: 0px; margin-top: 20px; }

}

@media only screen and (max-width: 1280px) { 
.col-2-wrap {  
  -webkit-column-width: 390px;
     -moz-column-width: 390px;
          column-width: 390px; 
 }
.col-2-wrap .leadership { min-width: 150px; max-width: 200px; }

}


@media only screen and (max-width: 1219px) {
#home aside, .left-nav { padding: 40px 25px 10px 25px; }
.stories { margin-left: 280px; }

}

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

article .gray-bg img.book { max-width: 480px; margin: -20px 5px 0px 10px; }
.inner article .gray-bg p { width: 33.0%; padding-right: 9.0%; }

}

@media only screen and (max-width: 1190px) {	
.col-2-wrap { 
  -webkit-column-count: 2;
     -moz-column-count: 2;      
          column-count: 2;
  -webkit-column-width: 350px;
     -moz-column-width: 350px;
          column-width: 350px;
 }
 
.col-2-wrap .leadership { min-width: 120px; max-width: 180px; }
 
}


	
@media only screen and (max-width: 1180px) {
#home, #spotlight, #featured, #social { width: 100%; min-width: 100% !important; max-width: 1180px !important; overflow: hidden; }
#home.inner { overflow: visible; }

.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;
 }
 
.col-3-wrap figure { float: none; margin: 0 auto; }

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

.newslisting .col-4-wrap, .col-4-wrap { 
 -webkit-column-width: 230px !important;
    -moz-column-width: 230px !important;
         column-width: 230px !important;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
 }
 
.col-4-wrap .news-item, .col-4-wrap .news-item .news-image 
{ max-width: 233px !important; max-height: 140px !important; }

.col-4-wrap .news-item .news-image img
{ max-width: 230px !important; max-height: 137px !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: 1165px) {
#home.home { min-width: 100%; max-width: 1165px; margin-right: auto; margin-left: auto; }
.stories .col-3 { width: 32.0%; max-width: 330px; }
.stories .col-3 .view { clear: both; display: block; }

article .gray-bg img.book { max-width: 420px; margin: -10px 0px 0px 10px; }
.inner article .gray-bg p.book-decription { font-size: 19px; margin-top: 20px !important; }
.inner article .gray-bg p { width: 33.0%; }

.inner article .gray-bg a.btn { margin-top: 15px !important; }

}


@media only screen and (max-width: 1100px) {
.stories article { padding-left: 70px; }
.inner article figure, .inner article .gray-bg { margin-left: -70px; }

.col-3-wrap { max-width: 1100px; 
  -webkit-column-width: 310px;
     -moz-column-width: 310px;
          column-width: 310px;
 }
 
.col-2-wrap { 
  -webkit-column-count: 2;
     -moz-column-count: 2;      
          column-count: 2;
  -webkit-column-width: 325px;
     -moz-column-width: 325px;
          column-width: 325px;
 }
 
.col-2-wrap .leadership { min-width: 110px; max-width: 170px; }
article#text .col-2-wrap img.portrait { max-width: 150px !important; height: auto !important; }

}

@media only screen and (max-width: 1090px) {
article .gray-bg img.book { max-width: 400px; margin: -10px 0px 0px 10px; }
.inner article .gray-bg p.book-decription { font-size: 18px; line-height: 1.40em; }
.inner article .gray-bg p { width: 34.0%; }

}

@media only screen and (max-width: 1040px) {
article .gray-bg img.book { max-width: 380px;  }
.inner article .gray-bg p.book-decription { }
.inner article .gray-bg p { width: 34.5%; }

}


@media only screen and (max-width: 1024px) {
.stories article { padding-left: 60px; }
.inner article figure, .inner article .gray-bg { margin-left: -60px; }
.inner article img { max-width: 100% !important; height: auto; }

.stories .col-3 {  max-width: 320px; }
.stories article p, .stories article h2, .stories article h3 { max-width: 92%; }

article .gray-bg img.book { max-width: 375px !important; margin: -10px 0px 0px 10px; }

}

@media only screen and (max-width: 1023px) {
.col-3-wrap { max-width: 1023px; 
  -webkit-column-width: 300px;
     -moz-column-width: 300px;
          column-width: 300px;
 }

}

@media only screen and (max-width: 1016px) {
.col-2-wrap { 
  -webkit-column-count: 1 !important;
     -moz-column-count: 1 !important;      
          column-count: 1 !important;
  -webkit-column-width: 100% !important;
     -moz-column-width: 100% !important;
          column-width: 100% !important;
 }
 
	
.col-2-wrap .leadership { min-width: 150px; max-width: 250px; }
article#text .col-2-wrap img.portrait { max-width: 175px !important; }

}

@media only screen and (max-width: 1012px) {
.col-3-wrap { max-width: 1012px; 
 -webkit-column-width: 280px;
    -moz-column-width: 280px;
         column-width: 280px;
 }

.col-4-wrap {
 -webkit-column-width: 220px;
    -moz-column-width: 220px;
         column-width: 220px;
 }
 
article .gray-bg img.book { max-width: 365px !important; margin: -10px 0px 0px 10px; }
.inner article .gray-bg p { width: 35%; }

}

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

article .gray-bg img.book { max-width: 360px !important; margin: -10px 0px 0px 8px; }
.inner article .gray-bg p { width: 36%; }

}


@media only screen and (max-width: 980px) {
.col-2 img.full { min-width: 100% !important; max-width: 100% !important; height: auto; }

article .gray-bg img.book { max-width: 300px !important;  margin: -5px 0px 0px 8px;  }
.inner article .gray-bg p { width: 40%; }

}


@media only screen and (max-width: 960px) {
.col-3-wrap { max-width: 960px; 
 -webkit-column-count: 2;
    -moz-column-count: 2;
		     column-count: 2;		
 -webkit-column-width: 300px;
    -moz-column-width: 300px;
         column-width: 300px;
	 -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
           column-gap: 10px;
 }

 
article .gray-bg img.book { max-width: 295px !important; }
.inner article .gray-bg p { width: 42%; }

}


@media only screen and (max-width: 920px) {
.left-nav { display: none; visibility: hidden; }
.stories { margin-left: 0px; }

.stories article { padding-left: 35px; padding-right: 0px; margin-left: 0px !important; }

.inner article figure, .inner article .gray-bg { margin-left: -35px; min-width: 100%; }
.inner article figure img.full { margin-left: 0 !important; min-width: 100%; }

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

.stories article p, .stories article h2, .stories article h3 { max-width: 95.5%; }

article .gray-bg img.book { max-width: 480px !important; margin: -15px 0px 0px 10px; }
.inner article .gray-bg p.book-decription { font-size: 19px; margin-top: 30px !important; }
.inner article .gray-bg p { width: 33.0%; }

.inner article .gray-bg a.btn { margin-top: 15px !important; }

}


@media only screen and (max-width: 880px) {
article .gray-bg img.book { max-width: 440px !important; margin: -15px 0px 0px 10px; }

}

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

} 

@media only screen and (max-width: 819px) {
article .gray-bg img.book { max-width: 400px !important; margin: -10px 0px 0px 10px; }
.inner article .gray-bg p.book-decription { font-size: 19px; line-height: 1.40em; }

}


@media only screen and (max-width: 800px) {
.inner article .gray-bg p.book-decription { font-size: 18px; }

}


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

}


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


}

@media only screen and (max-width: 759px) {
article .gray-bg img.book { max-width: 390px !important; }
.inner article .gray-bg p { width: 34.0%; }
	
 
}

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

article .gray-bg img.book { max-width: 375px !important; }
.inner article .gray-bg p { width: 34.5%; }
.inner article .gray-bg p.book-decription { margin-top: 20px !important; }

}


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

.inner article p img { float: left; margin: 1px 20px 15px 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; }

article .gray-bg img.book { max-width: 360px !important; }
.inner article .gray-bg p { width: 35.5%; }
.inner article .gray-bg p.book-decription { }

}

@media only screen and (max-width: 710px) {
.col-2, .col-3, .col-4 { float: none !important; clear: both !important; display: block !important; width: 98.5% !important; max-width: 98.5% !important; }

#home.home .col-2 { width: 97% !important; max-width: 97% !important; }

.col-2-wrap { min-width: 100%; max-width: 100%; 
  -webkit-column-width: 100%;
     -moz-column-width: 100%;
          column-width: 100%;
					} 

#featured .col-3:first-child { margin-left: 0; }
#featured p { font-size: 15px; } 
#featured .date { font-size: 14px !important; }
#featured .col-3 .icon-wrapper { width: 100%; padding-right: 0%; }

.stories .col-3 p { min-width: 97%; }
}


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

article .gray-bg { text-align: center; background: #d7d7d9 url(../css-images/spacer.gif) !important; padding-bottom: 15px; } 

article .gray-bg img.book { max-width: 80% !important; display: block; margin-right: auto; margin-top: -20px; margin-left: auto; float: none; }
.inner article .gray-bg p { width: 80% !important; max-width: 80% !important; display: block; margin-right: auto; margin-left: auto; float: none !important; padding-right: 0; }
.inner article .gray-bg p.book-decription { margin-top: -5px !important; }

}

@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) {
 .col-4-wrap {  
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
 }

.stories .col-3 article { min-width: 97%; margin: 0px; padding-right: 1.5%; padding-left: 1.5%; } 

}


@media only screen and (max-width: 580px) {
.col-4-wrap { 	  
  -webkit-column-gap: 1px;
     -moz-column-gap: 1px;
          column-gap: 1px;
 }
 
}


@media only screen and (max-width: 570px) {
.stories article { padding-top: 15px; padding-left: 20px; }

}


@media only screen and (max-width: 540px) {
.col-4-wrap {  
 -webkit-column-count: 1;
    -moz-column-count: 1;
		     column-count: 1;	
 }
 
.col-4-wrap { min-width: 100%; !important; text-align: center !important; } 
.col-4-wrap .item { min-width: 100% !important; max-width: 100% !important; clear: both; text-align: center !important; }
.col-4-wrap .item img { padding-bottom: 25px; }


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

}

@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; }
article#text .col-2-wrap img.portrait { max-width: 150px !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; }

}

@media only screen and (max-width: 480px) {
.stories article { padding-top: 5px; }
article img, article p img, article img.floatright, article p img.floatright, article img.floatleft, article p img.floatleft 
{ float: none !important; clear: both; margin: 1px auto 20px auto !important; display: block !important; }

article .gray-bg img.book { margin-top: -40px !important; margin-bottom: 5px !important; }
article#text .col-2-wrap img.portrait { max-width: 125px !important; }

}


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

}


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

}

@media only screen and (max-width: 420px) {
article#text .col-2-wrap img.portrait { max-width: 125px !important; }
.col-2-wrap .leadership { max-width: 190px; }

}


@media only screen and (max-width: 400px) {
.inner table { max-width: 96%; margin-left: -1px; } 

}


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

}


@media only screen and (max-width: 360px) {
	
.col-2-wrap .leadership { min-width: 120px; max-width: 180px; }
article#text .col-2-wrap img.portrait { max-width: 115px !important; }

}


@media only screen and (max-width: 340px) {
	
article#text .col-2-wrap img.portrait { max-width: 105px !important; }
article#text .col-2-wrap p { font-size: 14px !important; }
	
}



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

/* end ----*/