/* =============================================================================
   CONSORTIUM PAGE SLIDER
   ========================================================================== */

.iris-slider-container {
  height: 223px;
  width: 690px;
  overflow: hidden;
  position: relative;
  background: #000;
}

.iris-slide {
  display: none;
}

.iris-image-container img {
  height: 220px;
  width: 550px;
}

.iris-nav-container {
  width: 140px;
  position: absolute;
  right: 0px;
  top: 0px;
  overflow: hidden;
}

.iris-nav-container ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

.iris-nav-container ul li {
  margin: 0px;
  overflow: hidden;
}

.iris-nav-container ul li img {
  width: 140px;
  height: 75px
}

.iris-nav-container ul li a {
  height: 75px;
  margin: 0px;
  display: block;
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);

}
.iris-nav-container ul li a:hover {
  opacity: 1.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);

}

/* Program Grid in Mid Right */
#programGrid {
  border: 1px solid #d7d7d7;
  background: #ededed;
  height: 118px;
  padding: 4px 24px 0px 4px;
  width: auto;
  margin-bottom: 3em;
}

#programGrid div p a {
  width: 105px;
  height: 110px;
  display: block;
  position: relative;
  text-decoration: none;
  transition: none;
}

/* Define background for each grid item */
#programGrid #ds p a {background: url(images/homepage/dsGrid.gif);z-index: 10;}
#programGrid #eno p a {background: url(images/homepage/epoGrid.gif);z-index: 9;}
#programGrid #gsn p a {background: url(images/homepage/gsnGrid2.gif);z-index: 8;}
#programGrid #passcal p a {background: url(images/homepage/passcalGrid2.gif);z-index: 7;}
#programGrid #usarray p a {background: url(images/homepage/usarrayGrid2.gif);z-index: 6;}
#programGrid #other_act p a {background: url(images/homepage/otherGrid.gif);z-index: 5;}

/*#programGrid div p a:hover {
  background-position: 0% 100% !important;
}*/

/* Tooltips */
#programGrid div p a span.tip {
  padding: 10px;
  position: absolute;
  display: none;
  left: 55px;
  top: 80px;
  color: #345812;
  font-size: 8pt;
  text-align: left;
  width: 200px;
}
#programGrid div p {
  margin: 0px;
}

/* Tooltip for USArray so it doesn't go off of the right side of the screen */
#programGrid div p a span.usarraytip {
  padding: 10px;
  position: absolute;
  display: none;
  left: 10px;
  top: 80px;
  color: #345812;
  font-size: 8pt;
  text-align: left;
  width: 130px;
}

#programGrid div p a span .title {
  font-size: 10pt;
}

#programGrid div p a:hover span.tip, #programGrid div p a:hover span.usarraytip {
  display: block;
  border: 2px solid #b9ee88;
  background: url(images/homepage/toolTipBack.gif) #b9ee88;
}

.iris-nav-container ul li a.active {
  opacity: 1.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.iris-caption {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 530px;
  height: 75px;
  padding: 0px 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}

/* ===================================================================
   Main Content
   ================================================================ */

.left {
  width: 45%;
  padding: 0px;
  margin: 2em 2em 0 0;
  float: left;
}

.right{
  width: 45%;
  padding: 0px;
  margin: 2em 0;
  float: left;
}

.news {

}

/* =====================================
QUICK LINKS & CALENDAR SIDEBAR
===================================== */

/* Quick Links in Mid Left */
#quickLinks {
  border-top: 6px solid #6a9641;
  border-bottom: 6px solid #6a9641;
  background: #567b32;
  width: 213px;
  padding: 8px 5px 12px 10px;
}

#quickLinks h3 {
  color: #FFFFFF;
}

/* Calendar in the left column */
#calendar {
  background: url(images/homepage/calendarBack.gif) no-repeat #e9e9e9;
  padding-bottom: 10px;
}

#calendar #calTop {
  color: #FFFFFF;
  font-size: 14pt;
  padding: 10px;
}

#calendar #calTop img {
  width: 14px;
  height: 14px;
  position: relative;
  left: 118px;
  border: 0px;
}

#calendar p {
  padding: 10px 5px 5px 20px;
  font-size: 9pt;
  font-style: italic;
}

#calendar p a {
  font-size: 9pt;
  font-style: normal;
  font-weight: bold;
}

#leftCol #calendar p a:hover {
  text-decoration: underline;
}

#calendar p.viewAll {
  padding-left: 44px;
}

#calendar p.viewAll a {
  font-weight: normal;
}