body
{
	margin:					0px;
	padding:				0px;

	background-color:		#fbfeff;
	background-image:		url( /site/images/bg.png );
	background-position:	top center;
	background-repeat:		no-repeat;

	/*	Default text styles	----------------------------*/
	line-height:			20px;
	font-family:			arial,sans serif;
	color:					#555555;
	font-size:				12px;
}


ul.resizer
{
	position:				absolute;
	bottom:					15px;
	right:					0px;

	float:					left;

	list-style-type:		none;
	margin:					0px;
	padding:				0px 10px;
	border:					1px solid #a4c3d1;
	background-color:		#4eadd7;
	border-radius:			5px;
	color:					white;
	overflow:				hidden;
}
ul.resizer a
{
	color:					white!important;
}


.resizer li { float: left; line-height: 20px; margin-right: 5px; }
.resizer .small { font-size: 12px; line-height: 20px; }
.resizer .large { margin-right: 0; }
.resizer .small a, .medium .resizer .medium a, .large .resizer .large a { color: white; text-decoration: underline; }
.medium .resizer .small a, .large .resizer .small a { color: white; text-decoration: none; }


body.small #main .abstract p
{
	font-size:				11px!important;
}

body.medium #main .abstract p
{
	font-size:				12px!important;
}

body.large #main .abstract p
{
	font-size:				14px!important;
}



body.small #main p,
.resizer .small a
{
	font-size:				12px;
}

body.medium #main p,
.resizer .medium a
{
	font-size:				14px;
}

body.large #main p,
.resizer .large a
{
	font-size:				16px;
}















body.popup
{
	max-width:				800px;
	margin:					0px;
	padding:				20px 40px;
	background-color:		white;
}

/*	default link style	*/
a{			color:	#0397d6;	}
a:hover	{	color:	darkblue;	}

/*---------------------------------------------------------------------------------------------------------
//	Site structure
//-------------------------------------------------------------------------------------------------------*/
/*	horizontal centering	*/
#wrapper
{
	margin:					0px auto -91px;
	height:					100%;

	background-color:		white;
	background-image:		url( /site/images/bg_top.png );
	background-position:	top left;
	background-repeat:		repeat-x;
	width:					936px;
	padding:				0px 26px;

	box-shadow:				0px 0px 14px #f2fafe;
	border:					0px;
}

#header
{
	position:				relative;

	margin-bottom:			29px;
	height:					220px;
}

#global
{
	position:				absolute;
	bottom:					79px;
	left:					707px;

	width:					255px;
}

#body,
#right
{
	overflow:				hidden;
}

#right img{
	max-width: 100%;
}

#body
{
	background-image:		url( /site/images/bg_body.png );
	background-position:	bottom left;
	background-repeat:		repeat-y;
}

img#logo
{
	padding-top:			32px;
}

#left
{
	float:					left;
	width:					175px;
	margin-right:			24px;

	border-top:				35px solid #0397d6;

	background-color:		#e9f9fc;
	height:					100%;

	padding-bottom:			91px;
}

article#main
{
	margin-right:			24px;
	float:					left;
	width:					537px;
	padding:				0px;
	padding-bottom:			91px;

}
#right
{
	margin-top:				40px;
	margin-left:			34px;
	width:					144px;
	padding:				16px;
	padding-bottom:			91px;
	height:					100%;

}

#footer
{
	overflow:				auto;
	clear:					both;
	padding:				40px 0px 0px;

	line-height:			16px;
	font-weight:			bold;
	font-size:				12px;

}
#footertext
{
	float:					right;
	text-align:				right;
	margin:					10px 32px 0px 0px;
}

#footer1
{
	margin:					0px;
	color:					white;
}
#footer2
{
	margin:					0px;
	color:					#006699;
}

#footernav
{
	margin-top:				27px;
}

#footernav a
{
	color:					#ffcc66;
}

#footerwrapper
{
	position:				absolute;
	width:					100%;

	z-index:				3;
	background-image:		url( /site/images/bg_footer.png );
	background-position:	bottom center;
	background-repeat:		no-repeat;

	height:					91px;
	text-align:				center;
}

#footerwrapper > div
{
	margin:					0px auto;
	width:					936px;
}


/*---------------------------------------------------------------------------------------------------------
//	Header/Global styles
//-------------------------------------------------------------------------------------------------------*/
#logo
{
}

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

form#search
{
}

form#search input#findtext
{
	border:					1px solid #cccccc;
	width:					170px;
}
form#search button
{
	line-height:			20px;
}


#globalnav
{
	margin:					0px;

	font-size:				12px;
	color:					#b3b6b7;
}

#globalnav ul.m0 li
{
	display:				inline;
	margin:					0px 8px 0px 0px;
	border-right:			1px solid #b3b6b7;
}

#globalnav ul.m0 li:last-child
{
	border-right:			0px;
}

#globalnav ul.m0 a
{
	margin:					0px 8px 0px 0px;
	color:					#b3b6b7;
}

ul#socialmedia
{
	list-style-type:		none;
	margin:					0px;
	padding:				0px;
}
ul#socialmedia li
{
	display:				inline;
	margin:					0px 10px 0px 0px;
}

/*---------------------------------------------------------------------------------------------------------
//	Content styles
//-------------------------------------------------------------------------------------------------------*/
article > article,
.row article
{
	margin:					0px 0px 50px;
}

header
{
	margin:					0;
}

h1,h2,h3
{
	line-height:			1.2em;
	font-weight:			bold;
}

h1
{
	margin-bottom:			20px;
	font-weight:			normal;
	font-size:				36px;
	color:					#0397d6;
}
h2
{
	font-size:				16px;
	color:					#0099cc;
}

h3
{
	font-size:				1.2em;
}

p
{
	margin:					0 0 1em;
}

.alert
{
	border:					4px solid #cccccc;
	border-radius:			10px;
	background-color:		rgba(255,255,255,0.85);

	padding:				20px;

	line-height:			22px;
	font-size:				16px;

}

/*---------------------------------------------------------------------------------------------------------
//	Footer
//-------------------------------------------------------------------------------------------------------*/
nav#footernav
{
}

nav#footernav ul
{
	list-style-type:		none;
	margin:					0px 0px 1em;
	padding:				0px;
	overflow:				hidden;

	line-height:			13px;
	font-family:			tahoma,arial,sans-serif;
	font-size:				11px;
}

nav#footernav li.i0
{
	margin:					0px 15px 0px 0px;
	display:				block;
	float:					left;
}

nav#footernav a
{
}


/*---------------------------------------------------------------------------------------------------------
//	Forms
//-------------------------------------------------------------------------------------------------------*/
.fieldblock
{
	margin:					15px 0px;
}
.fieldblock-error
{

}

input[type=text],
input[type=number],
input[type=url],
input[type=email],
input[type=text],
input[type=password],
select,
textarea
{
	border:					1px solid #dcdcdc;
	padding:				2px 0px 2px 4px;
	font-family:			arial,sans-serif;
	font-size:				12px;
	color:					#333;
}

input[type=radio],
input[type=checkbox]
{
	float:					left;
	margin:					0 10px 0 0;
}

input.mi
{
	width:					15px!important;
}

input.small,select.small
{
	width:					50px!important;
}
input.medium,select.medium
{
	width:					65px!important;
}

textarea
{
	width:					100%;
	max-width:					490px;
	height:					160px;
}

form label
{
	display:				block;
	color:					black;

	line-height:			14px;
	font-family:			georgia,serif;
	font-weight:			bold;
	font-size:				12px;
	color:					#52b5cf;
}

label.cb
{
	display:				inline;
	font-family:			arial,sans-serif!important;
	font-size:				11px!important;
	color:					#aaaaaa!important;
}

.widget label
{
	margin-top:				10px;
}

button
{
	border:					0px;
	background-color:		#d5edf3;

	line-height:			24px;
	font-weight:			bold;
	text-transform:			uppercase;
	font-size:				12px;
	color:					#666666;

	cursor:					pointer;
}


.fielderror
{
	margin-left:			15px;
	font-weight:			bold;
	color:					red;
}

.fieldblock-error input,
.fieldblock-error select,
.fieldblock-error textarea
{
	border:					1px solid red;
}

.fieldblock-error label
{
	color:					red;
}

.inline-label
{
	position:				relative;
}
.inline-label label
{
	position:				absolute;
	top:					2px;
	left:					2px;
}

.widget input[type=text],
.widget input[type=number],
.widget input[type=url],
.widget input[type=email],
.widget input[type=text],
.widget input[type=password],
.widget select,
.widget textarea
{
	width:					117px;
	font-size:				11px;
}

.widget textarea
{
	height:					40px;
}


.widget
{
	border:					1px solid #dddede;
	background-color:		#fdfff9;
	padding:				10px;
	margin:					0px 0px 16px 0px;
}

.widget h2,
#comments form h2
{
	text-align:				center;
	line-height:			20px;
	font-family:			georgia,serif;
	font-weight:			bold;
	font-size:				14px;
}

#comments form h2
{
	text-align:				left;
}

.widget h2 a
{
	display:				inline-block;
}

/*---------------------------------------------------------------------------------------------------------
//	Popup area
//-------------------------------------------------------------------------------------------------------*/

/* the overlayed element */
.overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#333;

	width:675px;
	min-height:200px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.overlay .close {
	background-image:url( /site/images/close.png );
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.nwf-overlay
{
	background-color:			rgba(0,64,128,0.25);
	width:						600px;
	height:						580px;
}

/* container for external content. uses vertical scrollbar, if needed */
.nwf-overlay .contentWrap
{
	margin:						0;
	padding:					0;
}

.nwf-overlay iframe
{
	width:						600px;
	height:						580px;
}

/*---------------------------------------------------------------------------------------------------------
//	Share widget
//-------------------------------------------------------------------------------------------------------*/
#share
{
	position:				absolute;
	right:					25px;
	top:					160px;
	z-index:				400;
	width:					100px;

	border:					1px solid #cccccc;
}

#share label
{
	display:				block;
	margin:					0px;
	background-color:		#eeeeee;
	padding:				0px 0px 0px 28px;

	white-space:			nowrap;
	line-height:			24px;
	font-weight:			bold;

	background-image:		url( /site/images/icons/16/share.png );
	background-position:	4px 4px;
	background-repeat:		no-repeat;

	cursor:					pointer;
}

#share ul
{
	display:				none;

/*	position:				absolute;	*/

	list-style-type:		none;
	margin:					0px;
	padding:				0px;
	overflow:				hidden;

	background-color:		#eeeeee;
}

#share a
{
	display:					block;
	background-position:		4px 4px;
	background-repeat:			no-repeat;
	padding:					0px 12px 0px 28px;

	white-space:				nowrap;
	line-height:				24px;
}

#share a:hover
{
	background-color:			white;
}
a#share-twitter{	background-image:		url( /site/images/icons/16/twitter.png );	}
a#share-linkedin{	background-image:		url( /site/images/icons/16/linkedin.png );	}
a#share-facebook{	background-image:		url( /site/images/icons/16/facebook.png );	}
a#share-email{		background-image:		url( /site/images/icons/16/email.png );	}





/*---------------------------------------------------------------------------------------------------------
//	Page links
//-------------------------------------------------------------------------------------------------------*/
nav#pagelinks
{
	overflow:					hidden;
	margin-top:					20px;
	padding:					20px 0px;
	border-top:					1px solid #dddddd;

	line-height:				24px;
	font-size:					14px;
}

nav#pagelinks ul,
nav#pagelinks li
{
	display:					inline;
	margin:						0px;
	padding:					0px;
}
nav label
{
	float:						left;
	margin-right:				1em;
}

nav#pagelinks a
{
	display:					block;
	float:						left;

	margin:						0px 10px 0px 0px;
	padding:					0px 10px;
	background-color:			rgba(0,64,128,0.15);

	text-align:					center;
}

nav#pagelinks a.currentpage
{
	background-color:			#eeeeee;
	color:						#333333;
}


.featured
{
	background-color:			#e9f9fc;
	padding:					35px;

}

h2.faq-category
{
	margin-top:					30px;
	color:						black;
}

article.faq
{
	margin:						23px 0px 0px;
	border-top:					1px solid #cccccc;
	padding:					23px 0px 0px;
}

article.faq h3
{
	background-image:			url( /site/images/icon_plus.png );
	background-position:		2px 0px;
	background-repeat:			no-repeat;

	padding:					2px 0px 2px 28px;

	line-height:				16px;
	font-weight:				bold;
	font-size:					13px;
	color:						#0099cc;

	cursor:						pointer;
}

article.faq h3.active
{
	background-image:			url( /site/images/icon_minus.png );
}

article.faq div
{
	display:					none;
	margin:						0px 0px 0px 25px;
}


.row
{
	overflow:					hidden;
}

.row > div
{
	float:						left;
	margin-right:				8px;
}


input.mi
{
	width;						30px;
}

#globalcta
{
	border:						1px solid #dddede;
	background-color:			#fdfff9;
	margin:						17px;
	padding:					6px 17px;
}

#globalcta a
{
	display:					block;
	margin:						11px 0px;

	border:						1px outset #246a86;
	background-color:			#41aedf;

	text-align:					center;
	line-height:				32px;
	font-weight:				bold;
	font-size:					14px;
	color:						white;
}

#globalcta a.dsacf-home{
	line-height:				20px;
	font-size:					14px;
}

a.donatebutton
{
	display:					inline-block;
	margin:						11px 0px;
	padding:					0px 10px;

	border:						1px outset #246a86;
	background-color:			#41aedf;

	text-align:					center;
	line-height:				32px;
	font-weight:				bold;
	font-size:					14px;
	color:						white;
}

#globalcta.communitypage {
	border: 0px;
	background-color: transparent;
	padding: 0px;
}

#globalcta.communitypage a{
	line-height: 0px;
}

table#donations-cart
{
	margin-bottom:				20px;
	border:						1px solid #dddede;
	background-color:			#fdfff9;


}
table#donations-cart strong
{
	display:				block;
}

table#donations-cart td
{
	padding:				5px 10px;
}

table#donations-cart td.price
{
	text-align:				right;
}

table#donations-cart tr.totals td
{
	border-top:				1px solid #dddede;
}


section#videos,
section#photos
{
	position:				relative;
	margin:					0px -5px 30px;
	border-bottom:				1px solid #cccccc;
}
section#videos a.backward,
section#photos a.backward
{
	position:				absolute;
	top:					108px;
	left:					0px;
}
section#videos a.forward,
section#photos a.forward
{
	position:				absolute;
	top:					108px;
	right:					0px;
}

section#videos > div,
section#photos > div
{
	position:				relative;
	width:					466px;
	height:					215px;
	margin:					38px 0px 0px 36px;
}

section#videos > div > div,
section#photos > div > div
{
	display:				none;

	position:				absolute;
	top:					0px;
	left:					0px;
	width:					466px;
	height:					215px;
}

section#videos article,
section#photos article
{
	float:					left;
	margin:					0px 30px 0px 0px;
	width:					130px;
	text-align:				center;
}
section#videos article:last-child,
section#photos article:last-child
{
	margin-right:			0px;
}

ul#videobuttons,
ul#photobuttons
{
	display:				none;
}


a.backward,
a.forward
{
	display:				block;
	width:					27px;
	height:					27px;

	background-repeat:		no-repeat;

}

a.backward
{
	background-image:		url( /site/images/arrow_left.png );
}
a.forward
{
	background-image:		url( /site/images/arrow_right.png );
}


article#main article p
{
	display:				inline;
}
article#main > article
{
	overflow:				hidden;
	line-height:			17px;
	font-size:				11px;
}

article#main > article > div
{
	overflow:				hidden;
}

article#main > article img
{
	float:					left;
	margin:					2px 26px 0px 0px;
	border:					1px solid #bac7ca;
}

#comments form
{
	border:					1px solid #dddede;
	background-color:		#fdfff9;
	padding:				10px;
	margin:					0px 0px 16px 0px;

}

#comments article
{
	margin:					31px 0px;
}

#comments article h2
{
	color:					#666666;
}

#comments
{
	margin:					32px 0px 0px;
	border-top:				1px solid #cccccc;
	padding-top:			30px;
}

#comments .fieldblock
{
	margin:					5px 0px;
}
#comments button
{
	float:					right;

	margin:					0px;
}

h2.subtitle
{
	margin:					48px 0px 20px;
	border-top:				1px solid #cccccc;
	padding-top:			42px;

	font-weight:			normal;
	color:					#f99d3a;
}

.col2
{
	float:					left;
	width:					216px;

	margin:					0px 38px 0px 0px;
}

.row h2.subtitle
{
	margin-top:				0px;
	border-top:				0px;
	padding-top:			0px;
}

.featured img
{
	float:					none!important;
}

.featured h2
{
	font-family:			georgia,serif;
}
.featured h2 a,
.featured time
{
	color:					#cc6600;
}

.featured header
{
	margin-top:				20px;
	border-top:				1px solid #999999;
	padding-top:			20px;
}

#mobilemenu
{
	display:				none;
}

article article time
{
	font-weight:			bold;
}

#right .inline-label
{
	margin:					4px 0px;
}

.row.divider
{
	margin-bottom:			30px;
	border-bottom:			1px solid #cccccc;
}


#videos > header h2,
#photos > header h2
{
	float:					left;
	margin-right:			5px;

	line-height:			16px;
	font-weight:			normal;
	color:					#f99d3a;
}


#videos > header a,
#photos > header a
{
	line-height:			16px;
	font-size:				12px;
	color:					#999999;
}

article.photo
{
	float:					left;
	margin:					0px 30px 0px 0px;
	width:					130px;
	text-align:				center;

}

.image-overlay
{
	overflow:					visible!important;
	display:					none;
	position:					absolute;
	z-index:					5000;
}
.image-overlay .close{
	background-image:url( /site/images/close.png );
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	text-indent:		50px;
	overflow:			hidden;
}


article#main p img[align=left]
{
	float:					left;
	margin:					4px 8px 2px 0px;
}

article#main p img[align=right]
{
	float:					right;
	margin:					4px 0px 2px 8px;
}

	article#main img
	{
		width:					auto;
		max-width:				100%;
	}


.widget ul
{
	list-style-type:			none;
	margin:						12px 0px;
	padding:					0px;

	line-height:				13px;
	font-size:					11px;
}
.widget li
{
	margin:						12px 0px;
	padding:					0px;
}