.youth_guides .wide h2
{
	background: transparent url("../../files/heading_yg_wide.jpg") no-repeat;
}

.youth_guides .narrow h2
{
	background: transparent url("../../files/heading_yg_narrow.jpg") no-repeat;
}

.arrow
{
	display: block;
}

#tell_me_more img#youth_guide
{
	width: 409px;
	height: 217px;
	margin: 0 auto;
}

#tell_me_more div
{
	background: #F1F1F1 url("../../files/arrow_vertical_shaft.jpg") 430px 95px repeat-y;
	position: relative;
	padding-bottom: 40px;
}

#tell_me_more p
{
	margin-right: 50px;
	margin-left: 8px;
}

.arrow.vertical.right
{
	width: 28px;
	height: 82px;
	background: url("../../files/arrow_vertical_head_right.jpg") 0 0 no-repeat;
}

#tell_me_more div .arrow.vertical.right
{
	position: absolute;
	top: 0;
	right: 6px;
}

#tell_me_more div .arrow.horizontal.compass
{
	position: absolute;
	bottom: 0;
	right: 26px;
}

.arrow.horizontal.compass
{
	width: 434px;
	height: 39px;
	background: url("../../files/arrow_horizontal_compass.png") no-repeat;
}

.arrow.horizontal.left
{
	width: 294px;
	height: 33px;
	background: url("../../files/arrow_horizontal_left.png") no-repeat;
}

#view_guidelines
{
	background: none !important;
	padding-top: 8px;
}

#view_guidelines .arrow.horizontal.left
{
	position: absolute;
	top: 0;
	right: 21px;
}

#featured_youth_guide_story div
{
	background-image: url("../../files/featured_youth_guide_story.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 90px;
	height: 229px;
	position: relative;
}

#featured_youth_guide_story img#featured
{
	position: absolute;
	top: 21px;
	left: 16px;
}

#featured_youth_guide_story span.bottom
{
	background-image: url("../../files/footing_yg_narrow.jpg");
}

.arrow.horizontal.down
{
	width: 369px;
	height: 28px;
	background: url("../../files/arrow_horizontal_down.jpg") bottom right no-repeat;
}

#featured_youth_guide_story div .arrow
{
	position: absolute;
	bottom: 0;
	right: 2px;
}

.arrow.L.left
{
	width: 114px;
	height: 193px;
	background: url("../../files/arrow_L_left.png") bottom right no-repeat;
}

#search_youth_guides
{
        background-color: #f1f1f1;
}

#search_youth_guides div
{
	background: transparent;
	position: relative;
	padding-right: 40px;
	padding-left: 12px;
	z-index: 0;
}

#search_youth_guides h3
{
	background: none;
	color: black;
	font-size: 12px;
	padding-left: 0;
	height: auto;
}

#search_youth_guides div .arrow
{
	position: absolute;
	bottom: 13px;
	right: 23px;
	z-index: -1;
}

.button
{
	background: url("../../files/button_grey_left.jpg") top left no-repeat;
	padding: 8px 0 9px 6px;
}

.button:hover
{
	border: none !important;
}

.button span
{
	background: url("../../files/button_grey_right.jpg") top right no-repeat;
	padding: 8px 6px 9px 0;
	font-size: 12px;
	line-height: 12px;
}
