@charset "UTF-8";
/* CSS Document */

/**separate slideshow css pages were created and attached to the pages containing different slideshows because styling the .cycle-shadow css rule with a different name to give different styles to another slideshow could not be achieved at this time**/

/**This slideshow was created using the cycle2 prev/next demo and the styling can be seen in its page source**/ 



/**SLIDESHOW STYLES FOR LARGE IMAGES**/
.slideshow_pag {
	widt: 0 auto;
	margin-top: 50px;
	margin-bottom: 20px;
	background-color: #FFF;
	margin: 0 auto;
	
	
} 

.cycle-slideshow  {
	margin: 0 auto;
	max-height; 650px;
	width: 0 auto; /**this determines the placement of the arrows**/
	borde: 1px solid #bbb;
	background-color: #333;
	margin-bottom: 20px; 
	
}


.slid {  /**Do I need this style?**/
	position: relative;
	width: 80%;
	max-heigh: 650px;
	displa: block;
	margi: 0 auto; padding: 0;
}

.cycle-slideshow img {
	margin:  auto;
	width:  auto;
	max-height: 610px;
	padding-top: 50px;
	opacity: 0;
	filter: alpha(opacity=0);
	borde: 10px solid #FFF;
	background-color: #333;

	
	
	
		
}


/* prev / next links */
.cycle-prev, .cycle-next {
position: absolute;
top: 0;
width: 30%;
opacity: 0;
filter: alpha(opacity=0);
z-index: 800;
height: 100%;
cursor: pointer;
}
.cycle-prev {
	left: 0;
	background-image: url(../images/left.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.cycle-next {
	right: 0;
	background-image: url(../images/right.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.cycle-prev:hover, .cycle-next:hover {
opacity: .7;
filter: alpha(opacity=70);
}

/**END SLIDESHOW STYLES**/

.title {
	
	text-align: left;
	padding-left: 300px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 17.5px;
	color: #FFF;
	background-color: #333;
	margin-top: 30px;
	margin-bottom: 75px;
		
}	



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

.video {
	height: auto;
	width: 960px;
}