@charset "utf-8";
/* CSS Document */



/********** PAGE STYLES ************/
body{
	background:url("http://youth.unicefusa.org/assets/images/body_bg.gif") repeat-x scroll left top #724611;
}
#contain{
	width:981px;
	padding:0 8px;
	margin:0 auto;
	background:#fff;
}
#slider_container {
	background:url('/assets/images/home/slider_bg.jpg') no-repeat 0 0;
	display:block;
	float:left;
	margin:8px 0 0;
	height:520px;
	width:981px;
}
#slide_one{
	position:relative;
	height:520px;
	width:981px;
	float:left;
}

h1{
	background:url('/assets/images/home/main_header.jpg') no-repeat 0 0;
	width:461px;
	height:147px;
	text-indent:-9999px;
	margin:3px 0 0 4px;
}

/*** ORANGE NOTE STYLE STYLES ***/
.note{
	background:url('/assets/images/home/note_bg.jpg') no-repeat 0 0;
	height:347px;
	width:402px;
	margin:0 0 0 4px;
}
	.note h2{
		background:url('/assets/images/home/sprite.png') no-repeat 0 -490px;
		text-indent:-9999px;
		height:23px;
		width:190px;
		margin:0 0 0 34px;
		padding:3px 0 0 0;
	}
	.note p{
		background:url('/assets/images/home/note_writing_bg.png') no-repeat 0 0;
		height:271px;
		width:306px;
		margin:10px 0 0 33px;
		text-indent:-9999px;
		position:relative;
		z-index:11;
	}
	.note p a{
		text-indent:-9999px;
		position:absolute;
		display:block;
		cursor:pointer;
	}
		.note p a#sixety_years_link{
			height:24px;
			width:63px;
			top:0;
			left:27px;
		}
		.note p a#participate_link{
			height:18px;
			width:72px;
			top:104px;
			left:123px;
		}
		.note p a#donate_link{
			height:18px;
			width:45px;
			top:104px;
			left:204px;
		}
		.note p a#community_link_one{
			height:21px;
			width:27px;
			top:104px;
			right:0px;
		}
		.note p a#community_link_two{
			height:21px;
			width:98px;
			top:123px;
			left:0px;
		}
		.note p a#signature_link{
			height:30px;
			width:77px;
			bottom:0;
			left:75px;
		}

/*** RIGHT SIDEBAR PROMOS ***/
ul.promos{
	background:url('/assets/images/home/promos_bg.jpg') no-repeat 0 0;
	position:absolute;
	top:10px;
	right:10px;
	width:319px;
	height:441px;
	padding:8px 6px 7px 6px;
	z-index:5;
}

ul.promos li{
	position:relative;
	height:92px;
	margin:0;
	overflow:hidden;
	display:block;
	float:left;
	width:319px;
}
ul.promos li.last{
	height:73px;
	padding:0;
	clear:both;
}
	ul.promos li a{
		outline:none;
		text-decoration:none;
		display:block;
		height:78px;
		margin:14px 0 0 15px;
	}
	ul.promos li a span{
		cursor:pointer;
	}
	ul.promos li span.promoheader{
		display:block;
		text-indent:-9999px;
		margin:0;
	}

	ul.promos li span.tagline{
		margin:0;
		font-family:"Lucida Grande", sans-serif;
		font-weight:bold;
		color:#ff6600;
		font-size:11px;
		line-height:14px;
		display:block;
	}
	ul.promos li span.arrow{
		background:url('/assets/images/home/sprite.png') no-repeat -150px 0;
		display:block;
		height:17px;
		width:54px;
		text-indent:-9999px;
		margin:5px 0 0;
	}
	ul.promos li span.icon{
		display:block;
		position:absolute;
		text-indent:-9999px;
		overflow:hidden;
		width:100%;
	}
		ul.promos li.participate span.promoheader{
			background:url('/assets/images/home/sprite.png') no-repeat 0 0;
			width:125px;
			height:23px;
		}
		ul.promos li.participate span.tagline{
			margin:2px 0 0 0;
		}
		ul.promos li.participate span.icon{
			background:url('/assets/images/home/sprite.png') no-repeat 0 -150px;
			width:91px;
			height:82px;
			right:12px;
			top:4px;
		}

		ul.promos li.donate span.promoheader{
			background:url('/assets/images/home/sprite.png') no-repeat 0 -30px;
			width:81px;
			height:18px;
		}
		ul.promos li.donate span.tagline{
			margin:8px 0 0 0;
		}
		ul.promos li.donate span.icon{
			background:url('/assets/images/home/sprite.png') no-repeat 0 -240px;
			width:83px;
			height:72px;
			right:8px;
			top:10px;
		}

		ul.promos li.community span.promoheader{
			background:url('/assets/images/home/sprite.png') no-repeat 0 -60px;
			width:130px;
			height:23px;
		}
		ul.promos li.community span.tagline{
			margin:3px 0 0 0;
		}
		ul.promos li.community span.icon{
			background:url('/assets/images/home/sprite.png') no-repeat 0 -330px;
			width:146px;
			height:61px;
			right:0px;
			top:17px;
		}

		ul.promos li.resources span.promoheader{
			background:url('/assets/images/home/sprite.png') no-repeat 0 -90px;
			width:122px;
			height:18px;
		}
		ul.promos li.resources span.tagline{
			margin:5px 0 0 0;
		}
		ul.promos li.resources span.icon{
			background:url('/assets/images/home/sprite.png') no-repeat 0 -400px;
			width:129px;
			height:68px;
			right:8px;
			top:17px;
		}

ul.promos li.last p a{
	background:url('/assets/images/home/sprite.png') no-repeat 0 -120px;
	width:228px;
	height:29px;
	text-indent:-9999px;
	margin:25px auto 0;
}



#bats{
	background:url('/assets/images/home/bats.jpg') no-repeat 0 0;
	display:block;
	width:125px;
	height:130px;
	position:absolute;
	top:30px;
	right:360px;
}
#selena a{
	background:url('/assets/images/home/selena.png') no-repeat 0 0;
	display:block;
	width:338px;
	height:337px;
	position:absolute;
	bottom:20px;
	left:323px;
	outline:none;
	text-indent:-9999px;
  z-index: 10;
}


/* Post-it notes background */
#structure {
  background:url('/assets/images/home/structure_bg.png') no-repeat scroll left top transparent;
  border:0 none;
  display:block;
  float:left;
  position: relative;
  margin:-33px 0 0 0;
  padding:0;
  width:981px;
  height: 222px;
  z-index: 100;
}

/* Bottom Content Overrides */
#structure .col-one
	{
		width: 400px;
	}
	
#structure .col-two
	{
		width: 260px;
	}