/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	"UBER" STANDARD CSS - NOT COMPATIBLE WITH SELECTEDIT SITES
//---------------------------------------------------------------------------------------------------------
//	CONTENT STYLES:  see tempaltes directory for navigation styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Body structure elements
//-------------------------------------------------------------------------------------------------------*/
body
{
	
	font-size:				12px;
	line-height:			18px;
	color:					#000011;
	font-family: 			Helvetica, Verdana, sans-serif;

	background-color:		#41204c;
	border-top:				2px solid #42214c;
}

@font-face {
    font-family: 'SyncopateRegular';
    src: url('/site/fonts/syncopate/syncopate-regular-webfont.eot');
    src: url('/site/fonts/syncopate/syncopate-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/site/fonts/syncopate/syncopate-regular-webfont.woff') format('woff'),
         url('/site/fonts/syncopate/syncopate-regular-webfont.ttf') format('truetype'),
         url('/site/fonts/syncopate/syncopate-regular-webfont.svg#SyncopateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SyncopateBold';
    src: url('/site/fonts/syncopate/syncopate-bold-webfont.eot');
    src: url('/site/fonts/syncopate/syncopate-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/site/fonts/syncopate/syncopate-bold-webfont.woff') format('woff'),
         url('/site/fonts/syncopate/syncopate-bold-webfont.ttf') format('truetype'),
         url('/site/fonts/syncopate/syncopate-bold-webfont.svg#SyncopateBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*---------------------------------------------------------------------------------------------------------
//	Default link colors
//-------------------------------------------------------------------------------------------------------*/

a img
{
	display: 				block;
}

/*---------------------------------------------------------------------------------------------------------
//	Site structure
//-------------------------------------------------------------------------------------------------------*/
#bodyarea
{
	width:					100%;
	background-image:		url( /site/images/bg-body.png );
	background-repeat:		repeat-x;
	background-color:		#d1cbb9;
	
	m/ax-width:				1440px;
	m/argin-right:			auto;
	m/argin-left:			auto;

}

#bodyarea2
{
	background-image:		url( /site/images/bg-body2.jpg );
	background-repeat:		no-repeat;
	background-position: 	top center;
	
	max-width:				1440px;
	margin-right:			auto;
	margin-left:			auto;
}


/*	horizontal centering	*/
#center-x
{
	/*	Do not modify		----------------------------*/
	margin-right:			auto;
	margin-left:			auto;

	/*	Customize			----------------------------*/
	width:					998px;
	background-image:		url( /site/images/bg-center.png );
	background-repeat:		repeat-y;
	margin-right:			auto;
	margin-left:			auto;
}

#centerarea,
#centerarea-sidebar
{
	/*	Do not modify		----------------------------*/
	margin-right:			auto;
	margin-left:			auto;

	/*	Customize			----------------------------*/
	width:					980px;
	background-color:		white;
}

#centerarea-sidebar
{
	background-image:		url( /site/images/bg-body-sidebar.png );
	background-repeat:		repeat-y;

}

/*	Popup container	*/
#popup-box
{
	/*	Customize			----------------------------*/
	background-color:		white;
	border:					1px solid black;
	margin:					0px 20px 0px 20px;
	padding:				15px;
}

#header
{
	height:					155px;
	background-image:		url( /site/images/bg-header.png );
	background-repeat:		no-repeat;
}

#logo
{
	float:					left;
}

#global
{
	width:					430px;
	height:					118px;

	
	float:					right;
	position:				relative;
}

#global #search
{
	float:					left;
	clear:					left;
	margin-left:			20px;
	margin-top:				4px;
}

#global #search input.text
{
	width:					184px;
	height:					24px;
	background-image:		url( /site/images/bg-search.png );
	background-repeat:		no-repeat;
	border:					none;
	padding:				none;
}

#global #donate
{
	float:					right;
	margin-right:			32px;
}


#logo a,
#logo a:hover
{
	color:					black;
}

#subpage-banner
{
	width:					980px;
	height:					86px;
	
	background-image:		url( /site/images/bg-subpage-banner.jpg );
	background-repeat:		no-repeat;	
	position:				relative;
}

#subpage-banner h2
{
	color:					white;
	font-size:				18px;
	top:					45px;
	left:					20px;
	position:				absolute;
}

#branch-banner
{
	width:					662px;
	height:					110px;
	margin-bottom:			20px;
	position:				relative;
}

#branch-banner img
{
	position:				absolute;
	top:					0px;
	left:					0px;
}

#branch-banner .banner-title
{
	position:				absolute;
	top:					30px;
	right:					0px;
	
	font-weight:			normal;
	color:					#7c439a;
	font-size:				16px;
	line-height:			70px;
	text-transform:			uppercase;
	font-family: 			Helvetica, Verdana, sans-serif;
}

#branch-banner-sub
{
	width:					661px;
	height:					57px;
	margin-bottom:			20px;
	padding-top:			20px;
	
	margin-top:				-20px;
}

#branch-banner-sub img
{
	position:				absolute;
	top:					20px;
	left:					0px;
}

#branch-banner-sub .banner-title
{
	position:				absolute;
	top:					25px;
	right:					0px;
	
	font-weight:			normal;
	color:					#7c439a;
	font-size:				16px;
	line-height:			70px;
	text-transform:			uppercase;
	font-family: 			Helvetica, Verdana, sans-serif;
}

#branch-banner-sub a
{
	font-weight:			normal!important;
	color:					#7c439a!important;
	text-decoration: 		none!important;
}

.branch-featured
{
	background-color:		#e5d9eb;
	height:					192px;
	overflow:				hidden;
	background-image:		url( /site/images/bg-branch-featured.png );
	background-repeat:		no-repeat;
	padding-left:			33px;
	margin-bottom:			15px;
}

.branch-featured h2
{
	font-family: 			Helvetica, Verdana, sans-serif;
	font-size:				24px;
	color:					#7c439a;
	font-weight:			normal;
	margin-bottom:			15px;

}

#branch-featured-content
{
	width:					367px;
	margin-top:				17px;
	margin-left:			22px;
}

#centerarea #content
{
	margin:					35px 44px 35px 44px;
}

#centerarea-sidebar #content
{
	margin:					35px 44px 35px 44px;
	width:					660px;
}

#centerarea-sidebar #content h2 a
{
	color: 					#7c439a!important;
	font-weight:			normal;
	text-decoration:		none;
	font-size:				24px;
	text-transform: 		none;
}

h2.category
{
	color:					#008b77;
	font-size:				16px;
	text-transform:			uppercase;
	border-bottom:			2px solid #008b77;
	padding-bottom:			10px;
	margin-bottom:			20px;
	font-family: 			'SyncopateBold';
	font-weight: 			normal;
}

.greenschools-wrapper h2
{
	color:					#813f99;
	font-size:				16px;
	text-transform:			uppercase;
	border-bottom:			2px solid #803f99;
	padding-bottom:			2px;
	margin-bottom:			15px;
	font-family: 			Helvetica, Verdana, sans-serif;
	font-weight:			bold;
}

.greenschools-wrapper h2 a
{
	color:					#813f99!important;
	font-size:				16px!important;
	text-transform:			uppercase!important;
	font-family: 			Helvetica, Verdana, sans-serif!important;
	font-weight:			bold!important;
}

#content a
{
	color:					#632e73;
	text-decoration:		underline;
	font-weight:			bold;
}

a:hover
{
	color:					#666;
}


#subtitle
{
	height:					38px;
	
	background-image:		url( /site/images/bg-subtitle.png );
	background-repeat:		no-repeat;	

	margin-top:				-12px;
	margin-bottom:			20px;
	padding-left:			12px;
	
	font-size:				11px;
	line-height:			34px;
}

ul.extranet-menu
{
	list-style-type:		none;
	margin-top:				15px;
	display:				block;
}

ul.extranet-menu a
{
	font-weight:			normal!important;
	text-decoration:		none!important;
}

ul.extranet-menu a img
{
}

ul.extranet-menu li
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #DDD;
}

ul.extranet-menu li .handle
{
	display: block;
	float: left;
	clear: left;
	margin-right: 10px;
}

block-caption
{
    font-size:		11px;
    font-style:		italic;
    text-align: 	center;
    margin:			5px 20px 10px 20px;
    
    float:			left;
    margin:			5px 20px 20px 0px;
    width:			200px;
}

/*---------------------------------------------------------------------------------------------------------
//	Sidebar styles
//-------------------------------------------------------------------------------------------------------*/
#sidebar
{
	width:					240px;
	float:					right;
}

.sidebarwidget
{
	width:					200px;	
	margin:					28px 22px 35px 25px;
	line-height:			16px;
}

.sidebarwidget h2
{
	font-size:				18px;
	line-height:			18px;
	padding-bottom:			5px;
	border-bottom:			2px solid black;
	margin-bottom:			0px;
}

.sidebarwidget ul
{
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
}

.sidebarwidget a
{
	color:					#632e73;
	text-decoration:		underline;
	font-weight:			bold;
}

.sidebarwidget h2 a
{
	text-decoration:		none;
}

.sidebarwidget li
{
	background:				url( /site/images/bg-sidebar-line.png );
	background-repeat: 		no-repeat;
	background-position:	left bottom;
	padding:				10px 0px 10px 0px;

}

.sidebarwidget td
{
	line-height:			16px;

}


/*---------------------------------------------------------------------------------------------------------
//	Footer boxes
//-------------------------------------------------------------------------------------------------------*/
#footer-boxes 
{
	margin-top:				40px;
	
	width:					980px;
	height:					144px;
	
	background:				url( /site/images/bg-footer-boxes.jpg );
	background-repeat: 		no-repeat;
	
	clear:					both;
}

#footer-boxes h2
{
	font-size:				20px;
	font-weight:			bold;
	text-transform:			uppercase;
	margin-bottom:			5px;
}

#footer-boxes a
{
	display: none;
}

#footer-boxes a.button,
button,
a.signup-button
{
	width:					129px;
	height:					31px;
	line-height:			31px;
	text-align:				center;
	display:				block;
	
	background:				url( /site/images/button-footer-boxes.png );
	background-repeat: 		no-repeat;
	
	font-size:				16px;
	color:					white;
	text-transform:			uppercase;
	font-family: 			"	", Arial, Helvetica, sans-serif;
	border:					none;
	margin-top:				5px;
}


#footer-boxes #box1,
#footer-boxes #box2,
#footer-boxes #box3,
#footer-boxes #box4
{
	float:					left;
	margin-top:				20px;
	margin-left:			10px;
	margin-right:			10px;
	
	font-size:				11px;
	line-height:			13px;
}

#footer-boxes #box1
{
	width:					193px;
	margin-left:			20px;
}

#footer-boxes #box2
{
	width:					206px;
}

#footer-boxes #box3
{
	width:					203px;
}

#footer-boxes #box4
{
	width:					280px;
	margin-right:			none;
}

#footer-boxes input.text
{
	width:					124px;
	height:					24px;
	background-image:		url( /site/images/bg-search.png );
	background-repeat:		no-repeat;
	border:					none;
	padding:				none;
}


/*---------------------------------------------------------------------------------------------------------
//	Footer styles
//-------------------------------------------------------------------------------------------------------*/
#footer-top-outer
{
	width:					100%;
	
	background:				url( /site/images/bg-footer-top-outer.png );
	background-repeat: 		repeat-x
	height: 				24px;
}

#footer-top
{
	width:					100%;
	margin-right:			auto;
	margin-left:			auto;
	
	background:				url( /site/images/bg-footer-top.png );
	background-repeat: 		no-repeat;
	height: 				24px;
	background-position:	top center;
	min-width:				980px;
}

#footer
{
	clear:					both;
	width:					100%;
	color:					#843f98;
	background-color:		#41204c;
	max-width:				1439px;
	margin-right:			auto;
	margin-left:			auto;
	min-width:				980px;

	text-align:				center;
	font-family: 			arial, sans-serif;
	font-size:				11px;
}


#footer .divider
{
	padding:				0px 5px;
	color:					#DDD;
}

#footer a
{
	text-decoration:		underline;
	color:					#DDD;
}

#footer #footernav
{
	margin-top:				0px;
	margin-bottom:			0px;
}

#footer #footernav a
{
	text-decoration: 		none;
}

#footernav-sub
{
	margin-top:				10px;
}

#footernav-sub a,
#footernav-sub .divider
{
	color:					#843f98;
}

#footer p
{
	clear:					both;
	color:					#843f98;
}

#footer ul
{
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	overflow:				show;
	line-height:			20px;
	margin-bottom:			30px;
	width:					740px;
	display:				block;

	margin-right:			auto;
	margin-left:			auto;
}

#footer li
{
	float:					left;
	padding:				5px 0px;
}


/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	Standard body styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
h1
{
	
	margin:					0px;
	padding:				0px;
	padding-bottom:			7px;
	margin-bottom:			12px;
	
	font-weight:			bold;
	font-size:				30px;
	line-height:			30px;
	color:					black;
	font-family: 			Helvetica, Verdana, sans-serif;

	border-bottom:			2px solid black;
}

h1 a,
h1 a:hover,
h1#start a,
h1#start a:hover
{
	color:					black!important;
	text-decoration:		none!important;
}

#popup-box h1
{
	margin-top:				10px;
	text-align:				center
}

h2
{
	margin:					0px 0px 10px 0px;
	padding:				0px;
	
	font-weight:			bold;
	color:					#231f20;
	font-size:				16px;
	line-height:			20px;
	text-transform:			uppercase;
	font-family: 			"proxima-nova-extra-condensed", Arial, Helvetica, sans-serif;
}

h2 a,
h2 a:hover
{
	color:					#231f20!important;
}

h2.border
{
	border-bottom:			1px solid black;
	padding-bottom:			4px;
	margin-bottom:			12px;
}

h3
{
	margin:					1.7em 0em 0em 0em;
	font-weight:			bold;
}

/*	Standard body style	*/
.bodytext
{
	margin:					0em 0em 1.7em 0px;
	padding:				0px;
}

blockquote
{
	margin:					1em 3em;
	padding:				0em;
	font-style:				italic;
}

.listblock
{
	padding-bottom: 		30px;
	margin-bottom:			25px;
	border-bottom:			1px solid #dddbcd;
	c/lear:					left;
}

.listblock h2.title
{
	font-family: 			Helvetica, Verdana, sans-serif;
	font-size:				24px;
	line-height:			28px;
	text-transform:			none;	
}

.listblock h2.title a
{
	color:					#008066!important;
	text-decoration:		underline;
	font-weight:			bold;
}

.listblock .byline
{
	font-size:			11px;
	margin-bottom:		15px;
}

.listblock a.more
{
	color: 				#632e73!important;
	font-style: 		italic;
}

.listblock .thumb
{
	float:				left;
	margin:				0px 10px 10px 0px;
}





.listblock2
{
	padding-bottom: 		20px;
	clear:					left;	
}

.listblock2 a
{
	color:					#008066!important;
}


.listblock2 .byline
{
	font-size:			11px;
	margin-bottom:		15px;
}

.listblock2 a.more
{
	color: 				#632e73!important;
	font-style: 		italic;
}

.listblock2 .thumb
{
	float:				left;
	margin:				5px 10px 10px 0px;
}





#toc
{
	float:				right;
	width:				110px;
	margin:				0px 0px 30px 30px;
	font-size:			11px;
}

#toc h2
{
	border-bottom:		1px solid black;
}

#recentitems
{
	background-image:		url( /site/images/bg-featureditems.png );
	background-repeat: 		no-repeat;
	width:					660px;
	height:					226px;
	clear:					both;
}

.more
{
	color: 				#632e73;
	font-style: 		italic;
	display:			block;
	float:				right;
	margin-bottom:		30px;
	font-weight:		normal;
}

#recentitems h2.banner
{
	height:					26px;
	background-color:		#231f20;
	border:					1px solid #7b7979;
	color:					white;
	line-height:			26px;
	font-size:				13px;
	padding-left:			27px;
	
	background-image:		url( /site/images/icon-green.png );
	background-repeat: 		no-repeat;
	background-position:	5px 5px;
}

.apple_overlay
{
	overflow:				hidden;
}

.apple_overlay img
{
	margin-top:				20px;
	margin-left:			40px;
}

.apple_overlay .caption
{
	text-align:				left;
	margin:					20px 40px;
}

#featured
{
	width:					660px;
	height:					276px;
	background-image:		url( /site/images/bg-featured.png );
	background-repeat: 		no-repeat;
	margin-bottom:			25px;
	overflow:				auto;
	color:					white!important;
}

#featured p,
#featured i,
#featured b,
#featured strong,
#featured a
{
	color:					white!important;
}

#featured #inner
{
	margin:					23px;
	color:					white!important;
}

#featured .thumb
{
	float:					left;
	margin:					0px 20px 20px 0px;
}

#featured h2,
#featured h2 a
{
	font-family: 			Helvetica, Verdana, sans-serif;
	color:					white!important;
	text-decoration:		none;
	font-size:				24px;
	text-transform:			none;
	margin-bottom:			10px;
	padding-bottom:			0px;
}

.griditem
{
	width:					200px;
	height:					164px;
	margin-left:			15px;
	margin-top:				5px;
	float:					left;
	margin-right:			5px;
	font-size:				11px;
	line-height:			14px;
}

.griditem img
{
	display:				block;
	margin-bottom:			10px;
	border:					1px solid white;
}

.addthis_toolbox
{
	position:				absolute;
	top:					15px;
	right:					0px;
}

.addthis_toolbox a
{
	color: #105ba1!important;
	font-weight:normal!important;
}

/*---------------------------------------------------------------------------------------------------------
//	Share toolbar
//-------------------------------------------------------------------------------------------------------*/
.share-toolbar
{
	width:					662px;
	height:					41px;
	background-color:		#efede5;
	margin-top:				20px;
	line-height:			41px;
	text-align:				center;
	clear:					left;
}

.share-toolbar > div
{
	display:				inline-block;
	white-space:			nowrap;
	margin:					8px auto;
	overflow:				visible;
}


.share-toolbar a
{
	display:				block;
	float:					left;
	margin:					0px 9px;
}

#plus-one
{
	position: relative;
	height: 16px;
	width: 16px;
	overflow: hidden;
}

#plus-one
{
	background-image: url('/site/images/share-gplus.png')!important;
	background-repeat: no-repeat;
}

#pin-it a
{
	background-image: url('/site/images/share-pi.png')!important;
	background-repeat: no-repeat;
	background-size: 16px!important;
	background-position: 0 0!important;	
	position: relative;
	height: 16px;
	width: 16px!important;
	overflow: hidden;
}

#plus-one div
{
	height: 16px;
	width: 16px!important;
}

#plus-one div {opacity: 0.0;}

/*---------------------------------------------------------------------------------------------------------
//	Resource toolbar
//-------------------------------------------------------------------------------------------------------*/
.resource-toolbar
{
	width:					auto;
	height:					41px;
	background-color:		#efede5;
	margin-top:				20px;
	line-height:			41px;
	text-align:				center;
	clear:					left;
	margin-bottom: 			20px;
}

.resource-toolbar a
{
	display:				block;
	float:					left;
	margin-top:				8px;
	margin-right:			17px;
}

.resource-toolbar a.first
{
	margin-left:			90px;
}

#resource-toolbar a.first2
{
	margin-left:			160px;
}


#overlay,
.apple_overlay
{
	background-image:url(/site/images/white.png);
	color:#efefef;
	height:450px;
	position: relative;
	overflow: hidden;
}
	
div.contentWrap 
{
	height:371px;
	overflow-y:auto;
	background-color: white;
	padding: 40px;
	border: 1px solid white;
	width: 520px;
	top: 50px;
	left: 50px;
	position: absolute;
	overflow: hidden;
}

div.contentWrap label
{
	display: block;
}

.tooltip 
{
	display:none;
	background:url(/site/images/white.png);
	background-repeat: no-repeat;
	font-size:12px;
	height:109px;
	width:209px;
	color:#fff;
	padding-left: 15px;
	padding-top: 5px;
}

.tellusyourstory
{
	background:				url( /site/images/bg-tellusyourstory.png );
	background-repeat: 		no-repeat;
	width:					660px;
	height:					280px;
	margin-bottom:			25px;
	position:				relative;
}

.tellusyourstory .rss
{
	position:				absolute;
	top:					220px;
	left:					40px;
}

.tellusyourstory .facebook
{
	position:				absolute;
	top:					135px;
	left:					340px;
}

.tellusyourstory-inner
{
	padding:				30px;
	font-size:				14px;
	line-height:			19px;
	color:					#000011;
}

.tellusyourstory-inner h2
{
	font-family: 			Georgia, serif;
	color:					#000011;
	font-style:				italic;
	font-size:				18px;
	line-height:			19px;
	text-transform:			none;
}

/*---------------------------------------------------------------------------------------------------------
//	Pagelinks
//-------------------------------------------------------------------------------------------------------*/
#pagelinks
{
	overflow: show;
	margin-bottom: 20px;
}

#pagelinks-middle
{
	}

#pagelinks a,
#pagelinks a.active
{
	background-image:		url( /site/images/bg-pagelink.png );
	background-repeat: 		no-repeat;
	display:				block;
	width:					17px;
	height:					17px;
	margin-right:			7px;
	color:					white;
	text-decoration:		none;
	float:					left; 
	text-align:				center;
}

#pagelinks a:hover,
#pagelinks a.active
{
	background-image:		url( /site/images/bg-pagelink-active.png );
}

#pagelinks a.prev
{
	width:					39px;
	height:					17px;
	display:				block;
	line-height:			12px;
	background-image:		none;
	padding-top: 			3px;
}

#pagelinks a.next
{
	width:					39px;
	height:					17px;
	display:				block;
	line-height:			12px;
	background-image:		none;
	padding-top: 			3px;
}

/*---------------------------------------------------------------------------------------------------------
//	Comment widget
//-------------------------------------------------------------------------------------------------------*/
#commentarea
{
	margin-top:				40px;
	margin-bottom:			40px;
	background-image: 		url("/site/images/blog-commentbox-bg.jpg");
    padding: 				35px 28px;	
}

#commentarea h2
{
	height:					26px;
	background-color:		#008066;
	border:					1px solid #7b7979;
	color:					white;
	line-height:			26px;
	font-size:				13px;
	padding-left:			27px;
	
	background-image:		url( /site/images/icon-comments.png );
	background-repeat: 		no-repeat;
	background-position:	5px 5px;
}

#commentform
{
	width:					660px;
	height:					363px;
	
	background-image:		url( /site/images/bg-comment-form.jpg );
	background-repeat: 		no-repeat;
	position:				relative;
}

#commentform-fields
{
	position:				absolute;
	top:					38px;
	left:					24px;
}

ul#commentslist
{
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	margin-bottom:			20px;
}

ul#commentslist li
{
	padding:				15px 25px;
	font-size:				11px;
	background-color:		#f7f6f2;
}

ul#commentslist li .date
{
	float:					right;
	color:					#ada382;
	font-size:				10px;
	font-style:				italic;
}

ul#commentslist li.odd
{
	background-color:		white;
}

.branch-comments
{
	background-color:		#e5d9eb;
}

.branch-comments #commentform
{
	background-image:		none;
	padding-top:			0px;
}

.branch-comments #commentarea h2
{
	height:					auto;
	background-color:		transparent;
	border:					none;
	color:					black;
	line-height:			auto;
	font-size:				16px;
	padding-left:			27px;
	padding-top:			27px;
	
	background-image:		none;
}


.branch-comments ul#commentslist
{
	padding:				0px 25px;
}

.branch-comments ul#commentslist li
{
	padding:				0px;
	background-color:		transparent;
	padding-bottom:			20px;
}

.branch-comments ul#commentslist li .date
{
	float:					none;
	color:					black;
	font-size:				10px;
	font-style:				italic;
}

.branch-comments #commentform-fields
{
	position:				absolute;
	top:					0px;
	left:					24px;
}

/*---------------------------------------------------------------------------------------------------------
//	Table Data
//-------------------------------------------------------------------------------------------------------*/
table.data
{
	border:					1px solid rgb(204,215,238);
	border-collapse:		collapse;
	empty-cells:			show;
}

table.data caption
{
	margin:					0.5em 0em;
	text-align:				left;
	font-weight:			bold;
}

tr.r0
{
	background-color:		white;
}

tr.r1
{
	background-color:		rgb(238,245,255);
}

table.data th,
table.data td
{
	padding:				0.5em 1.0em;
	text-align:				left;
}

table.data th
{
	vertical-align:			bottom;
	background-color:		rgb(204,215,238);
	font-weight:			bold;
	color:					white;
}

table.data td
{
	vertical-align:			top;
	border-bottom:			1px solid rgb(204,215,238);
	padding-bottom:			12px;
}

table.giving td
{
	width:					327px;
}

table.giving td .giving-box
{
	padding:				0px 23px 10px 23px;
	background-color:		#f7f6f2;
	margin:					0px 1px;
	height:					180px;
}

table.giving td .giving-box h2 a
{
	text-decoration:		none!important;
}

table.giving td .giving-box h2
{
	font-size:				20px;
	margin-bottom:			5px;
}

table.giving td img.thumb
{
	float:					left;
	margin:					0px 15px 15px 0px;
}

table.giving td a.button
{
	width:					129px;
	height:					31px;
	line-height:			34px;
	text-align:				left;
	display:				block;
	padding-left:			12px;
	
	background:				url( /site/images/button-footer-boxes.png );
	background-repeat: 		no-repeat;
	
	font-size:				13px;
	color:					white!important;
	text-transform:			uppercase;
	font-family: 			"proxima-nova-extra-condensed", Arial, Helvetica, sans-serif;
	text-decoration:		none!important;
	margin-top:				-5px;
}

h2.otherwaystogive
{
	height:					26px;
	background-color:		#008066;
	border:					1px solid #7b7979;
	color:					white;
	line-height:			26px;
	font-size:				13px;
	padding-left:			27px;
	
	background-image:		url( /site/images/icon-comments.png );
	background-repeat: 		no-repeat;
	background-position:	5px 5px;
}

.otherwaystogive-intro,
.otherwaystogive-intro p
{
	font-family: 			Georgia, serif;
	color:					#636b47;
	font-style:				italic;
	font-size:				17px;
	line-height:			23px;
	margin:					20px;
	margin-bottom:			30px;
}

table.othergiving td
{
	padding-right:			25px;
	padding-bottom:			25px;
}

table.othergiving td h2
{
	font-size:				22px;
	text-transform:			none;
}

table.othergiving td a.getstarted
{
	font-style:				italic;
	font-weight:			normal!important;
	color:					#632e73!important;
}

table.othergiving td img.thumb
{
	margin-bottom:			10px;
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Bread crumb
//-------------------------------------------------------------------------------------------------------*/
#breadcrumb
{
	clear:					both;
	display:				block;
	width:					auto;
	margin-top:				10px;
	height:					26px;
	padding:				0em 1.0em;
	white-space:			nowrap;
	border-bottom:			1px solid rgb(238,238,238);
}

#breadcrumb a
{
	color:					#632e73;
	text-decoration:		underline;
	font-weight:			bold;
}

#breadcrumb a:hover
{
	color:					#666;
}


#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}



/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Social networking tool links
//-------------------------------------------------------------------------------------------------------*/
table.links-bar td
{
	padding:				0px 10px 0px 0px;
}

.inline-digg
{
	float:					left;
	margin:					3px 10px 5px 0px;
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Video controls
//-------------------------------------------------------------------------------------------------------*/
#video-buttons a
{
	background-color:		#CCCCCC;
	color:					white;
	font-weight:			bold;
	padding:				4px 6px;
	margin-right:			5px;
	float:					left;
	margin-top:				5px;
}

#breadcrumb a
{
}

#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}

/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	MISCELLANEOUS DEFAULTS
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*	Used so that non-CSS browsers deliniate footer block from body content	*/
hr
{
	display:				none;
}

/*	Hidden elements	*/
.hdn
{
	display:				none;
}

/*	because HTML should have this as the default	*/
td
{
	vertical-align:			top;
	padding:				0px;
}

/*	prevent ugly purple borders around linked images	*/
img
{
	border:					0px;
}

/*	do not underline links	*/
a
{
	text-decoration:		none;
}

/*	shortcomings of the formatter	*/
p
{
	margin-bottom:			12px;
}

/*	IE will allocate space for these if there are not display:none -  POSJ	*/
map
{
	display:				none;
}

sup
{
	vertical-align:			super;
	font-size:				0.75em;
}


/*---------------------------------------------------------------------------------------------------------
//	Tabs
//-------------------------------------------------------------------------------------------------------*/
/* root element for tabs  */
ul.tabs 
{  
	background-image:		url( /site/images/bg-tabs.png );
	background-repeat:		no-repeat;
	height:					39px;

	margin:					0 !important; 
	padding:				0;
	padding-left:			5px;
	clear:					left;
}

/* single tab */
ul.tabs li 
{  
	float:					left;	 
	padding:				0; 
	margin:					0;  
	list-style-type:		none;	
}

/* link inside the tab. uses a background image */
ul.tabs a 
{ 
	float:					left;
	display:				block;	
	text-decoration:		none;
	position:				relative;
	height:					24px;
	margin-top:				15px;
}

ul.tabs a:hover 
{
}

ul.tabs a
{
	text-decoration:		none;
}

ul.tabs a table
{
	height:					24px;
}

ul.tabs a td.left
{
	width: 					4px;
	height: 				24px;
	background-image:		url( /site/images/bg-tabs-left.png );
	background-repeat:		no-repeat;
}

ul.tabs a td.top
{
	height:					4px;
	background-image:		url( /site/images/bg-tabs-top.png );
	background-repeat:		repeat-x;

}

ul.tabs a td.right
{
	width: 					4px;
	height: 				24px;
	background-image:		url( /site/images/bg-tabs-right.png );
	background-repeat:		no-repeat;
}

ul.tabs a td.text
{
	height:					20px;
	background-image:		url( /site/images/bg-tabs-text.png );
	background-repeat:		no-repeat;
	background-repeat:		repeat-x;
	color:					white;
	font-weight:			normal;
	text-decoration:		none;
	font-size:				12px;
	line-height:			20px;
	padding:				0px 7px;
	white-space: 			nowrap;
}




ul.tabs a.current td.left
{
	background-image:		url( /site/images/bg-tabs-active-left.png );
}

ul.tabs a.current td.top
{
	background-image:		url( /site/images/bg-tabs-active-top.png );
}

ul.tabs a.current td.right
{
	background-image:		url( /site/images/bg-tabs-active-right.png );
}

ul.tabs a.current td.text
{
	background-image:		none;
	background-color:		#efede5;
	color:					#575240;
}


/*---------------------------------------------------------------------------------------------------------
//	Banner Slideshow styles
//-------------------------------------------------------------------------------------------------------*/
.slideshow-container 
{
	width: 					681px;
	height: 				305px;
	padding: 				0;
	position: 				relative;
	background-color: 		#fff;
	margin-bottom:			25px;
}

/* container for slides */
.slideshow-images 
{
	position: 				absolute;
	cursor: 				pointer;
	width: 					491px;
	height: 				305px;
	top:					0px;
	right:					0px;
	overflow:				hidden;
}

.slideshow-tabs 
{
	position: 				absolute;
	cursor: 				pointer;
	width: 					190px;
	height: 				305px;
	top:					0px;
	left:					0px;
	background-color:		#e6d9eb;
}


.tabs-nav
{
	position: 				absolute;
	bottom: 				0;
	left: 					0;
	height:					29px;
	width:					190px;
	background-color:		#bebebe;
	border-top:				3px solid white;
	
}

/* single slide */
.slideshow-images div 
{
	display: 				none;
	position: 				absolute;
	top: 					0;
	left: 					0;
	overflow: 				hidden;
	width: 					491px;
	height: 				305px;
	background-image:		url( /site/images/bg-slide-image.png );
	background-repeat:		repeat-y;
}

.slideshow-images div img.slideimage 
{
	position: 				absolute;
	top: 					0px;
	left: 					3px;
	border-bottom:			3px solid white;	
}

.slideshow-images div .arrow
{
	position: 				absolute;
	top: 					0px;
	left: 					0px;
}

.slideshow-images div .caption
{
	position: 				absolute;
	bottom: 				0px;
	left: 					16px;
	padding-left:			0px;
	right:					0px;
	display:				block;
	color:					white;
	font-size:				11px;
	height:					29px;
	line-height:			29px;
	background-color:		#a786b3;
	border-top:			3px solid white;	
}


.slideshow-tabs a .item
{
	display:				block;
	width:					188px;
	height:					52px;
}

.slideshow-tabs a 
{
	display:				table-cell;
	vertical-align: 		middle;
	padding:				0px 17px;
	color:					black!important;
	text-decoration:		none!important;
	width:					188px;
	height:					53px;
	border-bottom:			3px solid white;	
	font-size:				11px;
	line-height:			13px;
}

.slideshow-tabs a:hover 
{
	background-color:		#803f99;
	color:					white!important;
}

.slideshow-tabs a.current 
{
	background-color:		#803f99;
	color:					white!important;
}


.scrollable 
{
    position:				relative;
    overflow:				hidden;
   	width: 					190px;
	height: 				305px;
}

.scrollable .items 
{
    width:					20000em;
    position:				absolute;
    clear:					both;
}

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

.tabs-nav .prev
{
	position: 				absolute;
	top: 					8px;
	left: 					15px;
	width:					10px;
	height:					13px;
	background-image:		url( /site/images/button-slideshow-prev.png);
}

.tabs-nav .next
{
	position: 				absolute;
	top: 					8px;
	left: 					110px;
	width:					10px;
	height:					13px;
	background-image:		url( /site/images/button-slideshow-next.png);
}

.tabs-nav .count
{
	position: 				absolute;
	top: 					6px;
	left: 					130px;
	color:					#7d7d7d;
	font-size:				11px;
}

/* position and dimensions of the navigator */
.navi 
{
	position: 				absolute;
	top: 					10px;
	left: 					40px;    
}

.navi a 
{
    width:					9px;
    height:					9px;
    float:					left;
    margin-right:			5px;
	background-image: 		url(/site/images/button-slideshow-circle.png);
	background-repeat:		no-repeat;
    display:				block;
    font-size:				1px;
	cursor:					pointer;
}

.navi a:hover 
{
	background-image: 		url(/site/images/button-slideshow-circle-active.png);
}

.navi a.active 
{
	background-image: 		url(/site/images/button-slideshow-circle-active.png);
}
	
/* tab pane */
.panes div 
{
	display:				none;
	min-height:				150px;
	padding:				15px 15px 40px 15px;
	background-color:		#efede5;
	background-image:		url( /site/images/bg-tab-pane.png );
	background-repeat:		no-repeat;
	background-position: 	left bottom;
	margin-right:			1px;	
}

.blog-blockquote
{
	background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #E1E1E1;
    color: #555555;
    padding: 1em;
    font-size: 13px;
    line-height: 16px;
}

.blog-caption
{
    color: #555555;
    padding: 1em;
    font-size: 10px;
    line-height: 13px;
}

.blog-caption img
{
	display:			block;
	margin-bottom:		10px;
}

.caption-left
{
	float:				left;
	margin:				2px 15px 15px 0px;
	padding:			0px;
}

.caption-right
{
	float:				right;
	margin:				2px 0px 15px 15px;
	padding:			0px;
}

.callout
{
	margin:				20px 0px;
	border:				2px solid #803f99;
	background-color:	#e6d9eb;
	padding:			1em;
	font-size:			13px;
	line-height:		16px;
}

/*---------------------------------------------------------------------------------------------------------
//	Banner Slideshow styles
//-------------------------------------------------------------------------------------------------------*/
.banner-items
{
	position:				absolute;
	bottom:					-27px;
	right:					6px;
	z-index:				3000;
}
.banner-items a
{
	margin:					4px 4px;
	display:				inline-block;

	width:					6px;
	height:					6px;

	overflow:				hidden;
	text-indent:			6px;

	border:					1px solid #632E9E;
	border-radius:			4px;
	background-color:		#632E9E;
}

.banner-items a.current
{
	border-radius:			3px;
	background-color:		white;
}

a.slidebutton
{
background: transparent url('/site/images/btn_right.png') no-repeat top right;
display: block;
float: left;
height: 31px;
padding-right: 20px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
margin-top: 10px;
}

a.slidebutton span
{
background: transparent url('/site/images/btn_left.png') no-repeat 0 0;
display: block;
line-height: 18px;
padding: 7px 0 6px 20px;
color: #252525;
}

a.slidebutton:hover
{
background-position: right -31px
}

a.slidebutton:hover span
{
background-position: 0 -31px;
}

img.slideshow-firstimage
{
	float:					left;
	visibility:				hidden;
	width:					100%;
	height:					auto;
}

.banner-images div img
{
	width:					100%;
	height:					auto;
}


.banner-container {
	margin-bottom:		45px;
	width: 100%;
	height: 345px;
	padding: 0;
	position: relative;
	background-color: #fff
}

/* container for slides */
.banner-images {
	position: relative;
/*	cursor: pointer;	*/
	width: 100%;
	height: auto;
}

/* single slide */
.banner-images div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.banner-images div img {
	width: 100%;
	height: auto;
}


.banner-images div #overlaytext {
x	position: absolute;
x	top: 40px;
x	left: 52px;
	font-family: proxima-nova-extra-condensed-1,proxima-nova-extra-condensed-2, Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #824b9c;
	font-size: 16px;
	line-height: 20px;
	background-color: #e1d4e7;
	display: block;
	overflow: auto;
	padding: 10px;

	margin-top: -5px;
}


.banner-images div #overlaytext p {
	color: #824b9c
}

.banner-images div #overlaytext h2,.banner-images div #overlaytext h2 a,.banner-images div #overlaytext h2 a:hover {
	font-weight: bold;
}

a.backward,
a.forward
{
	position:				absolute;
	top:					122px;
	z-index:				500;

	display:				block;
	width:					41px;
	height:					41px;
	text-indent:			50px;
	white-space:			nowrap;
	overflow:				hidden;
}
a.backward
{
	left:					-21px;
	background:				url(/site/images/arrows.png) no-repeat 0px 0px;
}
a.forward
{
	right:					-21px;
	background:				url(/site/images/arrows.png) no-repeat -41px 0px;
}
a.backward:hover
{
	background-position:	0px -41px;
}
a.forward:hover
{
	background-position:	-41px -41px;
}



table.summary td
{
	background-color:		#f7f6f2;
	border-bottom:			4px solid white;
}

.summary-box
{
	height:					100%!important;
}
.summary-box h2
{
	margin-top:				8px;
}

.hidden
{
	display:				none!important;
}

.blogitem
{
	border:					1px solid #e4e4e4;
	padding:				27px 29px 15px 29px;
x	margin-right:			30px;
	-webkit-box-shadow: 	3px 3px 6px rgba(0, 0, 0, 0.41);
	-moz-box-shadow:    	3px 3px 6px rgba(0, 0, 0, 0.41);
	box-shadow:         	3px 3px 6px rgba(0, 0, 0, 0.41);

	font-size:				12px;
	line-height:			18px;
	color:					black;

	width:					245px!important;
	overflow:				hidden;
}

.blogitem a
{
	text-decoration:  		none!important;
}


#centerarea-sidebar #content .blogitem h2,
#centerarea-sidebar #content .blogitem h2 a
{
	color:					black!important;
	text-decoration: 		none;
	font-size:				16px;
	line-height:			19px;
	font-weight:			bold;
}

.blogitem .item-tools
{
	margin-top:				33px;
	border-top:				1px dotted #e6e6e6;
	padding-top:			13px;
	color:					#c5c5c5;
	text-align:  			center;
}

.blog-footer
{
	background-color:		#ece2ef;
	color:					#7b489a;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size:				12px;	
	padding:				8px;
	margin-top:				15px;
	text-align:				center;
}

.blogpagelinks
{
	margin-top:				30px;
	margin-bottom:			-10px;
}

.blogpagelinks a 
{
	background-color:		#e1d4e7;
	text-decoration:  		none!important;
	padding:				6px 10px;
	margin:					0px 4px;
	font-weight:			normal!important;
	font-size:				12px;
}

.blogpagelinks a.active,
.blogpagelinks a:hover
{
	color:					white!important;
	background-color:		#803e9f;

	-moz-box-shadow: inset 7px 7px 11px -8px #2c1536;
	-webkit-box-shadow: inset 7px 7px 11px -8px #2c1536;
	box-shadow: inset 7px 7px 11px -8px #2c1536;

}

.blog-post-inner
{
x	border-top: 			4px solid #e9e9e9;
x	border-left:			2px solid #e9e9e9;
x	border-right:			2px solid #e9e9e9;
x	border-bottom:			4px solid #e9e9e9;
x
x	-webkit-box-shadow: 	3px 3px 6px rgba(130, 130, 130, 0.21);
x	-moz-box-shadow:    	3px 3px 6px rgba(130, 130, 130, 0.21);
x	box-shadow:         	3px 3px 6px rgba(130, 130, 130, 0.21);

	border:					1px solid #e4e4e4;
	-webkit-box-shadow: 	3px 3px 6px rgba(0, 0, 0, 0.41);
	-moz-box-shadow:    	3px 3px 6px rgba(0, 0, 0, 0.41);
	box-shadow:         	3px 3px 6px rgba(0, 0, 0, 0.41);

	padding:				26px 35px;
	margin-bottom:			30px;
}

.blog-post-inner h1
{
	font-size:				32px;
	line-height:			32px;
	border-bottom:			none;
	margin-bottom:			5px;
}

.blog-post-inner p a
{
x	text-decoration:		none!important;
}

.blog-post-inner #commentarea h2 
{
	padding-left:			0px;
	background-color:  		transparent;;
	background-image:  		none;;
	border:					none;
	color:					black;
	font-size:				16px;
}

.blog-post-inner #commentarea 
{
	background-image:		url( /site/images/blog-commentbox-bg.jpg );
	padding:				35px 28px;
}

.blog-post-inner #commentform-fields
{
	position: 				relative;
	top:					auto;
	left:					auto;
}

.blog-post-inner ul#commentslist li
{
	background-color:       transparent;
	padding:				0px;
	padding-bottom:			20px;
}

.blog-post-inner ul#commentslist li .date
{
	color:					black;
}

.blog-post-inner #commentform
{
	background-image:		none;
	width:					auto;
	height:					auto;
}

.blog-post-inner #commentform
{
	background-image:		none;
	width:					auto;
	height:					auto;
}

.fb_iframe_widget_lift
{
	height: 20px;
	overflow: hidden;
}

.light_purple_button
{
	display: inline-block;
	width: auto;
	padding: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #743985;
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,1,.5);
	-moz-box-shadow: 1px 2px 2px rgba(0,0,1,.5);
	box-shadow: 1px 2px 2px rgba(0,0,1,.5);

	font-family: "proxima-nova-extra-condensed", Arial, Helvetica, sans-serif
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff !important;
	text-decoration: none !important;
}

.dark_purple_button
{
	display: inline-block;
	padding: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #43224e;
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,1,.5);
	-moz-box-shadow: 1px 2px 2px rgba(0,0,1,.5);
	box-shadow: 1px 2px 2px rgba(0,0,1,.5);

	font-family: "proxima-nova-extra-condensed", Arial, Helvetica, sans-serif
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff !important;
	text-decoration: none !important;
}