.arrow-small {background-image: url(http://www.siue.edu/_files/images/arrow-large.png); background-repeat: no-repeat; text-decoration:none;}
.hdrImageWrap .hdrImage {height: 250px; position: relative;}
.hdrImageWrap .hdrImage .section-title {background: rgba(0,0,0,0.5); color: #fff; margin: 0; padding: 10px 20px; bottom: 30px; right: 0; position: absolute; font-size: 1.833em;}
.hdrImageWrap .callouts {margin-bottom: 20px;}
.hdrImageWrap .callouts li {position: relative; list-style: none; display: block; float: left; cursor: pointer;}
.hdrImageWrap .callouts .callout02 {margin: 0 8px;}
.hdrImageWrap .callouts li:after {background: rgba(255,255,255,0.5); width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 2; content: "";
  -webkit-transition: background ease-in-out .3s;
       -o-transition: background ease-in-out .3s;
          transition: background ease-in-out .3s;
}
.hdrImageWrap .callouts li:hover:after {background: rgba(255,255,255,0.3);}
.hdrImageWrap .callouts li.flex-active:after {background: rgba(227,58,58,0.5);}
.no-rgba .hdrImageWrap .callouts li .after {width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 2; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF',GradientType=0 );}
.no-rgba .hdrImageWrap .callouts li:hover .after {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4CFFFFFFF', endColorstr='#4CFFFFFF',GradientType=0 );}
.no-rgba .hdrImageWrap .callouts li.flex-active .after {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7FE33A3A', endColorstr='#7FE33A3A',GradientType=0 );}
.hdrImageWrap .callouts h3 {background: #888; color: #fff; padding: 0 15px; bottom: 10px; left: 0; position: absolute; font-size: 24px; line-height: 44px; font-weight: bold; z-index: 3;}
.rgba .hdrImageWrap .callouts h3 {background: rgba(0,0,0,0.5);}