@charset "UTF-8";

/* NEW STUFF */
 #mainContent #columns {
	 padding: 35px 25px;
	 display: grid;
	 grid-template-columns: 1fr 1fr 1fr;
	 grid-template-areas: "column1 column2 column3";
	 grid-gap: 40px;
}
 #mainContent #column2 {
	 width: 100%!important;
	 margin-left: 0!important;
	 grid-area: column2;
}
 #mainContent #column3 {
	 width: 100%!important;
	 margin-left: 0!important;
	 grid-area: column3;
}
 #mainContent #column1 {
	 width: 100%!important;
	 margin-left: 0!important;
	 grid-area: column1;
}
 #mainContent #column1 .news {
	 display: grid;
	 grid-template-columns: 40% 60%;
	 grid-gap: 15px;
	 padding-bottom: 20px;
}
 #mainContent #column2 .news {
	 padding-bottom:10px;
}
 #mainContent #column1 .news-date, #mainContent #column2 .date {
	 font-size: 13px;
	 text-transform: uppercase;
	 letter-spacing: .03em;
	 font-weight: bold;
}
 #mainContent #column1 .news-content, #mainContent #column2 .news-content {
	 font-size: 15px;
	 line-height: 1.5em;
}
 #mainContent #column1 .news-content h3, #mainContent #column2 .news-content h3 {
	 text-transform: none;
	 letter-spacing: 0;
	 font-size: 20px;
}
 #mainContent #column2 .news-author {
	 text-transform: uppercase;
	 font-size: 13px;
}
/* /NEW STUFF */

#siteNav, #secondaryContent { display: none; }
#mainContent {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}
[class^="icon-"], [class*=" icon-"] {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  top: -1px;
  position: relative;
}
.icon-plus:before {content:"+";}
.icon-times:before {content:"×";}

/*--------- Feature Images ---------*/
#mobileFeature {display: none;}
#siteBanner #siteBannerBG figcaption.learnMoreCaption {
  bottom: 0;
  left: 0;
  width: 100%;
  font-style: normal;
  font-size: inherit;
  padding: 0 50px;
  box-sizing: border-box;
  text-align: center;
  text-shadow: none;
}
.featureStmnt {
  display: inline-block;
  text-align: center;
  margin: 0 0 0 0;
  color: #fff;
  font-size: 35px;
  font-family: "Times New Roman", Times, serif;
  font-weight: 200;
  line-height: 1.1;
  vertical-align: middle;
}
.featureStmnt strong { font-weight: normal; }
.showingMore .featureStmnt { display: none; }
.featureMoreLink {
  display: inline-block;
  margin: 0;
}
.featureMoreLinkClose, .showingMore .featureMoreLinkOpen { display: none; }
.showingMore .featureMoreLinkClose {
  display: block;
  margin-bottom: 0;
  text-align: right;
  margin-right: 25px;
}
.featureMoreLink a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding: 4px 0;
  margin-bottom: 50px;
  margin-left: 10px;
  display: inline-block;
  position: relative;
  top: 1px;
  
}
.featureMoreLink a strong {
  display: inline-block;
  margin-left: 3px;
  font-weight: bold;
  position: relative;
  top: -1px;
}
.featureMoreLink a:hover { text-decoration: none; }
.featureMoreLinkClose a {
  margin-bottom: 0;
  padding: 8px 10px;
  background: rgba(255,255,255,.8);
  color: #000!important;
  text-shadow: none;
  border: none;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
.featureContent {
  display: none;
  width: 100%;
  background: #fff;
  background: rgba(255,255,255,.8);
  color: #000;
  text-shadow: none;
  text-align: left;
}
.showingMore .featureContent { display: table; }
/*.featureContent a { color: #b12!important; }*/
.featureContentMain {
  display: table-cell;
  vertical-align: top;
  padding: 25px;
  font-family: "Times New Roman", Times, serif;
  font-size: 22px;
  line-height: 1.3;
}
.featureContentMain p {margin: 0;}
.featureContentByline p {
  font-size: 10px;
  margin: 10px 0 0;
  font-family: Verdana, Helvetica, sans-serif;
}
.featureContentRelated {
  display: table-cell;
  vertical-align: top;
  width: 35%;
  background: #fff;
  background: rgba(255,255,255,.7);
  padding: 25px;
  border-left: 3px solid #fff;
}
.featureContentRelated p { line-height:1.4em; }
/*.featureContentRelated p em { text-transform: uppercase; }*/
.featureContentRelated ul { padding-left: 1.5em; }
.featureContentRelated li {
  margin-bottom: .5em;
  line-height: normal;
}
.featureContentRelated p a {
    text-decoration: none;
}
.featureContentRelated p a:hover {
    text-decoration: underline;
}
.featureContentRelated p a.callout:hover { color:#fff!important; }
.featureImg {display: block;}
@media screen and (min-width: 841px){
  figure.siteBannerHomeShading:after {
	position: absolute;
	bottom: 0;
	z-index: 2;
	content: "";
	display: block;
	width: 100%;
	height: 150px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#66000000',GradientType=0 );
  }
}
/*--------- Feature Video ---------*/
.videoStmnt {
  position: absolute;
  width: 50%;
  min-height: 71px;
  bottom:11%;
  left: 25%;
  margin: 0;
  color: #fff;
  font-size: 35px;
  font-family: "Times New Roman", Times, serif;
  font-weight: 200;
  line-height: 1.1;
  text-align: center;
}
.videoPlayBtn {
  position: absolute;
  top: 48%;
  left: 50%;
}
.videoPlayBtn a {
  display: block;
  width: 100px;
  height: 0;
  padding-top: 100px;
  overflow: hidden;
  margin: -50px 0 0 -50px;
  background: url(../images/featureVideo_play_shadow.png) center no-repeat;
  opacity: .7;
  transition: .3s;
}
.videoPlayBtn a:hover {opacity: 1;}
.videoStmnt em,
.videoStmnt a {
  font-weight: normal;
  font-style: normal;
  color: #fff;
}
.videoStmnt a:hover {text-decoration: none;}
.videoStmnt em {
  display: block;
  font-style: normal;
  font-family: "Times New Roman", Times, serif;
  padding: 15px 0;
  font-size: 26px;
}
.videoStmnt em span {
    display:block;
    text-transform:uppercase;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    padding-top: 15px;
}
.siteBannerVideoPlay #siteBannerBG {display: none;}
.featureVideo {
  display: none;
}
.videoOverlay {
  background: #000;
}
.videoOverlay .featureVideo {
  display: block;
}
.videoOverlayClose {
  position: absolute;
  top: 5px;
  left: 5px;
  color: #fff;
}
.videoOverlayClose a {
  display: block;
  padding: 7px 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
  background: rgba(255,255,255,.5);
}
@media only screen and (max-width : 1200px) {
  .videoStmnt {
      width: 75%!important;
      left: 12%!important;
  }
  .videoStmnt em {
      font-size: 21px;
  }
  
}
@media only screen and (max-width : 1000px) {
  .videoStmnt {
      bottom:4%;
      width: 85%!important;
      left: 7%!important;
  }
  .videoStmnt em {
      font-size: 21px;
  }
    
}
@media only screen and (max-width : 840px) {
  .videoStmnt {
      display:none;
  }
  .videoStmnt em {
      /*display: none; RAY HID BECAUSE HE DIDN'T KNOW WHY THIS WAS IN PLACE FOR MOBILE 11/20/20 */
  }
  .videoPlayBtn a {
      background-size: 65%;
  }
  
}

/*-------------------------------------------*/
/*----------------- COLUMNS -----------------*/
/*-------------------------------------------*/
#emergencyMsg {
  padding: 30px 65px;
  /*background: #eee;*/
  font-size: 1.25em;
  /*color: red;*/
  line-height: normal;
  text-align: center;
  background-color:#f2f2f2;
  margin-top: 30px;
}

#mainContent #columns {
  padding: 35px 25px;
}
#mainContent #columns:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
#mainContent h2 {
  font-weight: normal;
  font-size: 1.1em;
  text-transform: uppercase;
  color: #000;
  margin: 0 0 15px 0;
  padding-bottom: 3px;
  border-bottom: 1px solid #ccc;
  letter-spacing: 1px;
}
#mainContent h3 {
  text-transform: uppercase;
  color: #686868;
  line-height: 1.3;
  border: 0;
  padding: 0;
  margin: 0 0 3px 0;
  letter-spacing: 0.1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: .9em;
}
#mainContent .column h3 {
    margin-top:25px;
}

#mainContent .column h3:first-of-type {
    margin-top:0px;
}

#mainContent a img { border: none; }
#mainContent .column {
  box-sizing: border-box;
  float: left;
  vertical-align: top;
}
#mainContent #column1 {
  width: 20%;
  margin-left: -100%;
}
#mainContent #column2 {
  width: 35%;
  margin-left: 25%;
}
#mainContent #column3 {
  width: 35%;
  margin-left: 5%;
}
#mainContent .columnText {
  margin-left: 15px;
}
#mainContent #column3 span.date { font-weight: bold; }
.prospects {
  list-style: none;
  padding: 0 0 .5em 0;
  color: #000;
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  font-style: normal;
  display: block;
  margin-bottom:0;
  margin-top:3px;
}
.prospects li a {
  list-style: none;
  padding: 0 0 .5em 0;
  color: #000;
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 1.6em;
  font-style: normal;
  line-height: 1;
  text-decoration: none;
  display: block;
}
.prospects li a:hover {
  list-style: none;
  padding: 0 0 .5em 0;
  font-family: "Times New Roman", Times, serif;
  line-height: 1;
  font-size: 1.6em;
  font-weight: normal;
  font-style: normal;
  text-decoration: underline;
  color: #000;
  display: block;
}
.top-story img {
  width: 100%;
  max-width: 500px;
  height: auto;
}
#mainContent .event {
  margin-bottom: 10px;
  clear: left;
}
#mainContent .event a {
  font-weight: normal;
  color: #000;
}
#mainContent .event a:hover { text-decoration: none; }
#mainContent .event img {
  float: left;
  margin-bottom: 10px;
}
#mainContent .event h3, #mainContent .event p { margin-left: 105px; margin-top:0px; margin-bottom:0px; }
#mainContent .event h3 { font-size: 11px; }
#mainContent .event h3 strong { color: #000; }
#mainContent .event .title {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.6em;
  line-height: normal;
}
#mainContent .event a:hover .title { text-decoration: underline; }
#mainContent .event .subTitle { font-style: normal; }
#mainContent .more {
  clear: both;
  font-size: .9em;
}
/*-----------------------------------------------*/
/*----------------- HOME FOOTER -----------------*/
/*-----------------------------------------------*/
#homeFooter {
  clear: both;
  display: table;
  width: 100%;
  background: #efefef;
  border-collapse: collapse;
}
.homeFooterSection {
  display: table-cell;
  vertical-align: middle;
}
#homeFooterBigButtons {
  width: 320px;
}
@media screen and (min-width: 841px){
  #homeFooterBigButtons {
    padding-left: 35px;
  }
}
#homeFooterBigButtons p { margin: 15px; }
#homeFooterBigButtons a {
  display: block;
  background: #fff;
  padding: 0 10px 0 7px;
  border-left: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 0 2px 2px #999;
  color: #222;
  font-family: "Times New Roman", Times, serif;
  font-size: 32px;
  font-weight: normal;
  text-decoration: none;
}
#homeFooterBigButtons a:hover {
  text-decoration: none;
  border-color: #222;
}
#homeFooterStats { overflow: hidden; }
#homeFooterStats h2 {
  position: absolute;
  top: -999em;
  left: -999em;
}
#homeFooterStatsContainer {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#homeFooterStatsContainer a { font-weight: normal; }
#homeFooterStatsContainer a:hover { text-decoration: none; }
#homeFooterStatsContainer a:hover p { background: #cfe9f8; }
#homeFooterStatsContainer div { display: table-row; }
#homeFooterStatsContainer div:first-child { border-bottom: 1px solid #fff; }
#homeFooterStatsContainer div p {
  display: table-cell;
  width: 1%;
  padding: 20px 15px;
  border-left: 1px solid #fff;
  margin: 0;
  line-height: 1;
  text-align: center;
  color: #444;
}
#homeFooterStatsContainer div p strong {
  display: block;
  font-family: "Times New Roman", Times, serif;
  font-size: 2.7em;
  font-weight: normal;
  margin-bottom: 5px;
}
#mainContent .top-story {
  background-color: transparent;
  margin-bottom: 0px;
  padding: 0px;
}
#mainContent .top-story a h3 {
  letter-spacing: normal;
  text-transform: none;
  color: #000;
  /*font-family: "Times New Roman", Times, serif;*/
  font-size: 1.3em;
  font-weight: normal;
  height: auto;
  line-height: normal;
  text-align: left;
  text-decoration: none;
  width: auto;
  padding: 8px 6px 10px 0px;
  margin: 0;
}
#mainContent .top-story a p {
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: normal;
  height: auto;
  line-height: 1.5em;
  text-align: left;
  text-decoration: none;
  width: auto;
  padding: 0px 6px 10px 0px;
}
#mainContent .top-story a:hover { text-decoration: underline; }
#mainContent .top-story img { border-bottom: 1px solid #fff; }
ul#highlights-button {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #fff url("../images/top-stories/homepage-2015-commencement.jpg") no-repeat left top;
}
ul#highlights-button li, ul#highlights-button li a {
  width: 155px;
  height: 155px;
  padding: 0;
  margin: 8px 0;
  display: block;
  font-weight: normal;
}
ul#highlights-button li, ul#highlights-button li a {
  color: #fff;
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 1px;
  font-weight: normal;
  padding-left: 7px;
  text-transform: uppercase;
}
/*------------------------------------------*/
/*---------------- TEMPORARY ---------------*/
/*------------------------------------------*/

#mainContent #column1 .annual-fund {
    width:100%;
    padding:20px 0px 5px 0px;
    background-color:#A70E16;
    text-align:center;
    margin-bottom:15px;
}

#mainContent #column1 .annual-fund p.goal-tracker {
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    padding: 5px 10px 9px 10px;
    margin: 15px auto 20px auto;
    line-height:1;
    border-top:5px solid #fff;
    border-bottom:5px solid #fff;
    width:65%;
    background-color:#A70E16;
    color:#fff;    
}

#mainContent #column1 .annual-fund p.goal-tracker span {
    display:block;
    font-size:48px;
    color: #fff;
    font-weight:bold;
}

#mainContent #column1 .annual-fund p.goal-tracker em {
    display:inline-block;
    font-style:normal;
    letter-spacing:1px;
    font-size:15px;
}
  
#mainContent #column1 .annual-fund h4 {
    /* font-family: "Times New Roman",Times,serif; */
    font-size: 1.4em;
    font-weight: normal;
    line-height: normal;
    padding: 0px;
    margin: 0px auto;
    text-align:center;
    color:#fff;
    letter-spacing:1px;
}

#mainContent #column1 .annual-fund h4.pre-tracker {
    border:none;
    margin:20px auto 0px auto;
    padding:13px 0 0 0;
    font-size:1.2em;
}

#mainContent #column1 .annual-fund .callout {
    width:65%;
    padding:8px 10px 8px 10px;
    background-color:#5e0501;
    color:#fff;
    border:none;
    margin:0 auto;
}



@media only screen and (max-width : 840px) {
    
    #mainContent #column2 {
		 margin-top:50px;
    }
  #mainContent {
    margin-top: 0!important;
    max-width: 100%!important;
  }
  #mainContent #siteBanner {
    margin: 0 -15px;
    overflow: hidden;
    border-bottom: none;
  }
  /* Start featureImage caption */
  #siteBanner #siteBannerBG figcaption.learnMoreCaption {
    position: relative;
    float: left;
    padding: 35px 50px 0;
    min-height: 260px;
  }
  #siteBanner #siteBannerBG figcaption.learnMoreCaption::after {
    content: "";
    clear: both;
    display: table;
  }
  .featureStmnt {
    margin: 5px 0;
    color: #000;
    line-height: 1.1;
    display: block;
  }
  .showingMore .featureStmnt { display: none; }
  .featureMoreLink {
    display: inline-block;
    margin: 0;
  }
  .featureMoreLinkClose, .showingMore .featureMoreLinkOpen { display: none; }
  .showingMore .featureMoreLinkClose { margin-right: 0px; }
  .featureMoreLink a {
    color: #b12!important;
    margin-top: 10px;
    margin-left: 0;
    display: block;
    font-size: 20px;
  }
  .featureMoreLinkClose a {
    margin: 0;
    padding: 3px 10px;
    color: #000!important;
    position: absolute;
    background-color: #e6e6e6;
    right: 0;/*display: none; /* hide for testing */
  }
  .featureMoreLinkClose a span:first-child { display: none; }
  .showingMore { position: relative; }
  .showingMore .featureContent { display: block; }
  .featureContentMain {
    display: block;
    padding: 0;
  }
  .featureContentRelated {
    display: block;
    width: 100%;
    padding: 0;
    border-left: none;
    margin-bottom: 50px;
  }
  .featureContentRelated li { margin-bottom: 10px; }
  /* end feature image caption */
  #mobileFeature p { padding: 10px 20px; }
  #mainContent #columns {
    display: block;
    padding: 30px 0;
    max-width: 550px;
    margin: 0 auto;
  }
  #mainContent .column {
    float: none;
    margin: 0;
    padding: 0;
  }
  #mainContent #column1 {
    width: auto;
    border-left: none;
    padding-left: 0;
    margin: 0;
  }

  #mainContent #column2 {
    width: auto;
    margin: 0;
  }
  #mainContent #column3 {
    width: auto;
    margin: 50px 0;
  }
  .top-story { margin-bottom: 30px; }
  .top-story a h4 {
    margin-bottom: 5px;
  }
  .top-story a p { font-size: 1.55em; }
  #mainContent .event {
    margin: 0 0 15px;
    float: left;
    clear: left;
    width: 100%;
  }
  .prospects { font-size: 20px; }
  .magazine img {
    float: left;
    margin-right: 10px;
    width: 50%;
    height: auto;
  }
  #homeFooter {
    display: block;
    width: auto;
    padding-top: 10px;
  }
  .homeFooterSection {
    display: block;
    vertical-align: middle;
  }
  #homeFooterBigButtons { width: auto; }
}

.ticker-heading {
  font-weight: normal;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  padding-bottom: 0px;
  padding-top:15px;
  border:none;
  letter-spacing: 1px;
  text-align:center;
  line-height:1.1em;
}
.ticker {
  background-color:#a70e16;
  padding-bottom:1px;
  margin:0 auto 25px auto;
  padding-top:6px;
}

.ticker p.message {
    /*padding:0 27px;*/
    color:#fff;
}

.ticker h2 {
    border-bottom:none;
    margin:0 auto;
    text-align:center;
}

.ticker a.callout {
    /*width:60%;*/
}

.ticker a.callout:hover {
    border:solid 1px #fff;
}

.ticker p.goal-tracker {
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    padding: 5px 10px 9px 10px;
    margin: 15px auto 20px auto;
    line-height:1;
    border-top:5px solid #fff;
    border-bottom:5px solid #fff;
    width:65%;
    background-color:#A70E16;
    color:#fff;   
}

.ticker p.goal-tracker span {
    display:block;
    font-size:48px;
    color: #fff;
    font-weight:bold;
}

.ticker p.goal-tracker em {
    display:inline-block;
    font-style:normal;
    letter-spacing:1px;
    font-size:.9em;
}

p.callout-reverse, a.callout-reverse {
background-color: #a70e16;
border: 1px solid #a70e16;
padding: 8px 18px 9px 18px;
font-size: 13px;
line-height: 1.4em;
text-align: center;
color: #fff;
display: block;
margin: 20px auto 25px auto;
width: 80%;
font-weight: bold;
text-transform: none;
letter-spacing: .02em;
}
a.callout-reverse:hover {
background-color:#fff;
border-color:#a70e16;
color:#a70e16;
text-decoration:none;
}

.covid p {
font-size:19px;
line-height:1.4em;
}
.covid em {
font-family: "Times New Roman", Times, serif;
color: #666;
}
.covid a.callout {
margin: 20px 0 25px 0;
width:91%;
} 

#emergencyMsg div {
display: flex;
align-items: center;
}
#emergencyMsg div p {
margin-bottom:0;
}
#emergencyMsg div p:first-child {
flex: 2;
text-align: left;
line-height:1.2em;
}
#emergencyMsg div p:nth-child(2) {
padding:0 20px 0 40px;
}
#emergencyMsg div a.callout-reverse {
font-size:18px;
font-weight:normal;
width:85%;
}

@media only screen and (max-width:720px) {
#emergencyMsg {
padding:50px;
}
#emergencyMsg div {
flex-direction:column;
}
#emergencyMsg div p:first-child {
text-align: center;
margin: 0 0 15px 0;
}
#emergencyMsg div p:nth-child(2) {
padding:0;
}
#emergencyMsg div p a.callout-reverse {
width:85%;
padding:15px 20px;
margin-bottom:0;
}
.covid a.callout {
width:89%;
}
}
/* Nondiscrimination statement */
#nondisc-stmnt {
  padding: 40px 50px;
  border: 1px solid #e0e0e0;
  font-size: 15px;
  color: #333;
}
@media screen and (max-width: 840px) {
  #nondisc-stmnt {
    padding: 20px;
  }
}