body {
	background: url(/lib/yhst-94661496963382/body-bg.jpg) left top repeat-x;
	font: 70% Arial, sans-serif;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

/*Common Classes*/

h3 { font-size: 1.2em; }

#header h1 { font-size: 120% }

h2#section-contenttitle {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #940203;
	margin-bottom: 1em;
}
h2#home-contenttitle {
	font: bold 1.3em Arial, Helvetica, sans-serif;
}

.caps { text-transform: uppercase; }

.text-area {
	margin: 20px;
	clear: both;
}

#bodycontent h4 {
	font-size: 100%;
	font-weight: bold;
	color: #9A0000;
	margin-bottom: 0;
	margin-top: .9em;
}
#bodycontent p { margin-top: .15em; }
#bodycontent ul { width: 100%; }
	#bodycontent ul li {
		list-style: none;
		margin: 0 0 1em 0;
		padding-left: 21px;
		background: url(/lib/yhst-94661496963382/bullet.gif) 13px .5em no-repeat;
	}
	#bodycontent ul.nobullets li { background-image: none; }
	#bodycontent ul.nospacing li { margin: 0; }
	#bodycontent ol li {
		margin-bottom: .4em;
	}
/*End Common Classes*/

/*Main Structure Style*/
#container {
	font: 1em Arial, sans-serif;
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: relative;
	width: 760px;
	height: 142px;
	overflow: hidden;
	}
	#header p { margin: 0; font-size: 10px; }
	#header h1 { font-size: 10px; }
	#header #brandmark {
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
		background: url(/lib/yhst-94661496963382/header.png) left top no-repeat;
	}
	#header-photo {
		float: right;
		margin: 13px 16px 0 0;
		display: inline;
		position: relative;
		width: 228px;
		height: 128px;
		}
		#header-photo img { vertical-align: bottom; }
		#header-photo span {
			position: absolute;
			width: 100%;
			height: 100%;
			background: url(/lib/yhst-94661496963382/header-photo-overlay.png) left top no-repeat;
		}

#main-bg {
	background: url(/lib/yhst-94661496963382/bodyshell-bg.png) left top repeat-y;
	float: left;
	}
	#bodyshell {
		float: left;
		background: url(/lib/yhst-94661496963382/bottom-bg.png) left bottom no-repeat;
		padding-left: 193px;
		width: 567px;
		}
		.page-container {
			background: url(/lib/yhst-94661496963382/page-bg.jpg) left top no-repeat;
			float: left;
			width: 100%;
			margin: 1px 0 0 0;
			padding: 0 0 64px 0;
			min-height: 185px;
			}
			* html .page-container {
				height: 185px;
			}
			.page-container-events { background: url(/lib/yhst-94661496963382/page-events-bg.jpg) left top no-repeat; }
			.page-container-wishlist { background: url(/lib/yhst-94661496963382/page-wishlist-bg.jpg) left top no-repeat; }
			.page-container-volunteer { background: url(/lib/yhst-94661496963382/page-volunteer-bg.jpg) left top no-repeat; }
			.page-container-education { background: url(/lib/yhst-94661496963382/page-education-bg.jpg) left top no-repeat; }
		#bodycontent {
			position: relative;
			width: 100%;
			float: right;
			}
			#breadcrumbs {
				width: 551px;
				padding: 5px 8px 8px 8px; 
				margin-left: -1px;
				color: #ccc;
				background: #930101 url(/lib/yhst-94661496963382/header.png) -192px -142px no-repeat;
				}
				#breadcrumbs a { text-decoration: none; color: #ccc; }
				#breadcrumbs span { color: #ccc; }

.page-container .styledTitleTop, .page-container .styledTitleBottom {
	background: #930101 url(/lib/yhst-94661496963382/title-bg.png) left top no-repeat;
	width: 548px;
	}
	.page-container .styledTitleTop {
		background: #930101 url(/lib/yhst-94661496963382/title-bg.png) left top no-repeat;
		margin: 2em 10px 2em 9px;
	}
	.page-container .styledTitleBottom { background: url(/lib/yhst-94661496963382/title-bg.png) left bottom no-repeat; }
	.page-container h3.styledTitle {
		color: white;
		line-height: 27px;
		padding: 0 0 12px 10px;
		width: 275px;
	}


#bodycontent .bodypad { padding: 10px; }
.captionPhoto { float: left; }
.caption {
	margin: 20px;
	float: right;
}
.page-container-events .caption, .page-container-wishlist .caption, .page-container-volunteer .caption, .page-container-education .caption { margin: 56px 48px 0 24px; }

#footer {
	width: 100%;
	float: left;
	background-color: #ccc;
	clear: both;
}

#header:after,
#bodyshell:after,
#footer:after,
#footer .text:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/*End Main Structure Style*/

	#footer ul.links {
		margin: 0;
		padding: 6px 11px 3px 339px;
		width: 410px;
		background: #930101 url(/lib/yhst-94661496963382/footer-ul-bg.png) left bottom no-repeat;
		float: right;
		min-height: 20px;
		text-transform: uppercase;
		}
		* html #footer ul.links { height: 20px; }
		#footer ul * { vertical-align: middle; }
		#footer ul.links li {
			list-style: none;
			float: left;
			border-right: 1px solid black;
			margin: 0;
			white-space: nowrap;
			}
			#footer ul.links li a {
				padding: 0 4px 0 5px;
				color: white;
				display: block;
				text-decoration: none;
			}
			#footer ul.links li a:hover { text-decoration: underline; }
			#footer ul.links li.last { border: 0; }

#footer .text {
	padding-left: 11px;
	width: 300px;
	position: relative;
	top: -17px;
	color: #676767;
	clear: both;
	}
	#footer .text div { margin-bottom: .5em; }
	#footer .designby a { color: #676767; }

/*Nav Area*/
#nav-product {
	float: left;
	margin-left: -193px;
	position: relative;
	width: 192px;
	z-index: 100;
	}
	* html #nav-product { left: 193px; }

	#htmltop {
		padding: 7px 4px;
		background: #b6b6b6;
		border: 1px solid #bababa;
	}
	#htmlbottom {
		text-align: center;
		margin-bottom: 128px;
		}
		#htmlbottom img {
			display: block;
			margin: 0 auto 10px auto;
			}
			#htmlbottom img * {
				display: inline;
				margin: 0;
			}
	#searcharea input { 
		font-size: 1em;
		vertical-align: middle; 
		}
		#query {
			width: 141px;
			padding: 2px;
			border: 2px inset grey;
			margin-right: 5px;
		}

	#nav-product ul {
		border-top: 1px solid white;
		background: url(/lib/yhst-94661496963382/navbar-li-bg.gif) left bottom repeat-x;
		padding: 22px 0 0 0;
		margin: 0 0 22px 0;
		width: 191px;
		}
		#nav-product ul li {
			list-style-type: none;
			margin: 0;
			padding: 0;
			width: 100%;
			background: url(/lib/yhst-94661496963382/navbar-li-bg.gif) left top repeat-x;
			font-size: 1.1em;
			}
			#nav-product li a {
				position: relative;
				top: 1px;
				display: block;
				padding: 4px 10px 5px 10px;
				font-weight: bold;
				color: black;
				text-decoration: none;
			}
			#nav-product li:hover, #nav-product li.sfhover { background: transparent; }
			#nav-product li a:hover {
				background-color: #930101;
				color: white;
			}

/*End Nav Area*/

/* Homepage specific */

#home-bg {
	background: url(/lib/yhst-94661496963382/gradient-bg.jpg) 193px bottom no-repeat;
	float: left;
}
#home-container {
	float: left;
	width: 301px;
	padding: 13px;
	}
	#home-sidebar {
		float: left;
		margin-right: -327px;
		width: 240px;
		margin-bottom: 64px;
		padding-top: 13px;
		text-align: center;
		}
		#home-sidebar object {
			display: block;
			margin: 0 auto 18px auto;
		}
		#newsletterSignup-top, #newsletterSignup-bottom { float: left; }
		#newsletterSignup-top {
			background: url(/lib/yhst-94661496963382/newsletter-bg-top.png) left top no-repeat;
			margin-left: 11px;
		}
		#newsletterSignup-bottom { background: url(/lib/yhst-94661496963382/newsletter-bg-bottom.png) left bottom no-repeat; }
		#newsletterSignup {
			width: 227px;
			margin: 60px 0 41px 0;
			text-align: left;
			}
			#newsletterSignup p {
				width: 154px;
				margin: 0 0 11px 14px;
			}
			#newsletterSignup form {
				margin: 0 0 0 13px;
				padding: 0;
			}
			#newsletterSignup form * { vertical-align: middle; }
			#newsletterSignup form .newsletter-box {
				width: 160px;
				margin: 0 4px 0 0;
				font-size: 1em;
				padding: 2px;
				border: 2px inset grey;
				margin-right: 5px;
			}

/* Wishlist specific */
#bodycontent #wishlist {
	margin: 1em 50px;
	width: 467px;
	list-style: none;
	float: left;
	}
	#bodycontent #wishlist li {
		padding: 0 0 0 15px;
		width: 218px;
		float: left;
		background: url(/lib/yhst-94661496963382/wishlist-bullet.gif) left 50% no-repeat;
		}
		#bodycontent #wishlist li span {
			font-weight: bold;
			color: #930101;
		}

/* Events specific */
#bodycontent h4.month {
	background: url(/lib/yhst-94661496963382/events-header-bg.png) left top repeat-y;
	padding: .2em .4em;
	margin: 1em 0 1em 20px;
	width: 547px;
	clear: both;
}

#bodycontent ul.eventItem {
	list-style: none;
	margin: 0 62px;
	padding: 0;
	width: 443px;
	float: left;
	margin-bottom: .2em;
	display: inline;
	}
	#bodycontent ul.eventItem li {
		background-image: none;
		padding: 0;
		float: left;
		display: block;
		margin: 0 10px 0 .1em;
		}
		* html #bodycontent ul.eventItem li div {
			position: relative;
			float: left;
			z-index: 1;
			}
			* html #bodycontent ul.eventItem li div span {
				position: relative;
				float: left;
				z-index: 2;
			}
		#bodycontent ul.eventItem li.eventCol0 { min-width: 98px; }
			* html #bodycontent ul.eventItem li.eventCol0 div { border-left: 98px solid white; }
				* html #bodycontent ul.eventItem li.eventCol0 div span { margin-left: -98px; }
		#bodycontent ul.eventItem li.eventCol1 { font-weight: bold; min-width: 144px; }
			* html #bodycontent ul.eventItem li.eventCol1 div { border-left: 144px solid white; }
				* html #bodycontent ul.eventItem li.eventCol1 div span { margin-left: -144px; }
		#bodycontent ul.eventItem li.eventCol2 { min-width: 138px; }
			* html #bodycontent ul.eventItem li.eventCol2 div { border-left: 138px solid white; }
				* html #bodycontent ul.eventItem li.eventCol2 div span { margin-left: -138px; }


/* Donate specific */
	.button-lt { background: url(/lib/yhst-94661496963382/button-bg2.png) left top no-repeat; margin-bottom: 14px; }
	.button-lb { background: url(/lib/yhst-94661496963382/button-bg2.png) left bottom no-repeat; }
	.button-rt { background: url(/lib/yhst-94661496963382/button-bg2.png) right top no-repeat; }
	.button-rb { background: url(/lib/yhst-94661496963382/button-bg2.png) right bottom no-repeat; }
	.button-lt, .button-lb, .button-rt, .button-rb { float: left; }
	.button-inside {
		margin: 9px 17px 12px 9px;
		font-weight: bold;
		font-size: 1.1em;
		text-align: center;
		}
		.button-inside form input {
			vertical-align: bottom;
			margin-top: .2em;
		}



.ys_primary {
	margin: 0;
	padding: 0;
}

#info-div {
	margin: 20px;
	min-height: 185px;
	}
	* html #info-div { height: 185px; width: 467px; }

a.pdfLink, a.pdfLink:hover {
	text-decoration: none;
	display: block;
	text-align: center;
	color: black;
	}
	.pdfLink img {
		vertical-align: middle;
		margin-right: .4em;
	}
	.pdfLink span {
		text-decoration: underline;
		color: #930101;
		}
		.pdfLink:hover span { text-decoration: none; }

#donateForm { margin: 1em 2em 3em; }
	#donateForm form { text-align: center; margin-top: .6em; }
		#donateForm form div { margin: .4em auto; }
#donationAmt { border: 1px solid black; border-width: 0 0 1px 0; text-align: center; }

#fader-1, #fader-2 {
	width: 222px;
	height: 157px;
	margin: 0 9px 10px;
}
#fader-1 img, #fader-2 img { vertical-align: top; }



/*Cascading Nav*/
#nav li.sfhover .second-level {
	left: 191px;
	top:0;
	display:block;
}
#nav-product ul.second-level, #nav-product ul.second-level li{
	background-color:#fff;
	background-image:none;
}
#nav li {
	position: relative;
}
#nav .second-level a{
	top:0;
	font-size:0.9em;
}
#nav .second-level a:hover{
	background-color:#ccc;
	color:#930101;

}
#nav .second-level {
	position: absolute;
	top:0;
	left:191px;
	display:none;
	border:1px solid #000;
	padding:0;
}
#nav .sfhover a.top-level{
	background-color: #930101;
	color: white;
}
#nav-product ul, #nav-product ul li{
	float:left;
}
#htmlbottom{
	clear:both;
}
/*Cascading Nav*/

#donations-area {
	margin: 45px 0px;
}

#donations-area a {
	font-size: 1.1em;
	font-weight: bold;
}

#donations-area b {
	font-size: 12px;
}

