/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { border:8px solid #FFFFFF; /* width: 45%; min-width: 200px; max-width: 955px; */ margin: 10px auto; padding: 0; position: relative;
    background: 50% 50% no-repeat; width:100%;
    -moz-box-shadow: 0px 2px 5px rgba(76,76,76,1), inset 1px 1px 5px rgba(51,51,51,0.97);
	-webkit-box-shadow: 0px 2px 5px rgba(76,76,76,1), inset 1px 1px 5px rgba(51,51,51,0.97);
	box-shadow: 0px 2px 5px rgba(76,76,76,1), inset 1px 1px 5px rgba(51,51,51,0.97);

    overflow: hidden;
    max-height:294px;
 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden; width:20px; height:20px;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.caption-caption { position: absolute; color: #ffffff; bottom: 15px; right: 15px; z-index: 700; font-size:12px;}


#slideContent {
	margin:50px 0 20px 100px;
}

.caption-desc a:link, .caption-desc a:visited {
	color:#ffffff;
	text-decoration: underline;
}

.caption-desc a:hover, .caption-desc a:active {
	color:#ffffff;
	text-decoration: none;
}


/* overlay */


.cycle-overlay { 
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
    position: absolute; bottom: 0; width: 50%; z-index: 600;
    margin: 0 0 150px 95px;
    height: 100px;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 10%; opacity: .3; filter: alpha(opacity=30); z-index: 800; height: 30%; margin-top: 100px; cursor: pointer; }
.cycle-prev { left: 0;  background: url(//static.ark.org/eethemes/site_themes/ag/img/prevButton.png) 50% 40% no-repeat;}
.cycle-next { right: 0; background: url(//static.ark.org/eethemes/site_themes/ag/img/nextButton.png) 50% 40% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .9; filter: alpha(opacity=90) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 0;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .3; filter: alpha(opacity=50);
}

#custom-pager {
	display:block;
	float:right!important;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: -35px 10px 0 0;
	position:relative;
	z-index:10000;
}

#custom-pager a {
	border:1px #ffffff solid;
	color:#ffffff;
	margin:2px;
	padding: 2px 6px;
	text-decoration:none;
	z-index:10000;
	
}

#custom-pager a:hover, #custom-pager a:active {
	background-color:#ffffff;
	color:#666666;
	
}

#newsBlockWrapper a:link, #newsBlockWrapper a:visited {
	color:#ffffff!important;
	text-decoration: underline!important;
}

#newsBlockWrapper, #newsBlockWrapper a:hover, #newsBlockWrapper a:active {
	color:#ffffff!important;
	text-decoration: none!important;
}


#announcements {/*width: 460px;*/ height: 153px; background-color: #003763; border-color:#C2D1DD; border-style: solid; border-width: 2px; border-radius: 20px; behavior: url(//static.ark.org/eethemes/site_themes/ag/pie/PIE.htc); margin-bottom: -4px; z-index:10;}
#announcements div {padding: 20px;}
#news-pager ul {display: inline; margin: 0px; padding: 0px;}
#news-pager ul li {display: inline; z-index:1000; position: relative;}
#news-pager ul li a {display: inline-block; width: 40px; height: 40px; background: url(//static.ark.org/eethemes/site_themes/ag/img/footerBanner.png) no-repeat; margin-right: 20px;text-indent: -9999px;}

/*
#news-pager ul li.slide1 a {background-position: -60px 0px;}
#news-pager ul li.slide2 a {background-position: -120px 0px;}
#news-pager ul li.slide3 a {background-position: -180px 0px;}

#news-pager ul li.slide1 a:hover {background-position: -60px -40px;}
#news-pager ul li.slide2 a:hover {background-position: -120px -40px;}
#news-pager ul li.slide3 a:hover {background-position: -180px -40px;}

#news-pager ul li.slide1.cycle-pager-active a {background-position: -60px -80px;}
#news-pager ul li.slide2.cycle-pager-active a {background-position: -120px -80px;}
#news-pager ul li.slide3.cycle-pager-active a {background-position: -180px -80px;}
*/

#news-pager ul li.slide2 a {background-position: -60px 0px;}
#news-pager ul li.slide3 a {background-position: -120px 0px;}
#news-pager ul li.slide1 a:hover {background-position: 0px -40px;}
#news-pager ul li.slide2 a:hover {background-position: -60px -40px;}
#news-pager ul li.slide3 a:hover {background-position: -120px -40px;}

#news-pager ul li.slide1.cycle-pager-active a {background-position: 0px -80px;}
#news-pager ul li.slide2.cycle-pager-active a {background-position: -60px -80px;}
#news-pager ul li.slide3.cycle-pager-active a {background-position: -120px -80px;}

/* Text Slides */
.text-slide .slide-img {position: relative; z-index: 0;}
.text-slide .slide-content {position: absolute; z-index: 100;}

/* 
    media queries 
    some style overrides to make things more pleasant on mobild devices
*/



/* Large desktop */
	@media (min-width: 1200px) {
	#news-pager {
	margin:0px 0 0 195px;
	position: absolute;
	z-index: 1000;
	
}

.caption-title {
	font-family: "trajan-pro-3","Times New Roman", Times, serif;
	font-weight: normal!important;
	margin: 50px 20px 20px 100px!important; 
	color:#ffffff;
	float:left;
	font-size:35px;
	line-height: 30px;
}

.caption-desc {
	color:#ffffff;
	float:left;
	font-size:12px;
	margin-left: 100px;
	width:72%;
	line-height: 16px;
}

	}
	
	/* Portrait tablet to landscape and desktop */
	@media (min-width: 980px) and (max-width: 1199px) { 
	#news-pager {
    margin: 0 0 0 185px;
    position: absolute;
    z-index: 1000;
}

.caption-title {
	font-family: "trajan-pro-3","Times New Roman", Times, serif;
	font-weight: normal!important;
	margin: 50px 20px 20px 100px!important; 
	color:#ffffff;
	float:left;
	font-size:35px;
	line-height: 30px;
}

.caption-desc {
	color:#ffffff;
	float:left;
	font-size:12px;
	margin-left: 100px;
	width:72%;
	line-height: 16px;
}

	}
	
/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 979px) { 
	#news-pager {
    margin: 0 0 0 135px;
    position: absolute;
    z-index: 1000;
}

.caption-title {
	font-family: "trajan-pro-3","Times New Roman", Times, serif;
	font-weight: normal!important;
	margin: 25px 20px 10px 70px!important; 
	color:#ffffff;
	float:left;
	font-size:35px;
	line-height: 30px;
}

.caption-desc {
	color:#ffffff;
	float:left;
	font-size:11px;
	margin-left: 70px;
	width:72%;
	line-height: 12px;
}



	}
     
/* Landscape phone to portrait tablet */
	@media (max-width: 767px) {
	#news-pager {
    margin: -14px 0 0 135px;
    position: absolute;
    z-index: 1000;
}
	}
	 
     
/* Landscape phone to portrait tablet */
	@media (max-width: 767px) {
#news-pager {
    margin: -14px 0 0 135px;
    position: absolute;
    z-index: 1000;
}
	}
	
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 97%;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}