body {
		background:#787878 url(graphics/grad_page.jpg) repeat-x;
		font:80%/180% "Trebuchet MS", Arial, Helvetica, Sans-Serif;
		color:#666666;
		margin:0;
		padding:0;
		text-align:center;
	}
a, a:visited {color: #5BA5FF; text-decoration: none;}
a:hover, a:active, a:focus {color: #5BA5FF; text-decoration: underline;}
	h1{
	font-size:160%;
	font-weight:normal;
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 8px;
	letter-spacing: -0.5px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	
	.form {
	border: 2px solid #ddd;
	padding: 3px 5px;
	background-color: #f5f5f5;
	color: #777;
	font-size: 100%;
	vertical-align: middle;
	width: 280px;
}

/*  page layout */

	#container{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:994px;
	background:#fff;
	margin-bottom:2em;
	border: 1px solid #CCCCCC;
	
		}	
		
		#columns{	
		margin:0 auto;
		position:relative;
		text-align:left;
		background:#fff;		
		margin-bottom:2em;
		float: left;
		width:994px;
		
		}	
		
	#header{
		height:153px;
		background:url(graphics/header_graduation.jpg) repeat-x;
		color:#fff;
		}				


	#content{
		position:relative;
		}
		
#side-l {
	float: left;
	width: 291px;
	padding: 20px;
}

#side-r {
	float: right;
	width: 291px;
	padding: 20px;
}

#side-m { 

	float: left;
	width: 292px;
	padding: 20px;
}
#side-mr { 
]
	float: left;
	width: 600px;
	padding: 20px;
}
#side-hr { 

	float: left;
	width: 457px;
	padding: 20px;
}
#side-hl { 

	float: left;
	width: 457px;
	padding: 20px;
}

.split_50 {float: left; width: 49.9%;}

#underslider {
	height: 15px;


}

.wrapper {width: 100%; overflow: hidden; }
.page_wrapper_bg {background: url(graphics/underslider.png) repeat-x; }
.page_wrapper {width: 994px; overflow: hidden; margin: auto; float: left;}
.footer {float: left; width: 705px; font-size: 90%; padding: 25px 0 15px 0; color: #666;}
.footer p {margin: 8px 0 0 0; line-height: 1.4em;}
/* Easy Slider */

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

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:40px;
		height:40px;
		position:absolute;
		left:30px;
		top:-160px;
		}	
	#nextBtn, #nextBtn2{ 
		left:900px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:40px;
		height:40px;
		background:url(graphics/slide_left.png) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(graphics/slide_right.png) no-repeat 0 0;	
		}												

/* // Easy Slider */
#navlist ul
{
	position: absolute;
	left: 400px;
	top: 100px;
}
#navlist li
{	font-size:110%;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	position: relative;
	right: -720px;
	top: -60px;

}

#navlist a:visited, #navlist a
{
	text-decoration: none;
	color: #ffffff;
}

#navlist a:hover, #navlist a:active
{
	text-decoration: none;
	color: #5BA5FF;
}
/* // Easy Slider 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:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}