/* Gallery styles */

#gallery{

	/* The width of the gallery */
	width:715px;
	overflow:hidden;
	border:1px solid #777;
	
}

#slides{
	/* This is the slide area */
	height:265px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:715px;
	overflow:hidden;
	background-color:#000;
}

.slide{
	float:left;

}

.slideTEXT{
	/* This is the slide area */

	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	height:265px;
	width:284px;
	float:left;
	padding:20px 10px;
	font-size: 140%;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
}

.slideTEXT a{
	font-weight:normal;
	color:#FFF;
	text-decoration:underline;
}
.slideTEXT a:hover{
	font-weight:bold;
}
.slideTEXTdesc{
	/* This is the slide area */

	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	color: #fff;
	font-size: 80%;
	font-weight:normal;
}

#menu{
	/* This is the container for the thumbnails */
	height:30px;
	width:717px;
	background-image:url(../images/newsgallery/newsbg.png);
	font-size:100%;
	text-align:center;
}

ul{
	margin:0;
}

li{
	/* Every thumbnail is a li element */
	display:inline-block;
	height:25px;
	overflow:hidden;
	text-align: center;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 15px;
	list-style-type: none;	
}

.newsITEM{
	width:279px;
	text-align:left;
	padding-left:20px;
	border-right:1px solid #900;
}

/*	The inactive state, highlighted on mouse over*/ 
/*li.inact:hover{

	background-color: #777;
}
*/

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;

}

li a{
	display:block;
	height:25px;
}





#indexcourses{

	/* The width of the gallery */
	width:715px;
	height:120px;
	
}

#coursetextcontain{
	margin-left:225px;
	height:120px;
	width:490px;
}
#coursetext{
	margin-left:20px;
	
}

.coursebutton{
	float:left;
	width:120px;
	height:120px;
}