/*
===== CONTENTS =====

	1: General Elements and Primary Structure
	2: Hero Banner
	3: Navigation								( Uses CSS Sprites: http://www.alistapart.com/articles/sprites )
	4: SubNavigation							( Uses CSS Sprites: http://www.alistapart.com/articles/sprites )
		: About Subnav
		: Apply Subnav
		: Contribute Subnav
	5: Content

====================
*/


/*
===== 1: General Elements and Primary Structure =====
*/

#masterwrap.home #childrens_logo {
	float: right;
	margin-right: 0;
}


/*
===== 2: Hero Banner =====
*/

#masterwrap.home #hero_banner {
	margin: 80px 0 0 0;
	padding: 0;
	width: 928px;
	height: 442px;
	border-bottom: 1px solid #fff;
}

* html #masterwrap.home #hero_banner {														/* Corrects top margin in IE */
	margin-top: 90px;
}
#masterwrap.home #hero_banner {
	background: url(../images/hero_banners/home2.jpg) no-repeat;
}
#masterwrap.about #hero_banner {
	background: url(../images/hero_banners/about.jpg) no-repeat;
}
#masterwrap.people #hero_banner {
	background: url(../images/hero_banners/people.jpg) no-repeat;
}
#masterwrap.apply #hero_banner {
	background: url(../images/hero_banners/apply.jpg) no-repeat;
}
#masterwrap.contribute #hero_banner {
	background: url(../images/hero_banners/contribute.jpg) no-repeat;
}
#masterwrap.contact #hero_banner {
	background: url(../images/hero_banners/contact.jpg) no-repeat;
}


/*
===== 3: Navigation =====
*/

#masterwrap.about #about {
    background: transparent url(../images/navsprites.gif)
    0 -30px no-repeat;}
#masterwrap.people #people {
	background: transparent url(../images/navsprites.gif)
	-146px -30px no-repeat;}
#masterwrap.apply #apply {
	background: transparent url(../images/navsprites.gif)
	-291px -30px no-repeat;}
#masterwrap.contribute #contribute {
	background: transparent url(../images/navsprites.gif)
	-436px -30px no-repeat;}
#masterwrap.contact #contact {
	background: transparent url(../images/navsprites.gif)
	-581px -30px no-repeat;}


/*
===== 5: SubNavigation =====
*/

/* About Subnav
----------------------------------------------- */
#sub_about {
    width: 146px; 
	height: 175px;
    background: url(../images/subnav_sprites/about.gif);
	margin: 0;
	padding: 0;
	position: absolute; 
	top: 90px;
}
#sub_about li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
	left: 0;
	width: 146px;
}
#sub_about li, #sub_about a {
    height: 23px;
	display: block;
}

#sub_about a {text-indent: -5000px; text-decoration: none;}				/* Phark Image Replacement hides text and removes underline */ 

#governance {top: 0;}
#board {top: 24px;}
#history {top: 48px;}
#faq {top: 72px;}

/* Set hover and selected states in one pass */
#governance a:hover, #governance.selected a {
    background: transparent url(../images/subnav_sprites/about.gif)
    -146px 0 no-repeat;}
#board a:hover, #board.selected a {
	background: transparent url(../images/subnav_sprites/about.gif)
	-146px -24px no-repeat;}
#history a:hover, #history.selected a {
	background: transparent url(../images/subnav_sprites/about.gif)
	-146px -48px no-repeat;}
#faq a:hover, #faq.selected a {
	background: transparent url(../images/subnav_sprites/about.gif)
	-146px -72px no-repeat;}


/* Apply Subnav
----------------------------------------------- */
#sub_apply {
    width: 146px; 
	height: 175px;
    background: url(../images/subnav_sprites/apply.gif);
	margin: 0;
	padding: 0;
	position: absolute; 
	top: 90px;
	left: 305px;
}
#sub_apply li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
	left: 0;
	width: 146px;
}
#sub_apply li, #sub_apply a {
    height: 23px;
	display: block;
}

#sub_apply a {text-indent: -5000px; text-decoration: none;}				/* Phark Image Replacement hides text and removes underline */ 

#checklist {top: 0;}
#criteria {top: 24px;}
#apply_now {top: 48px;}
#apply_contact {top: 72px;}

/* Set hover and selected states in one pass */
#checklist a:hover, #checklist.selected a {
    background: transparent url(../images/subnav_sprites/apply.gif)
    -146px 0 no-repeat;}
#criteria a:hover, #criteria.selected a {
	background: transparent url(../images/subnav_sprites/apply.gif)
	-146px -24px no-repeat;}
#apply_now a:hover, #apply_now.selected a {
	background: transparent url(../images/subnav_sprites/apply.gif)
	-146px -48px no-repeat;}
#apply_contact a:hover, #apply_contact.selected a {
	background: transparent url(../images/subnav_sprites/apply.gif)
	-146px -72px no-repeat;}


/* Contribute Subnav
----------------------------------------------- */
#sub_contribute {
    width: 146px; 
	height: 175px;
    background: url(../images/subnav_sprites/contribute.gif);
	margin: 0;
	padding: 0;
	position: absolute; 
	top: 90px;
	left: 450px;
}
#sub_contribute li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
	left: 0;
	width: 146px;
}
#sub_contribute li, #sub_contribute a {
    height: 23px;
	display: block;
}

#sub_contribute a {text-indent: -5000px; text-decoration: none;}				/* Phark Image Replacement hides text and removes underline */ 

#mailing {top: 0;}
#payment {top: 24px;}

/* Set hover and selected states in one pass */
#mailing a:hover, #mailing.selected a {
    background: transparent url(../images/subnav_sprites/contribute.gif)
    -146px 0 no-repeat;}
#payment a:hover, #payment.selected a {
	background: transparent url(../images/subnav_sprites/contribute.gif)
	-146px -24px no-repeat;}



/*
===== 5: Content =====
*/

#masterwrap.home #content {
	margin-left: 15px;
	width: 650px;
}

#masterwrap.home #content h2 {
	background: url(../images/hdg_sometimes.gif) no-repeat;
	width: 464px;
	height: 18px;
	text-indent: -5000px;
	margin-bottom: 10px;
}