/* 
	xhtml & css
	Date: 10/20/2009.
	Modified: 10/20/2009
	Author: gtBiz

**/

/* Basics */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
cursor: default;
font-family: Helvetica, Arial, Verdana, sans-serif;
padding: 0px 0 0 0;
background: #523624;
color: #333333;
}
a{cursor: pointer;}
a:active{outline: 0 !important;}
a img{border: none;}
abbr, acronym{cursor: help; border: none;}
hr{display: none;}
label{cursor: pointer;}
select option{padding: 1px 2px 0 5px;}
table{border-spacing: 0; border-collapse: collapse;}
ul{list-style: none;}

/* Structure */
#container{
width: 788px;
background: url(../images/content_bg.jpg) repeat-y top left;
border:4px solid #79a8ce;
margin: 40px auto 10px auto;
z-index:0;
}

#header{
position: relative;
height: 146px;
width: 788px;
background: url(../images/header_internal.jpg) scroll top left;
border-bottom: 10px solid #523624;
}

#s0 #header{
height: 110px;
width: 788px;
background: url(../images/header_home.jpg) scroll top left;
}

  #header h1{
	display: block;
	text-indent: -9999px;
	float: left;
	}
	
  #header h1 a{
	display: block;
	float:left;
	outline: 0;
  height: 111px;
  width: 88px;
  margin-left: 32px;
  margin-top:20px;
  text-indent: -9999px;
	}
	
#s0 #header h1 a{
  margin-left: 28px;
  margin-top:0px;
}	

#contact a#contact_link{
float:right;
margin-top: 18px;
display:block;
text-indent:-9999px;
width:59px;
height:10px;
background: url(../images/but_contact.jpg) no-repeat 0 0;
}

#contact a#contact_link:hover,#contact a#contact_link:focus{
background: url(../images/but_contact.jpg) no-repeat 0 -10px;
}

#contact a#facebook{
margin-left:14px;
margin-top:10px;
margin-right: 8px;
display:block;
float:right;
}

#quote{
position: absolute;
top: 79px;
right: 0;
z-index:1;
text-align: right;
}

.wrapper {
overflow: hidden;
}

#sidebar{
float: left;
display:block;
width:149px;
border-top: 2px solid white;
}

/* BOF nav */

#menu{
padding: 30px 0 30px 0;
width:149px;
}

#menu ul li a {
display:block;
outline:0;
text-indent:-9999px;
height: 30px;
width:149px;
}

#menu ul ul {position: absolute; top: -9999px;}
#menu li    {position: relative; height: 30px;}
#menu ul li:hover ul {position: absolute; top: 0; left: 149px;}

#menu ul #b1 a {background:transparent url(../images/but_about_PLN.jpg) no-repeat scroll left top;}
#menu ul #b2 a {background:transparent url(../images/but_programs_services.jpg) no-repeat scroll left top;}
#menu ul #b3 a {background:transparent url(../images/but_success_stories.jpg) no-repeat scroll left top;}
#menu ul #b4 a {background:transparent url(../images/but_media_room.jpg) no-repeat scroll left top;}
#menu ul #b5 a {background:transparent url(../images/but_events.jpg) no-repeat scroll left top;}
#menu ul #b6 a {background:transparent url(../images/but_give_PLN.jpg) no-repeat scroll left top;}
#menu ul #b7 a {background:transparent url(../images/but_join_PLN.jpg) no-repeat scroll left top;}
#menu ul #b8 a {background:transparent url(../images/but_publications.jpg) no-repeat scroll left top;}
#menu ul #b9 a {background:transparent url(../images/but_faqs.jpg) no-repeat scroll left top;}


#menu ul #b1 a:hover, #menu ul #b1 a:focus, #s1 #menu ul #b1 a{background-position: left bottom;}
#menu ul #b2 a:hover, #menu ul #b2 a:focus, #s2 #menu ul #b2 a{background-position: left bottom;}
#menu ul #b3 a:hover, #menu ul #b3 a:focus, #s3 #menu ul #b3 a{background-position: left bottom;}
#menu ul #b4 a:hover, #menu ul #b4 a:focus, #s4 #menu ul #b4 a{background-position: left bottom;}
#menu ul #b5 a:hover, #menu ul #b5 a:focus, #s5 #menu ul #b5 a{background-position: left bottom;}
#menu ul #b6 a:hover, #menu ul #b6 a:focus, #s6 #menu ul #b6 a{background-position: left bottom;}
#menu ul #b7 a:hover, #menu ul #b7 a:focus, #s7 #menu ul #b7 a{background-position: left bottom;}
#menu ul #b8 a:hover, #menu ul #b8 a:focus, #s8 #menu ul #b8 a{background-position: left bottom;}
#menu ul #b9 a:hover, #menu ul #b9 a:focus, #s9 #menu ul #b9 a{background-position: left bottom;}

#menu ul li ul li a{
width: 190px;
border-left: 1px solid #FFFFFF;
}

#menu ul li ul li a:hover, #menu a:focus{
background-position: bottom left !important;
}


#menu ul #b1 ul #b1a a{background:transparent url(../images/but_presidents_message.jpg) no-repeat scroll left top;}
#menu ul #b1 ul #b1b a{background:transparent url(../images/but_leadership_team.jpg) no-repeat scroll left top;}
#menu ul #b1 ul #b1c a{background:transparent url(../images/but_senior_management.jpg) no-repeat scroll left top;}
#menu ul #b1 ul #b1d a{background:transparent url(../images/but_board_directors.jpg) no-repeat scroll left top;}
#menu ul #b1 ul #b1e a{background:transparent url(../images/but_board_trustees.jpg) no-repeat scroll left top;}
#menu ul #b1 ul #b1f a{background:transparent url(../images/but_community_advisory.jpg) no-repeat scroll left top;}
#menu ul #b1 ul #b1g a{background:transparent url(../images/but_elementary_advisory.jpg) no-repeat scroll left top;}
#menu ul #b1 ul #b1h a{background:transparent url(../images/but_middle_advisory.jpg) no-repeat scroll left top;}
#menu ul #b1 ul #b1i a{background:transparent url(../images/but_heroes_honorees.jpg) no-repeat scroll left top;}
#menu ul #b1 ul #b1j a{background:transparent url(../images/but_financials.jpg) no-repeat scroll left top;}
#menu ul #b1 ul #b1k a{background:transparent url(../images/but_research_results.jpg) no-repeat scroll left top;}
#menu ul #b1 ul #b1l a{background:transparent url(../images/but_about_faqs.jpg) no-repeat scroll left top;}
#menu ul #b1 ul #b1m a{background:transparent url(../images/but_about_contact.jpg) no-repeat scroll left top;}


#menu ul #b2 ul #b2a a{background:transparent url(../images/but_early_childhood.jpg) no-repeat scroll left top;}
#menu ul #b2 ul #b2b a{background:transparent url(../images/but_elementary_school.jpg) no-repeat scroll left top;}
#menu ul #b2 ul #b2c a{background:transparent url(../images/but_middle_school.jpg) no-repeat scroll left top;}
#menu ul #b2 ul #b2d a{background:transparent url(../images/but_after_school.jpg) no-repeat scroll left top;}
#menu ul #b2 ul #b2e a{background:transparent url(../images/but_youth_workforce.jpg) no-repeat scroll left top;}
#menu ul #b2 ul #b2f a{background:transparent url(../images/but_youth_development.jpg) no-repeat scroll left top;}
#menu ul #b2 ul #b2g a{background:transparent url(../images/but_family_services.jpg) no-repeat scroll left top;}
#menu ul #b2 ul #b2h a{background:transparent url(../images/but_clinical_services.jpg) no-repeat scroll left top;}
#menu ul #b2 ul #b2i a{background:transparent url(../images/but_best_start_la.jpg) no-repeat scroll left top;}
#menu ul #b2 ul #b2j a{background:transparent url(../images/but_primary_center.jpg) no-repeat scroll left top;}

#menu ul #b4 ul #b4a a{background:transparent url(../images/but_press_room.jpg) no-repeat scroll left top;}
#menu ul #b4 ul #b4b a{background:transparent url(../images/but_videos.jpg) no-repeat scroll left top;}
#menu ul #b4 ul #b4c a{background:transparent url(../images/but_news_articles.jpg) no-repeat scroll left top;}


#menu ul #b6 ul #b6a a{background:transparent url(../images/but_kind_donations.jpg) no-repeat scroll left top;}
#menu ul #b6 ul #b6b a{background:transparent url(../images/but_childrens_promise.jpg) no-repeat scroll left top;}
#menu ul #b6 ul #b6c a{background:transparent url(../images/but_our_wishlist.jpg) no-repeat scroll left top;}
#menu ul #b6 ul #b6d a{background:transparent url(../images/but_other_help.jpg) no-repeat scroll left top;}
#menu ul #b6 ul #b6e a{background:transparent url(../images/but_art_gallery.jpg) no-repeat scroll left top;}


#menu ul #b7 ul #b7a a{background:transparent url(../images/but_job_postings.jpg) no-repeat scroll left top;}
#menu ul #b7 ul #b7b a{background:transparent url(../images/but_volunteer.jpg) no-repeat scroll left top;}

/* EOF nav */

#donation{
text-indent:-9999px;
display:block;
background: url(../images/but_donation.jpg) no-repeat top left;
width:141px;
height:38px;
margin-left:3px;
}

#mentor{
text-indent:-9999px;
display:block;
background: url(../images/but_mentor.jpg) no-repeat top left;
width:141px;
height:38px;
margin-top:10px;
margin-left:3px;
}

#content{  
float: left;
  display:block;
  width:639px;
}
		
#flash_header{
  display:block;
  height:215px;
  width:639px;
  background: #000000;
  margin-top:2px;
  border-bottom: 12px solid #c2b7b3;
  margin-bottom:1px;
}	

#info{
overflow: hidden;
display:block;
font-size: .8em;
padding-bottom:30px;
background: url(../images/info_bg.jpg) repeat-y top left;
}

#s0 #info{
border-top:8px solid #6c9cc2;
}

#central{
float: left;
display:block;
width:430px;
padding-top:25px;
padding-left:16px;
}

#s0 #central{
padding-top:45px;
}

#right_col{
display:block;
width:153px;
float:right;
padding-right:5px;
margin-top:45px;

}

#info h2{
margin-bottom:10px;
color:#e5300d;
font-weight:normal;
} 

#whatsnew h2{
display:block;
text-indent:-9999px;
width:86px;
height:15px;
background: url(../images/tit_whatsnew.jpg) no-repeat top left;
}

#info h2#fastfacts_sidebar{
display:block;
text-indent:-9999px;
background: url(../images/tit_fast_facts.jpg) no-repeat top left;
width:79px;
height:13px;
margin: 0 0 7px 35px;
}

#info h2#methods_sidebar{
display:block;
text-indent:-9999px;
background: url(../images/tit_fast_facts.jpg) no-repeat top left;
width:79px;
height:13px;
margin: 0 0 7px 35px;
}

#info h2#success_sidebar{
display:block;
text-indent:-9999px;
background: url(../images/tit_stories_success.jpg) no-repeat top left;
width:88px;
height:36px;
margin: 0 0 5px 30px;
}

#info h2#about_PLN{
display:block;
text-indent:-9999px;
background: url(../images/tit_about_PLN.jpg) no-repeat top left;
width:149px;
height:14px;
margin: 0 0 5px 0px;
}


#info h3{
font-weight:bold;
font-size:.9em;
line-height: 1.3em;
}

#central p{
margin-bottom:10px;
line-height: 1.5em;
font-size:.9em;
}

#info p#case{
margin-top:10px;
}

#info p#strong_quote{
margin-top:10px;
}

#central ul{
font-size:.9em;
line-height: 1.5em;
list-style-image: url(../images/bullet.jpg);
margin-left:17px;
}

#central ul li a{
text-decoration:none;
color:#304396;
}

#central ul li a:hover, #central ul li a:focus{
text-decoration:underline;
}

#s0 #central p{
line-height: 1.3em;
}

#central a.more{
color:#3366cc;
font-size: .8em;
text-decoration:none;
margin-bottom:10px;
}

#central a.more:hover, #central a.more:focus{
text-decoration:underline;
}

.right_pics{
float:right;
margin: 10px 0 10px 10px;
}

.left_pics{
float:left;
margin: 10px 10px 10px 0;
}

#footer{
background:#FFFFFF;
width: 788px;
height:150px;
color:#333333;
font-size:.6em;
margin: 0 auto 50px auto;
margin-bottom:50px;
border:4px solid #bfb7b1;
clear: both;
}

.footer_left{
padding-top:12px;
display:block;
float:left;
}

.footerlinks{
display:block;
width:500px;
}

.footerlinks ul{
display:block;
margin-left:5px;
line-height:1.2em;
}

.footerlinks ul li{
padding:0 5px 0 5px;
float:left;
border-left: 1px solid #304397;
margin-bottom:5px;
}

.footerlinks ul li.first_link{
border:none !important;
}
  	.footerlinks a{  	
		text-decoration: none;
    color: #304397; 
		}
			.footerlinks a:hover,
			.footerlinks a:focus{
			text-decoration: underline;
			}

#org_data{
clear:both;
margin-top:10px;
}

#org_data p{
margin-left:10px;
color:#523624;
}

#org_data p strong{
font-size:1.1em;
} 

#footer #right_logos{
float:right;
width:256px;
display:block;
}

#footer #right_logos .publishpal_powered{
float:right;
margin-top:15px;
}

#breadcrumb{
font-size:.8em;
color:#666666;
margin-left:0px;
}

#breadcrumb a{
color:#e5300d;
text-decoration:none;
}

#breadcrumb a:hover,#breadcrumb a:focus{
text-decoration:underline;
} 

#methods_box{
display:block;
width:148px;
height:206px;
background: url(../images/background_fastfacts.jpg) no-repeat top left;
padding-top:20px;
}

#methods_box p{
text-align:center;
color:#523624;
font-size:.9em;
display:block;
width:130px;
margin: 0 auto 0 auto;
}


#fast_facts_box{
display:block;
width:148px;
height:206px;
background: url(../images/background_fastfacts.jpg) no-repeat top left;
padding-top:20px;
}

#fast_facts_box p{
text-align:center;
color:#523624;
font-size:.9em;
display:block;
width:130px;
margin: 0 auto 0 auto;
}

#fast_facts_box p.separator{
color:#e5300d;
}

#success_stories_box{
display:block;
width:148px;
height:136px;
background: url(../images/background_success.jpg) no-repeat top left;
padding-top:20px;
}


#success_stories_box ul{
margin-left:32px;
list-style-image: url(../images/bullet.jpg);
}

#success_stories_box ul li a{
color:#FFFFFF;
text-decoration:none;
line-height:1.5em;
}

#success_stories_box ul li a:hover,#success_stories_box ul li a:focus{
text-decoration:underline;
}