@charset "UTF-8";


/*----------------------------*/

.clearout { clear: both; font-size: 0; line-height: 0; margin: 0px; padding: 0px; }

.spacer { position: relative; margin: 0px; padding: 0px; width: 0px; height: 0px; }

#slideshowbox { max-width: 1400px;margin: 0 auto; }



/*------- SCROLLER -----------*/
div.scroller { position: relative; position: absolute; width: 426px; right: 0px; top: 0px; z-index: 99; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.scrollshell { /*clear: both;*/}
/*div.scroller > div.scrollshell { opacity: .5; -moz-opacity: .5; -khtml-opacity: .5; filter: alpha(opacity=50); }
div.scroller > div.scrollshell:hover { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100); }*/
.scrollarea { position: relative; width: 426px; height: 555px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; border-width: 0px 0 0px 0px; border-color: #FFFFFF; border-style: solid; /*float: left;*/ /*background-color: #49453c; background-repeat: repeat; background-position: left top; background-image: url(../images/bg_layer_dark.png);*/}
.scrollsubshell { position: absolute; left: 0px; width: 426px; height: 570px; overflow: hidden; }
.scroll { position: absolute; left: 0px; top: 0px; width: 426px; height: 20000px; overflow: hidden; }
.scrollsection { float: none; clear: both; }
ul.scrollitems { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
ul.scrollitems li { display: block; width: 198px; height: 124px; font-size: 0; line-height: 0; /*text-indent: -9999px;*/
	margin: 0px 15px 15px 0px; padding: 0px; border-width: 0 0 0px 0; border-color: #FFFFFF; border-style: solid; float: left; }
ul.scrollitems li a,
ul.scrollitems li a.default { display: block; width: 198px; height: 124px; font-size: 0; line-height: 0; /*text-indent: -9999px;*/
	outline: none; margin: 0px 0px 0px 0px; padding: 0px; border: none; /*float: left;*/
	overflow: hidden; }
ul.scrollitems li a:hover,
ul.scrollitems li a.selected { width: 194px; height: 120px; border-width: 2px 2px 2px 2px; border-color: #be1d23; border-style: solid; }
ul.scrollitems li a img,
ul.scrollitems li a.default img { width: 198px; height: auto; margin: 0px 0px 0px 0px; padding: 0px; border: none; }
ul.scrollitems li a:hover img,
ul.scrollitems li a.selected img { margin: -2px 0px 0px -2px; }
.scrollback { position: absolute; top: 0px; left: 0px; width: 442px; height: 12px; /*background-image: url(../images/scrollbar_bg.jpg); background-repeat: repeat-y; background-position: right top;*/
	background-image: url(../images/scrollbar_up.jpg); background-repeat: no-repeat; background-position: center center; }
.scrollback a { /*background-image: url(../images/arrow_back_n.png);*/}
.scrollback a:hover { /*background-image: url(../images/arrow_back_u.png);*/}
.scrollfwd { position: absolute; bottom: 0px; left: 0px; width: 442px; height: 12px; /*background-image: url(../images/scrollbar_bg.jpg); background-repeat: repeat-y; background-position: left top;*/
	background-image: url(../images/scrollbar_down.jpg); background-repeat: no-repeat; background-position: center center; }
.scrollback, .scrollfwd { visibility: hidden; z-index: 15; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); }
.scrollfwd a { /*background-image: url(../images/arrow_fwd_n.png);*/}
.scrollfwd a:hover { /*background-image: url(../images/arrow_fwd_u.png);*/}
.scrollback a, .scrollfwd a { display: block; width: 442px; height: 15px; font-size: 0; line-height: 0; text-indent: -9999px; outline: none; margin: 0px 0px 0px 0px; padding: 0px; background-repeat: no-repeat; background-position: left top; }
#scrollernav { font-weight: bold; text-align: right; }




/*******************  hp slideshow  ******************/

#slideshow { position:relative; width: 100%; top: 30px; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; background-color: #222; }

#slideshow #slidenav { position: absolute; width: 300px; bottom: 20px; left: 87px; z-index: 100; }

#slideshow #slidenav a.ss_button { display: block; width: 38px; height: 32px; padding: 2px 0 0 0; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-size: 24px; line-height: 1em; font-weight: bolder; color: #FFFFFF; text-align: center; text-decoration: none; outline: none; border-width: 1px 1px 1px 1px; border-color: #FFFFFF; border-style: solid; background: none; }
#slideshow #slidenav a.ss_button:visited { color: #FFFFFF; }
#slideshow #slidenav a.ss_button:hover,
#slideshow #slidenav a.ss_button:active { color: #CCCCCC; }
#slideshow #slidenav a.back{ float: left; }
#slideshow #slidenav a.fwd { float: left; margin-right: 12px; border-width: 1px 1px 1px 0px; }

#slideshow #slidenav ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
#slideshow #slidenav ul li { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-size: 0; line-height: 0; text-indent: -9999px; color: #FFFFFF; text-align: center; width: 13px; height: 13px; margin: 10px 10px 5px 0px; float: left; }
#slideshow #slidenav ul li a { display: block; width: 13px; height: 13px; color: #FFFFFF; text-decoration: none; outline: none; padding: 0px; background-repeat: no-repeat; background-position: left top; }
#slideshow #slidenav ul li a:visited { color: #FFFFFF; text-decoration: none; }
#slideshow #slidenav ul li a:active { color: #FFFFFF; text-decoration: none; }
#slideshow #slidenav ul li a:hover { color: #FFFFFF; text-decoration: none; }
#slideshow #slidenav ul li a.default { background-image: url(../images/nav_circle1.png); }
#slideshow #slidenav ul li a.selected { background-image: url(../images/nav_circle2.png); }
#slideshow #slidenav ul li a:hover { background-image: url(../images/nav_circle3.png); }

#slideshow #slidenav ul li a.selected:hover { background-image: url(../images/nav_circle2.png); }

#slideshow #slidenav {display:none;}

#slideshow #slideshell { max-height: 640px; width: 100%; 
	position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: bottom; }

#slideshow #slideshell>.slide { position: absolute; vertical-align: bottom; 
	bottom: 0px; left: 0px; width: 100%; height: auto; max-height: 640px; padding: 0px 0px 0px 0px; overflow: hidden; display: block; z-index: 9; visibility: visible; }

#slideshow #slideshell>.slide>.ss_image { position: relative; width: 100%; max-height: 640px; overflow: hidden; padding: 0px; float: left;background-position: right top; background-size: 100%; background-repeat: no-repeat; }

#slideshow #slideshell>.slide>.ss_image img { width: 100%; height: auto; padding: 0px; margin: 0px; border: none; visibility: hidden;}


div.slide.active { z-index: 10; display: block;}


#slideshow .morelink { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1em; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none; white-space: nowrap; }

#slideshow a.morelink:hover { color: #990020; }

#slideshow #slideshell div.ss_content { position: absolute; width: 30%; right: 0px; bottom: 0px; margin: 0px 0px 0px 0px; padding: 30px; text-align: left; overflow: hidden; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.5em; color: #FFFFFF; font-weight: lighter; border: none; background: url(https://www.bard.edu/images/tints/80black.png) repeat; z-index: 30; }

#slideshow #slideshell div.ss_image .ss_caption,
#slideshow #slideshell div.ss_content .ss_caption { margin: 20px 0px 0px 0px; overflow: hidden; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-size: 11.5px; font-style: italic; line-height: 12px; text-align: left; color: #FFFFFF;}

#slideshow #slideshell h3,
#slideshow #slideshell .title { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-size: 30px; /*color: #C50315;*/
	color: #FFFFFF; font-weight: 100; line-height: .9em; letter-spacing: 0px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; }



/* ------------------------ responsive styles ------------------------ */

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

	#slideshow #slideshell div.ss_image { 	max-width: 100%; }
	#slideshow #slideshell div.ss_image img { 	width: auto; }
	#slideshow #slideshell div.ss_image img { 	height: auto; width: 100%; }

}



/* --------------------------------------------  STYLES ------------------------------------ */
@media screen and (max-width: 3000px) {

	#slideshow #slidenav { left: 10px; width: 100px; }
	#slideshow #slidenav ul { 	display: none; }
	
}



/* --------------------------------------------  STYLES ------------------------------------ */
@media screen and (max-width: 950px) { #slideshow #slideshell div.ss_content { 	width: 200px; }

	#slideshow #slideshell div.ss_content .ss_text { display: none; }
	#slideshow #slideshell h3 { font-size: 20px; }

}



/* -------------------------------------------- TABLET  STYLES ------------------------------------ */
@media screen and (max-width: 768px) {

	#slideshell { 	margin: 0px 0px 0px 0px; }

	#slideshow #slideshell div.ss_image img { 	height: auto; width: 100%; }

	#slideshow #slideshell div.ss_content { 	width: 200px; }

	#slideshow #slideshell div.ss_content .ss_text { 	display: none; }

	#slideshow #slideshell h3 { 	font-size: 20px; }

	div.scroller { 	display: none; }

}

/* -------------------------------------------- MOBILE ONLY  STYLES ------------------------------------ */
@media screen and (max-width: 565px) { 
	
	#introshell {max-height: 250px; }
	
	#slideshowbox { position: relative; top: 70px; height: 285px; margin: 0 0 25px 0; }
	#slideshow { position:relative; width: 100%; top: 0px; height: auto !important; margin: 0px; padding: 0px;}
	
	.ss_caption {display:none;}
	
	#slideshow #slideshell { height: 285px; width: 100%; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: bottom; }

	#slideshow #slideshell .slide { position: absolute; vertical-align: bottom; bottom: 0px; left: 0px; width: 100%; height: 285px; padding: 0px; margin: 0; overflow: hidden; display: block; z-index: 9; visibility: visible; }
	
	#slideshow #slideshell .slide div.ss_image { width: 100%; height: 285px; padding: 0px; margin: 0; overflow: hidden;  }
	
	#slideshow #slideshell .slide div.ss_content { position: absolute; width: 96%; height: auto !important; right: 0px; bottom:0px; margin: 0px; padding: 1% 2% 2% 2%; text-align: left; overflow: hidden; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.5em; color: #FFFFFF; font-weight: lighter; border: none; background:#222; z-index: 30; }

	#slideshow #slideshell div.ss_content a.morelink {	width: auto; font-size: .7em; line-height: .7em; text-align: left; margin-left: 20px; }

	#slideshow #slidenav a.ss_button {	width: 28px; height: 22px; padding: 1px 0 0 0; font-size: 18px;	line-height: 1em;  margin-top:10px;}
	
	#slideshow #slidenav { position: absolute;	width: 100%; bottom: 7px; left: 10px; z-index: 100; }
	
	#slideshow #slideshell .title { margin: 0 0 0 20px; font-size: 24px;}

}

/*@media only screen and (min-width: 1370px) {

	#slideshow { 	border: 1px solid #FFF; }
	#slideshell { 	width: auto !important; max-width: 100%; max-height: 600px; margin: 0px 0px 0px 0px; border: 1px solid #FFF; }
	div.slide {max-width: 1500px; }
	
	#slide_image {max-width: 1500px; }

	#slideshow #slideshell div.ss_image { 	width: 100%; 
	}
	#slideshow #slideshell div.ss_image img { 	width: 100%; border: 1px solid blue; }

}*/


/* ------------------------ preload styles ------------------------ */


div.slideshow_preload { height: 0px; overflow: hidden; background-repeat: no-repeat; background-position: -9999px top; }

div.slideshow_preload .plimg1 { background-image: url(../images/nav_circle1.png); }
div.slideshow_preload .plimg2 { background-image: url(../images/nav_circle2.png); }
div.slideshow_preload .plimg3 { background-image: url(../images/nav_circle3.png); }