/*-------------------------------------------
    Carousel
-------------------------------------------
colors: 
comp-a: Ivy: f07336
comp-b: Mortar: 8c8179
comp-c: Indigo: 002663
comp-d: Crimson: 578ac9
*/


.breadcrumb { position: relative; width: 978px; margin: 0 auto 20px; padding-top: 18px; }
	.breadcrumb li { float: left; list-style: none;}
	.breadcrumb li:after { content: "/"; margin: 0 5px 0 3px;  }
		.breadcrumb a { color: #6a8cb0; text-transform: uppercase; font-weight: bold; text-decoration: none; }
		.breadcrumb a:hover, .breadcrumb a:focus { text-decoration: underline; }

.wrap { width: 978px; margin: 0 auto; }
#twocol_wrap { width: 755px; float: right; }

	/* Layout A has only a Main column and takes up the full 978px width */
	.layout-a .main { width: 978px; margin-bottom: 20px; }

	/* Layout B has Secondary on left, Main on the right.*/
	.layout-b .main { float: right; width: 728px; margin-bottom: 20px; }
	.layout-b .secondary { float: left; width: 223px; margin-bottom: 20px;}

	/* Layout C has Secondary on right, Main on the left.*/
	.layout-c .main { float: left; width: 728px; margin-bottom: 20px; }
	.layout-c .secondary { float: right; width: 223px; margin-bottom: 20px;  padding-top: 72px;}

	/* Layout D has Secondary on left, Main in the middle and Sub on the right.*/
	.layout-d .secondary { float: left; width: 223px; margin-bottom: 20px; }
	.layout-d .main { float: left; width: 474px; margin-left: 29px; margin-bottom: 20px; }
	.layout-d .sub { float: left; width: 223px; margin-left: 29px; margin-bottom: 20px; }



.carousel { height: 348px; overflow: hidden; background: #f5f5f5; }
	.carousel .wrap { position: relative; }
		.slide-caption { position: relative; z-index: 10; float: left; width: 376px; min-height: 280px; padding: 68px 40px 0;
			background-image: url(../images/vignette.png);
			background-position: left top;
			background-repeat: no-repeat; }
			.comp-a { background-color: #f07336; }
			.comp-b { background-color: #8c8179; }
			.comp-c { background-color: #002663; }
			.comp-d { background-color: #578ac9; }
			.slide-caption h2 {  color: #fff; font:1.9em Georgia, "Times New Roman", serif normal;  }
				.slide-caption h2 a { color: #fff; text-decoration: none; }
				.slide-caption h2 a:hover, .slide-caption h2 a:focus { color: #e6eae2; text-decoration: none; }

			.slide-callout { width: 900px; }
				.slide-callout p { float: left; max-width: 750px; min-height: 19px; margin-bottom: 5px; padding: 9px 20px 6px 14px; background: #fff; background: rgba(255,255,255,.9); text-transform: uppercase; color: #363636; font-weight: bold; font-size: .8em; line-height: 1.5; }
					.slide-callout p:hover { background: #e6eae2; }
					.slide-callout p a { color: #363636; text-decoration: none; }
					.slide-callout p a:hover, .slide-callout p a:focus { color: #363636; text-decoration: none; }

				.slide-callout .more { padding: 0; }
				.comp-a .slide-callout .more { background-color: #f07336; }
				.comp-b .slide-callout .more { background-color: #8c8179; }
				.comp-c .slide-callout .more { background-color: #002663; }
				.comp-d .slide-callout .more { background-color: #578ac9; }
					.slide-callout .more a { display: inline-block; min-height: 19px; padding: 8px 10px 7px 10px; background: none; color: #fff; text-transform: none; font-weight: normal; font: italic 1.15em Georgia, "Times New Roman", serif; }
					.slide-callout .more a:hover, .slide-callout .more a:focus { background: #000; text-decoration: none; color:#fff; }
		.carousel-image { position: absolute; right: 0; }
	.carousel-item { position: relative; }	
	.carousel-item-secondary { display: none; }

			#hedu_preview .slide-caption h2 { margin-bottom: 32px; color: #fff; font-size: 3.15em; line-height: 1.21; }
				#hedu_preview .slide-callout p { float: left; max-width: 750px; min-height: 19px; margin-bottom: 5px; padding: 9px 20px 6px 14px; background: #fff; background: rgba(255,255,255,.9); text-transform: uppercase; color: #363636; font-weight: bold; font-size: 0.9em; line-height: 1.5; }
				#hedu_preview .slide-callout p.more { padding: 0; }
				#hedu_preview .comp-a .slide-callout p.more { background-color: #f07336; }
				#hedu_preview .comp-b .slide-callout p.more { background-color: #8c8179; }
				#hedu_preview .comp-c .slide-callout p.more { background-color: #002663; }
				#hedu_preview .comp-d .slide-callout p.more { background-color: #578ac9; }

/* flat color for headshot variant */
#carousel_slide_headshot { background-image: none; }



.streamer-social .controls a, .emergency .close, .carousel-controls a { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }

.emergency .close { display: block; position: absolute; top: -4px; right: 0; height: 16px; width: 16px; background: url(../../a/widgets/btn-emergency-close.png) no-repeat 0 0; cursor: pointer; }
.emergency .close:hover, .emergency .close:focus { background-position: 0 -16px; }


.adjoin-options, .main .adjoin-options { width: 262px; height: 220px; overflow-y: scroll; padding: 5px 0 0;  }

/*-------------------------------------------
    Streamer
-------------------------------------------*/

.heading-tab li { margin-bottom: 8px; }
	.heading-tab a { display: block; position: relative; right: -20px; width: 77px; padding: 10px 5px 9px 42px; background: url(../images/streamer-sprite.gif) no-repeat 0 0; color: #adadad; font-weight: bold; text-transform: uppercase; }
	.heading-tab a:hover, .heading-tab a:focus { color: #3b7abd; }
	.heading-tab .active a { background-color: #3f3f3f; color: #fff; }
	.heading-tab a.twitter { background-position: 5px 4px; }
	.heading-tab a.twitter:hover, .heading-tab a.twitter:focus { background-position: 5px -664px; }
	.heading-tab .active a.twitter { background-position: 5px -312px; }
	.heading-tab a.fb { background-position: 5px -123px; }
	.heading-tab a.fb:hover, .heading-tab a.fb:focus { background-position: 5px -780px; }
	.heading-tab .active a.fb { background-position: 5px -428px; }
	.heading-tab a.itunes { background-position: 5px -215px; }
	.heading-tab a.itunes:hover, .heading-tab a.itunes:focus { background-position: 5px -896px; }
	.heading-tab .active a.itunes { background-position: 5px -541px; }
	.heading-tab .active a:after { position: absolute; top: 0; right: -15px; content: url(../../a/screen/bg-heading-tab.gif); }

	* html .heading-tab .active a.twitter:hover, * html .heading-tab .active a.twitter:focus { background-position: 5px -312px; }
	* html .heading-tab .active a.fb:hover, * html .heading-tab .active a.fb:focus { background-position: 5px -428px; }
	* html .heading-tab .active a.itunes:hover, * html .heading-tab .active a.itunes:focus { background-position: 5px -541px; }

.streamer .heading h2 { width: 90px; }

.streamer .heading-tab { position: relative; z-index: 1; }

.streamer-social { display: table }
	.streamer-social .heading, .streamer-social .prime { display: table-cell; }

	.streamer-social .prime { width: 856px; overflow:hidden;}
	* + html .action-footer .streamer .prime { width: 854px; }
	* html .action-footer .streamer .prime { width: auto; }

	.streamer-social .heading { width: 90px; }
	.action-footer .streamer-social .listing { width: 654px; border-right: 1px solid #C3C3C3; }
		.action-footer .streamer-social .listing li { width: 180px; border-left: none; border-right: 1px solid #c3c3c3; }

.streamer-social .controls { float: left; display: table-cell; width: 42px; }
	.streamer-social .controls a { width: 32px; height: 32px; background-image: url(../../a/widgets/btn-streamer-controls.gif); }
	.streamer-social .controls .prev { margin-top: 28px; }
	.streamer-social .controls .prev:hover, .streamer-social .controls .prev:focus { background-position: 0 -32px; }
	.streamer-social .controls .next { margin-top: 4px; background-position: -32px 0; }
	.streamer-social .controls .next:hover, .streamer-social .controls .next:focus { background-position: -32px -32px; }
	.streamer-social .controls .disabled { opacity: 0.2; }


/*-------------------------------------------
    Homepage Caraousel
-------------------------------------------*/

* html .carousel { height: 348px !important; }
* html .slide-caption { background-image: none !important; height: 220px; }
* html .carousel-item { height: 348px; }


.comp-b, .comp-b .slide-callout .more { background-color: #888888; }
.comp-c, .comp-c .slide-callout .more { background-color: #002663; }
.comp-d, .comp-d .slide-callout .more { background-color: #578ac9; }
.comp-e, .comp-e .slide-callout .more { background-color: #888888; }
.comp-f, .comp-f .slide-callout .more { background-color: #9e8822; }
.comp-g, .comp-f .slide-callout .more { background-color: #000000; }

.carousel-controls { position: absolute; z-index: 100; right: 50%; bottom: 10px; width: 98px; height: 32px; margin-right: -479px; overflow: hidden; }
* html .carousel-controls { bottom: 20px; }
	.carousel-controls a { float: left; width: 32px; height: 32px; background-image:url(../images/controls-carousel.png); }
	.carousel-controls .next { background-position: -99px -32px; border-left: 1px solid #333; }
	.carousel-controls .next:hover, .carousel-controls .next:focus { background-position: -99px 0; border-color: #ccc; }
	.carousel-controls .previous { background-position: 0 -32px; }
	.carousel-controls .previous:hover, .carousel-controls .previous:focus { background-position: 0 0; }
	.carousel-controls .pause { background-position: -33px -32px; border-left: 1px solid #333; }
	.carousel-controls .pause:hover, .carousel-controls .pause:focus { background-position: -33px 0; border-color: #ccc; }
	.carousel-controls .play { position: relative; bottom: auto; left: auto; background-position: -66px -32px; border-left: 1px solid #333;}
	.carousel-controls .play:hover, .carousel-controls .play:focus { background-position: -66px 0; border-color: #ccc; }

.carousel .prev-image { position: absolute; left: -978px; top: 0; opacity: 0.2; }
.carousel .next-image { position: absolute; top: 0; right: -522px; opacity: 0.2; }

.slide-caption { min-height: 200px; padding: 68px 40px 80px; }
* html .slide-caption { padding-bottom: 60px; }


/*-------------------------------------------
    Video Player
-------------------------------------------*/

.video-container:hover { cursor: pointer; }
	.video-container object { z-index: 1 !important; }
	.video-container .caption-overlay { display: block; z-index: 1000; position: absolute; width: 80%; bottom: 50px; font-size: 1.2em; }
	.video-container .caption-overlay a { display: block; padding: 6px 6px 5px 9px; background: #fff; background: rgba(255,255,255, .8); line-height: 2; color: #282828; font-weight: bold; text-transform: uppercase; text-decoration: none; }
	.video-container .caption-overlay a:hover, .video-container .caption-overlay a:focus { color: #3b7abd; }
	* html .caption-overlay { left: 0; }

.js-disabled { display: none; }

/*-------------------------------------------
    Twitter
-------------------------------------------*/

#overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.8); z-index:100; }
#twitter-wrap { z-index: 101; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.5); position: absolute; top: 0; left: -9999px; }
#twitter-wrap .close { width: 20px; height: 20px; background: transparent url(../../a/screen/closebox.png) no-repeat center center; width: 30px; height: 30px; display: block; position:absolute; top: -10px; left: -10px; text-indent: -9999px; }

/*------------------------------------------
    Fixed
-------------------------------------------*/

#filter-drop.fix { position: fixed; top: 0;  z-index: 99; }

.shieldfix { background-attachment: fixed !important; } 

















/*adaptive*/
	@media screen and (min-width: 850px) and (max-width: 1016px) {
  .header .logo {
    margin-left: 10px; }
	form#search { display:block; }
		}

@media screen and (min-width: 651px) and (max-width: 850px) {
  html {
    min-width: 768px; }

  .wrap { width: 768px; }
  #filter-drop { width: 768px !important; }
  
  .primary, .president .primary { width: 100%; min-width: 768px; }
  .breadcrumb { width: 758px; padding-left: 10px; }
  .home .primary .wrap { margin: 0 auto; }
}
@media screen and (min-width: 401px) and (max-width: 650px) {
  html {
    min-width: 480px; }

  .wrap {
    width: 480px; }
  #filter-drop { width: 480px !important; }

  .utility-trigger { display: none; }

  .breadcrumb { width: 470px; padding-left: 10px; }
  .primary, .president .primary { width: 100%; min-width: 480px; }

}
@media screen and (max-width: 400px) {
  html {
    min-width: 320px; }

  .wrap {
    width: 320px; } 
  #filter-drop { width: 320px !important; }
 
  .breadcrumb { width: 310px; padding-left: 10px; }
  .primary, .president .primary { width: 100%; min-width: 320px; }
    
    }
@media screen and (min-width: 651px) {
  .mobile-nav {
    display: none; } }
@media screen and (max-width: 850px) {
  /*header */
  .header .logo, .intro h1  { margin-left: 10px; }
  .footer .logo, .footer address, .copy-footer .wrap ul { margin-left: 10px; }
  
  div#view_more { display: none; }

.carousel { height: 273px; overflow: hidden; background: #262626; }
		.slide-caption { position: relative; z-index: 10; float: left; width: 295px; min-height: 220px; padding: 53px 31px 0;
			background-image: url(../images/vignette-358.png); }
			.slide-caption h2 { margin-bottom: 25px; color: #fff; font-size: 1.5em; line-height: 1.21;  }

			.slide-callout { width: 706px; }
				.slide-callout p { max-width: 590px; min-height: 15px; margin-bottom: 4px; padding: 7px 16px 5px 11px; font-size: .7em; line-height: 1.4; }
					.slide-callout .more a { min-height: 15px; padding: 7px 8px 5px 8px; font: italic 1.1em Georgia, "Times New Roman", serif; }
.carousel-image img { width: 411px; height: 273px; } 

.carousel-controls { bottom: 34px; margin-right: -352px; } 

}
@media screen and (max-width: 650px) {
  
 .carousel { height: 520px; overflow: hidden; background: #262626; }
		.slide-caption { position: relative; z-index: 10; width: 480px; min-height: 200px; padding: 0; 
      margin-top: 320px;
			background-image: url(../images/vignette-480.png);
      background-position: bottom left;
      background-repeat: no-repeat; }
			.slide-caption h2 { margin: 15px; color: #fff; font-size: 1.5em; line-height: 1.4; text-align:center; }

			.slide-callout { width: 465px; padding-left: 15px; }
				.slide-callout p { max-width: 440px; min-height: 15px; margin-bottom: 4px; padding: 7px 6px 5px 8px; font-size: .75em; text-align:center; line-height: 1.4; overflow: hidden; }
					.slide-callout .more a { display: none; }
.carousel-image img { width: 480px; height: 320px; } 
.carousel .prev-image { left: -480px; }
.carousel .next-image { right: -480px; }

.carousel-controls { bottom: 24px; margin-right: -50px; } 

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

.carousel { height: 343px; overflow: hidden; background: #262626; }
		.slide-caption { position: relative; z-index: 10; width: 320px; min-height: 130px; padding: 0; 
      margin-top: 213px;
			background-image: url(../screen/vignette-480.png);
      background-position: bottom left;
      background-repeat: no-repeat; }
			.slide-caption h2 { margin: 10px 10px 10px 15px; color: #fff; font-size: 1em; line-height: 1.4; }

			.slide-callout { width: 310px; padding-left: 10px; }
				.slide-callout p { display: none; }
.carousel-image img { width: 320px; height: 213px; } 
.carousel .prev-image { left: -320px; }
.carousel .next-image { right: -320px; }

.carousel-controls { bottom: 18px; margin-right: -50px; } 


}