#body
{
	background-image:		none;
	margin-top:				0px;
}

#header
{
	margin-bottom:			20px;
}

#left
{
	display:				none;
}

article#main
{
	width:					980px;
	padding-left:			30px;
	padding-top:			0px;
}

.bodytext
{
	float:					left;
	width:					275px;
	margin:					0px;
	padding-top:			10px;
}

.bodytext p
{
	padding-left:			2px;
}

.bodytext h2
{
	color:					#006a4d;
	font-size:				28px;
}

.bodytext h3
{
	color:					#000;
	font-size:				12px;
	font-weight:			bold;
	padding:				20px 0px 20px 3px;
}

.bodytext a
{
	t/ext-transform:			uppercase;
	font-weight:			bold;
}

.success-story
{
	background:				url(/site/images/success-story.png) no-repeat top left;
	height:					137px;
	width:					280px;
	color:					#FFF;
	padding:				11px;
}

.success-story p
{
	width:					260px;
}

.success-story a,
.success-story a:hover,
.success-story a:visited
{
	color:					#FFF;
}

.success-story h3
{
	color:					#FFF;
	text-transform:			uppercase;
	font-size:				14px;
	margin-top:				0px;
	padding-top:			0px;
	padding-bottom:			10px;
}

#content,
#content-top
{
	margin-left:			18px;
	width:					988px;
}

#features-row
{
	overflow:				hidden;
	margin:					10px 0px 0px 18px;
}

#features-row .item
{
	width:					213px;
	float:					left;
	margin:					0px 0px 0px 10px;
	padding:				0px;	
	line-height:			25px;
	font-family:			Arial,sans-serif;
	font-weight:			bold;
	font-size:				13px;
}

#features-row .item h2 a
{
	display:				block;
	width:					191px;
	height:					103px;
	margin:					0px;
	padding:				9px 11px 0px;
	
	background-position:	top left;
	background-repeat:		no-repeat;
	
	line-height:			26px;
	font-family:			Arial,sans-serif;
	font-weight:			bold;
	font-size:				24px;
}

#hometext
{
	float:					left;
	width:					277px;
	background-color:		#fdfcf1;
	padding:				20px;
	
	line-height:			28px;
	font-family:			Arial,sans-serif;
	font-size:				16px;
	color:					#91c1c8;
}

.itemcontent
{
	padding:				8px 10px;
}



/*---------------------------------------------------------------------------------------------------------
//	Tab animation
//-------------------------------------------------------------------------------------------------------*/
/* root element for tabs  */
ul.tabs 
{ 
	list-style-type:		none; 
	margin:					0px auto;
	padding:				0px;
}

/* single tab */
ul.tabs li
{ 
	margin:					0px;
	padding:				5px 0px;
}

ul.tabs a 
{
outline: 					none;
}

ul.tabs a img 
{		
	margin-right:			10px;
	margin-bottom:			0px;
	opacity: 				0.4;
	filter: 				alpha(opacity=40);
}

ul.tabs a.current img 
{
	margin-right:			10px;
	margin-bottom:			0px;
	opacity: 				1;
	filter: 				alpha(opacity=100);
}

div.panes
{
	margin-top: 			0px;
	border:					none;
	width:					828px;
	height:					418px;
	float:					left;
	clear:					right;
}

/* initially all panes are hidden */ 
div.panes div.pane 
{
	display:				none;
	padding:				0px;
	width:					828px;
	height:					418px;
}

#slideshow
{
	overflow:				hidden;
	clear:					both;
	height:					418px;
	border-right:			1px solid #b7b4af;
}

#recovery-slides
{
	width:					159px;
}

/*---------------------------------------------------------------------------------------------------------
//	Scroll animation
//-------------------------------------------------------------------------------------------------------*/
.scrollable { 
 
    /* required settings */ 
    position:				relative; 
    overflow:				hidden; 
    width: 					160px; 
    height:					418px; 
	text-align:				left;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.scrollable .items 
{ 
    /* this cannot be too large */ 
    height:					20000em; 
    position:				absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
.scrollable .items div
{ 
    float:					left; 
} 
 
/* you may want to setup some decorations to active the item */ 
.items .active 
{ 
    border:					1px inset #ccc; 
    background-color:		#fff; 
}


h2 a
{
	text-decoration:		none!important;
}

.top-row
{
	float:					left;
	display:				block;
	clear:					both;
	overflow:				hidden;
	border-top:				1px dotted #aaaaaa;
	border-bottom:			1px dotted #aaaaaa;

}

.bottom-row
{
	float:					left;
	display:				block;
	clear:					both;
	background-image:		url(/site/images/bottom-bg2.png);
	background-repeat:		repeat-y;
	background-position:	0px 0px;
	width:					963px;
	margin-top:				-7px;
}

.bottom
{
	float:					left;
	display:				block;
	clear:					both;
	width:					963px;
}

.location
{
	float:					left;
	overflow:				hidden;
}

.penn
{
	width:					640px;
}

.penn h2
{
	background:				url(/site/images/Melmark-PA.png) no-repeat 10px 3px;
	display:				block;
	text-indent:			-999999px;
	height:					30px;
	border-bottom:			1px dotted #aaaaaa;
}

.penn h3
{
	color:					#006a4d;
	font-size:				16px;
	padding:				5px 12px 0px 12px;
}

.penn img
{
	padding:				0px 0px 5px 15px;
}

.penn p
{
	padding:				5px 12px;
}

.neweng
{
	width:					310px;
	border-left:			1px dotted #aaaaaa;
}

.neweng img
{
	padding:				15px;
}

.neweng p
{
	padding:				0px 15px;
}

.neweng h2
{
	/*background:				url(/site/images/Melmark-NE.png) no-repeat 10px 3px;*/
	background:				url(/site/images/promises_to_keep_homepage_logo.png) no-repeat 10px 3px;
	display:				block;
	text-indent:			-999999px;
	height:					30px;
	border-bottom:			1px dotted #aaaaaa;
}

.item
{
	width:					195px;
	display:				block;
	float:					left;
	margin:					0px 20px 30px 0px;
	background-color:		#eeeeee;
}

.news-item
{
	width:					150px;
	display:				block;
	float:					left;
	margin:					0px 15px 5px 0px;
}

.events-item
{
	width:					150px;
	display:				block;
	float:					left;
	margin:					0px 20px 5px 0px;
}

#events
{
	padding-left:			20px;
}

#news
{
	padding-right:			25px;
}

#news,
#events
{
	width:					155px;
	display:				block;
	float:					left;
	margin:					0px;
	font-size:				12px;
}

#news h2,
#events h2
{
	color:					#006a4d;
	font-size:				14px;
	font-weight:			normal;
	padding-bottom:			15px;
}

#home-photo-gallery h2
{
	color:					#006a4d;
	font-size:				14px;
	font-weight:			normal;
}


.news-item h3 a,
.events-item h3 a
{
	color:					#424242;
	font-weight:			normal;
	text-decoration:		underline;
	padding-bottom:			15px;
	display:				block;
}

#home-photo-gallery
{
	width:					300px;
	float:					left;
}

#share-widget
{
	float:					left;
	display:				block;
	width:					270px;
	background-color:		#FFF;
	padding:				5px;
}

/*---------------------------------------------------------------------------------------------------------
//	Feature Slideshow
//-------------------------------------------------------------------------------------------------------*/

#home-top
{
	background: 			url(/site/images/home-slide-bg.png) no-repeat top left;
	width:					969px;
	height:					467px;
}

.banner-container
{
	width:					655px;
	height:					467px;
	float:					left;
}

.banner-images {
	
	position:				relative;	
	height:					366px;
	width:					643px;
	overflow:				hidden;
	cursor:					pointer;
}

/* single slide */
.banner-images div {
	display:				none;
	position:				absolute;
	top:					0;
	left:					0;		
	height:					366px;
	z-index:				0;
	*z-index:				-100;
}

.slide_text
{
	font-size:		50px;
	color:			#FFF;
	font-family:	Georgia, serif;
	margin-top:		320px;
	margin-right:	5px;
	display:		 none;
	width:			640px;
	text-align:		right;
	text-transform:	uppercase;
	letter-spacing: 0.15em;
	opacity:		0.75;
    text-shadow:    1px 2px 7px rgba(0, 0, 0, 0.8);
}

/*---------------------------------------------------------------------------------------------------------
//	Tab animation
//-------------------------------------------------------------------------------------------------------*/
/* root element for tabs  */
.banner-tabs 
{ 
	list-style:				none; 
	margin:					0 !important; 
	padding:				0px;
}

/* single tab */
.banner-tabs li 
{ 
	text-indent:			0;
	list-style-image:		none !important;
	
}

.banner-tabs a 
{
	outline: 				none;
}

.banner-tabs a img 
{
	opacity: 				0.4;
	filter: 				alpha(opacity=40);
}

.banner-tabs a.current img 
{
	opacity: 				1;
	filter: 				alpha(opacity=100);
}

/*---------------------------------------------------------------------------------------------------------
//	Scrollable
//-------------------------------------------------------------------------------------------------------*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:				relative;
	overflow:				hidden;
	width: 					590px;
	height:					89px;
	padding-left:			5px;
	padding-top:			8px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items 
{
	/* this cannot be too large */
	width:					20000em;
	position:				absolute;
	clear:					both;
}

.items div 
{
	float:					left;
	width:					680px;
}

/* single scrollable item */
.scrollable img 
{
	float:					left;
	margin:					3px;
	width:					114px;
	height:					66px;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:					left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	width:					20px;
	height:					20px;
	cursor:					pointer;
	font-size:				1px;
	margin-top:				35px;
	margin-left:			4px;
}

/* right */
a.right 
{ 
	background:				url(/site/images/arrow-right.png) no-repeat; 
	float:					right;
	margin-right:			10px;
}

/* left */
a.left 
{ 
	background:				url(/site/images/arrow-left.png) no-repeat;
	float:					left;
}