/********************************************************/
/* Easy Slider - twitter box */
/********************************************************/
#slider {
	background-color:#FFF;
	display:block;
}
.slider-box {
	width:150px;
	height:130px;
	background-color:#FFF;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	background-color:#FFF;
	}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:150px;
	height:110px;
	overflow:hidden; 
	background-color:#FFF;
}

#prevBtn a{
	display:inline;
	float:left;
	height:21px;
	width:41px;
	background:url(/images/previous.gif) no-repeat top left;
}
#prevBtn a:hover {
	display:inline;
	float:left;
	height:21px;
	width:41px;
	background:url(/images/previous-over.gif) no-repeat top left;
}
#nextBtn a{
	display:inline;
	float:left;
	height:21px;
	width:41px;
	background:url(/images/forward.gif) no-repeat top left;
}	
#nextBtn a:hover {
	display:inline;
	float:left;
	height:21px;
	width:41px;
	background:url(/images/forward-over.gif) no-repeat top left;
}	

/* // Easy Slider */



/********************************************************/
/* Easy Slider - image galleries */
/********************************************************/

#img-slider {}	
#img-slider ul, #img-slider li {
	margin:0;
	padding:0;
	list-style:none;
	}
#img-slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:430px;
	height:440px;
	overflow:hidden; 
	}	
	
p#controls {
	margin:0;
	position:relative;
	} 

#img-slider-prevBtn a {
	background:url(/images/previous.gif) no-repeat top left;
	display:block;
	height:21px;
	left:155px;
	margin:0;
	overflow:hidden;		
	position:absolute;
	top:-5px;
	width:41px;
}	
#img-slider-prevBtn a:hover {
	background:url(/images/previous-over.gif) no-repeat top left;
	display:block;
	height:21px;
	left:155px;
	margin:0;
	overflow:hidden;		
	position:absolute;
	top:-5px;
	width:41px;
}

#img-slider-nextBtn a { 
	background:url(/images/forward.gif) no-repeat top left;
	display:block;
	height:21px;
	left:200px;
	margin:0;
	overflow:hidden;		
	position:absolute;
	top:-5px;
	width:41px;
}	
#img-slider-nextBtn a:hover { 
	background:url(/images/forward-over.gif) no-repeat top left;
	display:block;
	height:21px;
	left:200px;
	margin:0;
	overflow:hidden;		
	position:absolute;
	top:-5px;
	width:41px;
}	
	
	
	
	
/********************************************************/
/* Easy Slider - multimedia page - img gal */
/********************************************************/

#img-gal {padding-left:20px;}	
#img-gal ul, #img-gal li {
	margin:0;
	padding:0;
	list-style:none;
}

#img-gal li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	
	*/ 
	
	width:650px;
	height:220px;
	overflow:hidden; 
}	
.img-gal-content {
	float:left;
	display:inline;
	overflow:hidden; 
	width:190px; 
	padding:10px;
	height:200px;
}
.img-gal-content h4 {
	height:35px;
}	
p#controls {
	position:relative;
	margin:0;
	padding:0;
} 

#img-gal-prevBtn a {
	background:url(/images/multimedia-left-arrow.gif) no-repeat top left;
	display:inline;
	float:left;	
	overflow:visible;
	position:absolute;
	height:227px;
	margin:0;
	width:19px;
	top:-210px;
}	
#img-gal-prevBtn a:hover {
	background:url(/images/multimedia-left-arrow-over.gif) no-repeat left top;
	display:inline;
	float:left;
	height:227px;
	margin:0;
	overflow:visible;
	position:absolute;
	width:19px;
	top:-210px;
}

#img-gal-nextBtn a { 
	background:url(/images/multimedia-right-arrow.gif) no-repeat top left;
	height:227px;
	margin:0;
	width:19px;
	top:-210px;
	left:660px;
	overflow:visible;
	position:absolute;
}	
#img-gal-nextBtn a:hover { 
	background:url(/images/multimedia-right-arrow-over.gif) no-repeat top left;
	height:227px;
	margin:0;
	width:19px;
	top:-210px;
	left:660px;
	overflow:visible;
	position:absolute;

}	


/********************************************************/
/* Easy Slider - multimedia page - vid gal */
/********************************************************/

#vid-gal {padding-left:20px;}	
#vid-gal ul, #vid-gal li {
	margin:0;
	padding:0;
	list-style:none;
}

#vid-gal li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	
	*/ 
	
	width:650px;
	height:220px;
	overflow:hidden; 
}	
.vid-gal-content {
	float:left;
	display:inline;
	overflow:hidden; 
	width:190px; 
	padding:10px;
	height:200px;
}
.vid-gal-content h4 {
	height:35px;
}
	
p#controls1 {
	position:relative;
	margin:0;
	padding:0;
} 

#vid-gal-prevBtn a {
	background:url(/images/multimedia-left-arrow.gif) no-repeat top left;
	display:inline;
	float:left;	
	overflow:visible;
	position:absolute;
	height:227px;
	margin:0;
	width:19px;
	top:-210px;
}	
#vid-gal-prevBtn a:hover {
	background:url(/images/multimedia-left-arrow-over.gif) no-repeat left top;
	display:inline;
	float:left;
	height:227px;
	margin:0;
	overflow:visible;
	position:absolute;
	width:19px;
	top:-210px;
}

#vid-gal-nextBtn a { 
	background:url(/images/multimedia-right-arrow.gif) no-repeat top left;
	height:227px;
	margin:0;
	width:19px;
	top:-210px;
	left:660px;
	overflow:visible;
	position:absolute;
}	
#vid-gal-nextBtn a:hover { 
	background:url(/images/multimedia-right-arrow-over.gif) no-repeat top left;
	height:227px;
	margin:0;
	width:19px;
	top:-210px;
	left:660px;
	overflow:visible;
	position:absolute;

}