#slider{
	
	margin: 10px 0;
	border: 1px solid #202020;
	}
		
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:490px;
		height:210px;
		overflow:hidden; 
		}	

	#slider li{ 
		background:#f1f1f1;
		}		
	#slider li h2{ 
		margin:0 20px;
		padding-top: 5px;
		color: #000;
		}	
	#slider a {
		color: #000;
		text-decoration: none;
	}	
	
	#slider li p{ 
		margin:20px;
		color: #000;
		}						
		
		#slider li .slider-image {
			float: left;
			width: 120px;
			height: 100%;
		}
		#slider li .slider-content {
			float: right;
			width: 370px;
			background-color: #fff;
			opacity: 0.8;
			filter: alpha(opacity = 80);
			height: 100%;
		}
	
	#slider li p a {
		font-weight: bold;
		color: #000033;
	}

	#slider li p a:hover {
		color: #2F8BD9;
	}

	p#controls{
		margin:0;
		position:relative;
		display: block;
		} 
	
	#prevBtn, #nextBtn{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-160px;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												

	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#003366;
		color:#fff;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#2F8BD9;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}