/*------HOW IT WORKS GLIDER
-----------------------------------*/
div#my-glider {
	float: left;
	border: 1px solid #CCCCCC;
}
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 502px; 
	height: 230px;
	overflow: hidden;
	float: left;
	border: 1px solid #e8e8e8;
}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 502px;
	height: 230px;
	overflow: hidden;
	float: left;
	padding: 1px;
	background: #FFFFFF;		
}
div.section-container {
	width: 485px;
	height: 112px;
	padding: 8px;
	float: left;
}
div.scroller div.content {
	width: 10000px;
}
div.controls {
	float: left;
	width: 125px;
	height: 232px;
	border-right: 1px solid #CCCCCC;
	background: #E2E2E2;
}
div.control-links {
	width: 119px;
	height: 21px;
	padding: 4px 0 0 6px;
	background: #E2E2E2;
	border-bottom: 1px solid #CCCCCC;
}
div.control-links:hover {
	background: #CCCCCC;
}
div.controls a {
	text-decoration: none;
	color: #3366CC;
}
div.controls a:hover { text-decoration: underline; }