#container{
width:820px;
margin-left:auto;
margin-right: auto;

}

div#my-glider{
width:820px;
height:221px;
	background-image:url(../images/middle_slider_bg.gif);
	background-repeat:no-repeat;
	background-position:center top;
	
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 799px; 
	height: 221px;
	overflow: hidden;
	margin-left:11px;


	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 799px; 
	height: 221px;
		overflow:hidden;
		float:left;
		padding:1em;		
		}
		
		div.section1 {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 799px; 
	height: 221px;
		overflow:hidden;
		float:left;
		padding:1em;
		background-image:url(../images/slider_bg_1.gif);
		background-repeat:no-repeat;
		}
		
		div.section2 {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 799px; 
	height: 221px;
		overflow:hidden;
		float:left;
		padding:1em;
		background-image:url(../images/slider_bg_2.gif);
		background-repeat:no-repeat;	
		}
		
		div.section3{
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 799px; 
	height: 221px;
		overflow:hidden;
		float:left;
		padding:1em;
		background-image:url(../images/slider_bg_3.gif);
		background-repeat:no-repeat;	
		}
		
		div.section4 {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 799px; 
	height: 221px;
		overflow:hidden;
		float:left;
		padding:1em;
		background-image:url(../images/slider_bg_4.gif);
		background-repeat:no-repeat;	
		}
		
	div.scroller div.content {
		width: 10000px;
		}
		
		.scroller_text{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#4c4c4c;
		font-size:12px;
		padding-top:60px;
		width:375px;
		line-height:18px;
		margin-left:4px;
		
		}
		
		.read_more{
		margin-left:4px;
		margin-top:15px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#FFFFFF;
		text-transform:uppercase;
		font-size:18px;
		font-weight:normal;
		background-image:url(../images/read_more_button.gif);
		background-repeat:no-repeat;
				width:164px;
		}
		
		.read_more a{
		color:#FFFFFF;
		text-decoration:none;
		display:block;
		height:30px;
		padding-top:8px;	
		text-align:center;	
		}
		
		.read_more a:hover{
		background-color:#9db217;
		
		}


div.controls{
width:820px;
height:99px;
background-image:url(../images/controls_bg.gif);
background-repeat:no-repeat;


}

div.controls ul{
margin:0px 0px 0px 0px;
padding:20px 0px 0px 32px;
list-style-type:none;
}

div.controls li{
float: left;
margin:0px;
padding:10px 0px 10px 0px;

}

div.controls a{
color:#FFFFFF;
text-decoration:none;
background-color:#01baff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
padding-left:8px;
padding-right:7px;
}

div.controls a:hover{
background-image:url(../images/control_hover.gif);
background-repeat:repeat-x;
}

.border{
border-right: 1px #ffffff solid;
}

.margin1{margin-left:12px;}
.margin2{margin-left:12px;}
.margin3{margin-left:13px;}