﻿@charset "utf-8";
/* CSS Document */

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

form#search_s{
    position:absolute;
    margin-left:795px;
    top:15px;
}
form#search_s input#search_submit{
	margin-top:0;
}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../images/Home-Page/loading.gif) no-repeat 50% 50%;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../images/Home-Page/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 -5px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -21px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/Home-Page/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
	margin-left:5px; 
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	right:0px;
	top:35px;
	color:#fff;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	
	width:275px;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav {
	display:none;	
}

.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*
Thumbnail scroller jQuery plugin
scrollers styling
*/
.jThumbnailScroller{
	position:relative;
	
	width:710px; 
	margin-left:6px; 
	height:100%; 
	padding:0; 
	overflow:hidden; 
}

.jThumbnailScroller img {
	  x-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* IE 8 */
  xfilter: alpha(opacity=25); /* IE 5-7 */
  xopacity: 0.25; /* Other browsers */
	
}

.jThumbnailScroller .jTscrollerContainer{
	position:absolute;
	left:8px;

}

.jThumbnailScroller .jTscroller{
	position:relative; 
	xheight:100%; 
	xmargin:0; 
	xleft:0; 
	xtop:0; 
	display:inline-block; 
	*display:inline;
	padding:0 20px;
	
}

.jTscrollerNextButton, .jTscrollerPrevButton{
	position:absolute; 
	display:block; 
	width:15px; 
	height:40px; 
	top:18px;
}

.jTscrollerNextButton{
	background:url(../images/Home-Page/Logo-Scroll/rightArrow.png) no-repeat;
	display:block !important;
	right:0;
	margin-left:30px;
}

.jTscrollerPrevButton{
	background: url(../images/Home-Page/Logo-Scroll/leftArrow.png) no-repeat;
	display:block !important;
	left:0;
	margin-right:30px;
}

.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{
		xbackground-color:#d56916; opacity:1;
}

.jThumbnailScroller .jTscroller a{
	display:block;
	float:left; 
	margin:6px 10px 6px 0; 
}

.jThumbnailScroller .jTscroller a:hover{
	xborder-color:#fff;
}

.jThumbnailScroller .jTscroller a:first-child{
	margin-left:10px;
}

.jThumbnailScroller .jTscroller a img{
	border:none;
}


/* Homepage CSS */

.slider-wrapper{
	background-color: rgb(92, 98, 124);
}

#hp-header-slider > li > img{
	display: none;
}

.html-caption{
	position:absolute;
	right:14px;
	top:35px;
	color:#fff;
	z-index:10;
	overflow: hidden;
	display:none;
	font-size:12px;	
	width:275px;
	height:175px;
	margin-top:50px;
	
}
.html-caption .caption-header{
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 10px;
	margin-top: 6px;
}
.html-caption p {
	margin:0;
}
.html-caption a {
	display:inline;
}


.slider-header-h2 {
	color:#006581;
	font-size:22px;
	line-height:28px;
	font-weight:bold;
	position:absolute;
	top:30px;
	right:14px;
	z-index:50;
	display:none;
	width:275px;
}

.html-caption .caption-header span {
	color:#ea6c1a;
	margin-top:10px;
	font-weight:bold;
}

.html-caption p {
	color:#000;
	font-size:12px; 
	margin-bottom:25px;
	line-height:15px;
}

#learn-more-link{
	z-index:50;
	display: none;
	top:242px;
	right: 221px;
}

.html-caption a,#learn-more-link {
	color:#008ab0; 	
	font-weight:bold;
	position:absolute;
	bottom:0;
	height:18px;
}

.html-caption a.exit-video,
.html-caption a.watch-video{
	left:105px;
}

.html-caption a.exit-video{
	display: none;
}

.html-caption a.watch-video img{
	position: absolute !important;
	left: 95px;
	top: -22px;
	width: 60px;
	height: 35px;
}

.html-caption a:hover, #learn-more-link:hover {
	text-decoration:underline;
}

.video-slide{
	background:none;
	background-image: url(../images/Home-Page/videoBackground.jpg);
	background-repeat: no-repeat;
	background-color: white;
	background-position: left top;
}

.video-slide.not-playing{
	background-image: none;
}

.video-slide > img{
	display: none;
}

.video-slide.not-playing > img{
	display: block;
}

.video-integration {
	width:630px;
	background-color:transparent;	
	text-align: center;
	position:absolute;
	top:-9999px;
}
/* Anything Slider CSS */
.anythingSlider-default .anythingControls a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../images/Home-Page/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 -2px;
}
.anythingSlider-default .anythingControls a.cur {
	background-position:0 -21px;
}

.thumbNav  {
	position:absolute;
	bottom:15px;
	right:25px;
	z-index:9;
	cursor:pointer;
	display:block;
}

.anythingSlider .arrow, .anythingSlider  .start-stop { 
	display:none !important;	
}	

.thumbNav li {
	display:inline;	
}

#hp-header-slider {
	width:961px;
	height:294px;	
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: hidden;
	overflow-x: hidden;
}

#hp-header-slider li img {
	position:relative;
	z-index:1;	
}

.nivo-controlNav {
	position:absolute;
	top:225px;
	right:60px;
	z-index:100;	
}

/*Homepage Specific CSS */
#feature-chip { 
	width:301px; 
	height:49px;
	margin-bottom:15px;
}

#subfeature-content {
	position:relative;
}

#see-all-members {
	float:right;
	border-left:2px solid #c7c7c7;	
	margin:-46px 0 0 0;
	padding:0 20px;  
	color:#767676;
	font-size:16px;
}


.inactiveSlide {
	background: url(../images/Home-Page/downArrow.png) no-repeat 146px center;
}

.activeSlide {
	background: url(../images/Home-Page/upArrow.png) no-repeat 146px center;
}

.all-members-list {
	background-color:#ececec;
	width:230px;	
	position:absolute;
	font-weight:bold;
	right:-1px;
	z-index:200;
	border-right:1px solid #c7c7c7;
	border-left:1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7;
	display:none;
}

.all-members-list ul {
	padding:20px;	
}

.all-members-list ul li{
	line-height: 13px;
	margin-bottom: 6px;
}

.all-members-list ul li a {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

/* News and Event */
.hp-news-events {
	padding: 10px 0 10px 10px;
	margin-top:-64px;  
    width:610px;	
}

.container-full-home {
	margin-right:10px;	
	position:relative; 
	min-height:275px;
} 

.hp-news-events .item-list-wide img { 
    border: 1px solid #c7c7c7;
    float: left;
    margin: 3px 20px 0 0; 
}

.equal-heights-home {
	width:975px !important;	
}

.hp-quick-links {
		
}

.item-list-wide  {
	margin:0 !important;	
}


.item-list-wide li {
	margin:0;	
}

.hp-quick-links .hp-ql, .hp-quick-links h5  {
	font-weight:bold !important;
	color:#333333 !important;
	font-size:20px !important;
	background:none !important;
	width:100% !important;
}

.hp-quick-links .hp-ql {
	margin-top:15px;	
}

.hp-quick-links .hp-ql.unselected{
	color:#929292 !important;
}

.hp-quick-links h5 {
	
}

.link-to-mediacenter {
	float:right;	
	margin:10px 10px 0 0;
}

/* Homepage Bottom Content */
#hp-main-content-bottom {
	margin-top:18px;
	width:940px; 
	margin:0 auto;
}

#bottom-column-100, #bottom-column-101 {
	margin-right:17px; 
}

.hp-bottom-columns {
	position:relative;
	padding:18px;
	width:266px;
	float:left;
	/*background-color:#e6e9eb;*/
	background-color: #eee;
	height:100%;
	min-height:210px;
	padding-bottom: 45px;
}

.hp-bottom-columns h2 {
	font-size:17px;
	font-weight:bold;
}
/*adding class for the "News and Event heading h2 home page */
.hp-news-events h2
{
    font-size:20px;
	font-weight:bold;
}

.hp-bottom-columns .article-left-img {
	float:left;
	border:1px solid #c7c7c7;
	margin-right:8px;
}

.btm-column-content {
	
}

.btm-column-content .hp-more-link {
	cursor:pointer;
	position:absolute;
	left:20px;
	bottom:25px;	
	font-weight:bold;
	display:block;
}

.btm-column-content .hp-more-link span {
	background: url(../images/Home-Page/hp-orange-arrow.png) no-repeat 0 3px;	
	padding:0 0 0 14px;
}

/* slider video css */
.caption-video {
	position:relative;	
	display:block;
}

.caption-video .brightcove-player-slider {
	position:absolute;
	left:50px;
	top:0; 
	display:block;
}

.no-display{
	display:none !important;
}

/**** Logo Scrollable CSS **********************************/ 

.logos-horizontal {
	width:740px;	
}

/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scroll {
  /* required settings */
	position:relative;
	overflow:hidden;
	width:680px; 
	height:59px;
}

.horizontal-logos a{
	display: inline-block;
	vertical-align: top;
}

.horizontal-logos.no-display a{
	display: none;
}

#logos-loading{
	width:16px !important;
	height:16px !important;
	position: absolute;
	top: 10px;
	left: 324px;
}
 
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scroll .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
  margin-top:6px;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.scroll .items div {
  float:left;
}

.scroll .items img {
	margin-right:19px;	
	width:151px !important;
	height:35px !important;
}

.scroll .items a img:hover {
	width:160px !important;
	height:37px !important;	
	margin-right:10px;
}

.next1 {
	background: url(../images/Home-Page/Logo-Scroll/rightArrow.png) no-repeat;
	display:block;
	height:10px;
	width:8px;
	text-indent:-9000px;	
	margin-top:18px;	
	cursor:pointer;	
}

.prev1 {
	background: url(../images/Home-Page/Logo-Scroll/leftArrow.png) no-repeat;
	display:block;
	height:10px;
	width:8px;
	text-indent:-9000px;	
	margin-top:18px;	
	cursor:pointer;
	padding-right:20px; 
}


/* News and Events Scrollable CSS */
/* root element for scrollable */
  .scrollable {
 
  /* required settings */
  position:relative;
  overflow:hidden;
 
  /*
  vertical scrollables have typically larger height than width but
  not now
  */
  height: 220px;
  width: 560px;
  }
  
 .scrollable .item {
	height:55px;  
	width:535px;
	padding-right: 50px;
  }
 
  /* root element for scrollable items */
  .scrollable .items {
  position:absolute;
 
  /* this time we have very large space for the height */
  height:20000em;
  }
  
  .next2 {
	background: url(../images/Home-Page/downArrow.png) no-repeat;
	display:block;
	height:8px;
	width:10px;
	text-indent:-9000px;	
	cursor:pointer;	
	right:22px;
	position:absolute;
	top: 240px;
}

.prev2 {
	background: url(../images/Home-Page/upArrow.png) no-repeat;
	display:block;
	height:8px;
	width:10px;
	text-indent:-9000px;		
	cursor:pointer;
	float:right;
	right:22px;
	position:absolute;
}

.cloned {
	display:none;	
}

#feature-wrapper
{
    margin:0;
    padding: 0 10px;
    width:961px;
}

.anythingSlider 
{
    top:0;    
}

.html-caption
{
    background: transparent;
}

/*a.arrow-red {
    background: url("../images/bullet-arrow-orange.gif") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: 0 0 0 14px;
}*/

a.arrow-red {
	padding: 0px 0 0 14px;
	background: url(../images/bullet-arrow-orange.gif) no-repeat 0 3px;
	cursor:pointer;
}

.container-third {
    background: url("../images/bg-module-third.gif") repeat-y scroll 0 0;
    /*background: url(../images/bg-module-third.gif) repeat-y 0px 0px*/
    padding-top: 15px;
}

.container-full-home {
min-height: 269px;
}

.container-full
{
    background: url("../images/bg-module-full.gif") repeat-y scroll 0 0;
    padding: 20px 10px;
}

.container-full h1, .container-full h2, .container-full h3, .container-full h4, .container-full h5, .container-full h6 {
    position: relative;
    right: 0;
    z-index: 24;
}

.hp-quick-links
{
    margin:0;
    width:280px;    
    padding: 10px;
}

.hp-quick-links, .hp-news-events
{
    background: url("../images/bg-module-corner.gif") no-repeat scroll 0 0 #f7f7f7;
    border: 1px solid #c7c7c7;
}

.hp-news-events
{
    margin: -64px 17px 0 17px;
}

.tabBox {
    min-height: 245px;
}

ul.domtabs {
    margin: 0 0 0 12px;
    padding: 0;
}

ul.domtabs li {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float:none;
}

h5, h6 {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 8px;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-weight: normal;
}

h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 10px;
}

ul.domtabs li.tab-title, ul.domtabs a:link, ul.domtabs a:visited {
    background: url("../images/bg-tab-off.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    display: block;
    font-weight: bold;
    height: 9px;
    text-align: center;
    text-decoration: none;
    width: 83px;
    padding:0;
}

.quick-links-indent {
    margin: 0 0 0 8px !important;
}
.sitemap-col ul li strong a
{
    font-weight:bold;
}
/* header 20 years Image */
body.teal h1#logo-Partners-at-20 a { background:url(../images/Partners_20_reversed_mini.png) no-repeat 0 0; }

/* fix topnav alignment on hover */
#topnav-menu-wrapper {
	margin: 0;
	width: 980px;
	position: absolute;
	top: 149px;
	z-index: 800;
}

