/* carousel styling below */
#carousel_container1 {
	/* non-important css to give some space between the carousel and the top of hte browser */
	margin-top: 10px;
}
#carousel_inner {
	float: left; 
	width: 770px; 
	overflow: hidden;

}  
#carousel_ul {
	position: relative;
	/* moves everything one picture width left so that if the first slider button clicked is the right one, there is an image on the left to slide over to the right insteado of a blank space */
	left: -200px;
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
	width:9999px;

}
#carousel_ul li{  
	float: left;
	width: 200px;
	padding:0px;  
	height:162px;  
	background: transparent;  
	margin: 0;
}
#left_scroll, #right_scroll{  
	float: left;  
	margin-left: 10px;
	margin-right: 10px;
	height: 150px;  
	width: 20px;
}
/* end of carousel styling below */