/*
	I want to hide and show some content for some web pages like fellowships. There are so many of them,
	so it is better to put them into one page
*/

.fellowship_header
{	
	color:#CD853F;
	font-size:1.1em;
	font-weight:bold;
	/*background-color: #CD853F;*/
	width:430px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-repeat:no-repeat;
	background-position:top right;


	/* End layout CSS */

	overflow:hidden;
	cursor:pointer;
}
.fellowship_detail
{	
	/*border:1px solid #317082;*/
	width: 90%;

	/* End layout CSS */

	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.fellowship_detail_content
{	/* Content that is slided down */
	padding:10px;
	font-size:0.9em;
	position:relative;
}