.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
border: 2px solid #AAAAAA;
border-top: 0px;
width: 876px;
height: 493px;
}

.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}

.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{
position: absolute;
width: 850px; /* picture width minus left and right padding */
margin: 0 0 0 -876px; /* margin left, negative picture width */
padding: 6px 6px 12px 20px;
background: #000;
color: #FFF;
font-size: 18px;
text-decoration: none;
}

/*Added by Utica COllege*/
.slideViewer span.typo h2 {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
}

.thumbSlider { /*the thumbnails slider*/
	position: relative;
	left: 2px; /* gallery border width */
	width: 877px; /* (thumb width (190) + padding (6+6) + right margin (23)) * thumbs (4) minus right margin (23) */
	height: 172px; /* thumb height (120) + padding (6+6) + thumb text (28) + thumb pointer (12) */
	text-align: center;
	overflow: hidden;
	margin: 4px auto 0px auto;
}

.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}

.thumbSlider ul li{ 
float:left;
background-color: #818181;
margin: 12px 23px 0px 0px; /* margin top is thumb point height minus overlap (3) */
height: 160px; /* thumb height (120) + padding (6+6) + thumb text (28) */
width: 202px; /* thumb width (190) + thumb padding (6*2) + thumb border (1*2) */
}

.thumbSlider a {
text-decoration: none;
display: block;
background-color: #818181;
}

/*Added by Utica College*/
.thumbSlider a div.thumbtext{
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	margin: 0px 6px 0px 6px;
	overflow: hidden;
	height: 28px;
	text-align: left;
	color: #FFFFFF;
}

.thumbSlider a img.thumb {
	border: 0;
	display: block;
	padding: 0;
	height: 120px;
	width: 190px;
	margin: 6px;
}
.thumbSlider p.tmbrdr {
	position:relative; 
	left: 0;
	top: -172px; /* thumb height (120) + thumb padding (6*2) + thumb text (28) + thumb point (12) */
	font-size: 0.01em;
	margin: 0;
	padding: 0;
	z-index: 100;
	opacity: 1;
	width: 200px; /* thumb width (190) + thumb padding (6*2) - thumb border (1*2) */
	height: 158px; /* thumb height (120) + thumb padding (6*2) + thumb text (28) - thumb border (1*2) */
	border: 1px solid #CCCCCC;
}

	.thumbSlider p.tmbrdr.active {
		width: 198px; /* thumb width (190) + thumb padding (6*2) - thumb active border (2*2) */
		height: 156px; /* thumb height (120) + thumb padding (6*2) + thumb text (28) - thumb active border (2*2) */
		border: 2px solid #F15C22;
	}

	.thumbSlider p.tmbrdr.inactive {
		width: 200px; /* thumb width (190) + thumb padding (6*2) - thumb border (1*2) */
		height: 158px; /* thumb height (120) + thumb padding (6*2) + thumb text (28) - thumb border (1*2) */
		border: 1px solid #CCCCCC;
	}

.thumbSlider img.thumbpoint {
	position: relative;
	z-index: 200;
	margin-left: auto;
	margin-right: auto;
	top: -170px; /* thumb height (120) + thumb padding (6*2) + thumb text (28) + thumb point (12) - overlap (2) */
	visibility: hidden;
}

a.left, a.right { /*the left and right buttons (links)*/
	display: block;
	text-align: center;
	width: 20px;
	height: 160px; /* thumb height (120) + thumb padding (6*2) + thumb text (28) + thumb border (1*2) */
	margin-top: -160px;
	text-decoration: none;
	line-height: 160px;
	color: #FFFFFF;
	background: transparent; /* could be any color  */
	color: #ff0000;
	font: bold 16px Arial;
	overflow: hidden;
	z-index: 300;
	position: absolute;
}

a.left {
	margin-left: -43px; /* button width (20) + thumb right margin (23) */
	/* var lbttLeftMargin = (pictWidth/2) - (jQuery("div#thumbSlider" + j).width()/2) - (settings.buttonsWidth + settings.thumbsRightMargin) + contBorder; */
}

a.right {
	margin-left: 901px; /* thumb slider width (877) + thumb right margin (23) + thumb border (1) */
}

a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
visibility: hidden;
}

.slideViewer a:focus {outline:none;}