﻿/* GLIDER
-----------------------------------------------------------------------------------------------------*/

div#my-glider {
	border: 1px solid #D1D1D1;
	border-bottom: 9px solid #FEED01;
	padding: 5px;
	width: 671px;
	height: 380px;
}

div.scroller {
 
	/* modify width and height of scrolling section if necessary	*/		
	width: 671px; 
	height: 262px;
	overflow: hidden;	
}
	
div.scroller div.section {
	
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:671px;
	height:262px;
	overflow:hidden;
	float:left;
	/*padding:1em;*/
				
}

div.section {
	/*background-color: #F5F5F5; */
}
		
div.scroller div.content {

	width: 10000px;
	
}

div.section img {
	float: left;
	margin-right: 22px;
}

div.content {
    background-color: #F5F5F5;
}

div.controls {
	width: 671px;
	height: 112px;
	border-top: 1px solid #D1D1D1;
	margin-top: 5px;
}

div.controls a img {
	float:left;
	border: none;
	margin-left: 22px;
	margin-top: 20px;
}

div.controls a:hover img {
	outline: 3px solid #FEED01;
}

div.controls a:active img {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}



/* TEXT
----------------------------------------------------------------------------------------------------*/


h2 {
	font: bold 18px/1.1em Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 18px;
	padding-right: 20px;
}

.date {
	font: italic 11px Georgia, Cambria, serif;
	color: #3B3A3A;
	padding-right: 20px;
	margin-bottom: 2px;
}

.venue {
	font: italic 11px Georgia, Cambria, serif;
	color: #3B3A3A;
	padding-right: 20px;
	margin-bottom: 18px;
}


.intro {
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	color: #5A5A5A;
	padding-right: 20px;
}