/* CSS Document */

#ymiBorder{float:left; display:block; padding:0px;}
#ymiOverview #ymiBorder{ background-color: #d6e77c;}
#ymiOrchestrala #ymiBorder{ background-color: #003e4f;}
#ymiYouthpartners #ymiBorder{ border:10px solid #7a3823;}
#ymiSchool #ymiBorder{ background-color: #d6e77c;}
#ymiComposer #ymiBorder{ border:10px solid #00afda;}
	
#ymiWrapper{
	display:inline-block;
	width: 685px; 
	padding:0;
	margin-bottom: 10px;
	background:transparent url(/about/laphil_ymi/images/ymi_07feb_vertline.gif);	
	font:11px/15px verdana, arial, sans-serif;
	color: #333333;		
	}
	
#ymiYouthpartners #ymiWrapper, #ymiComposer #ymiWrapper{width: 665px; }

#ymiWrapper:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; }
	
#topCover
	{
	display:block;
	width:625px;
	padding:0px;
	margin:30px 0 30px 30px;
	}
#ymiYouthpartners #topCover, #ymiComposer #topCover{width:605px; margin:20px;}

	
#topCover .logo {padding-bottom:25px;display:block;}
#topCover h2 { margin:0; padding:0;}
#topCover:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; }

#ymiContent {
	display:inline;
	float:left;
	width:420px;
	margin:0 0px 5px 30px;	
}

#ymiOrchestrala #ymiContent, #ymiOrchestrala #ymiWrapper p {color:#fff ;}
#ymiYouthpartners #ymiContent, #ymiComposer #ymiContent{margin-left:20px;}

#ymiYouthpartners #ymiContent li{background-image:url(/media/images/education/ymi_bullet_youthpartners.gif);}
#ymiSchool #ymiContent li{background-image:url(/media/images/education/ymi_bullet_schoolpartners.gif);}

#ymiNav {
	display:inline;
	float:right;
	width: 170px; 
	padding:0px;
	margin: 0 30px 0 0;
	}
#ymiYouthpartners #ymiNav, #ymiComposer #ymiNav{margin-right:20px;}


#ymiWrapper p{
	font:11px/15px verdana, arial, sans-serif;
	color: #333; 
	margin-top:0px;
}
#ymiWrapper a{color:#00afda;}

blockquote{
	display:block;
	float:left;
	padding:10px 60px 25px 30px;
	font-style:italic;
}

/*#ymiOrchestrala blockquote{
	border-top:1px solid #fff;;
	border-bottom:1px solid #fff;}
	
#ymiYouthpartners blockquote{
	border-top:1px solid #7a3823;
	border-bottom:1px solid #7a3823;}
	
#ymiSchool blockquote{
	border-top:1px solid #7a3823;
	border-bottom:1px solid #7a3823;}*/

cite{
	display:block;
	float:right;
	font-size:10px;
	margin-top: 10px;
	padding:0;
	font-style:normal;
}

cite:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; }





h1 {
	font:22px/24px verdana, arial, sans-serif;
	font-weight:bold;
	margin:0 0 12px 0;
	padding:0;
}

h2 {font-size:22px !important;;
line-height:24px !important;
	font-weight:bold;
	margin:0;
	padding:0 0 10px 0;
}

#ymiOverview h2{
	font-size:16px !important;
	line-height:18px !important;
	padding:0px;	
	color: #003e4f; margin-bottom:10px; margin-top:15px;
	}
	
#ymiOrchestrala h2{color:#d6e77c;}
#ymiYouthpartners h2{color:#7a3823;}
#ymiSchool h2{color:#7a3823;}
#ymiComposer h2{color:#003e4f;}
	
h3 {
	font-size:13px !important;
	line-height:normal !important;
	margin:0;
	padding:0 0 12px 0 !important; 
}

#ymiOverview h3{color: #003e4f;}
#ymiOrchestrala h3{color: #d6e77c;}
#ymiYouthpartners h3{color: #7a3823;}
#ymiSchool h3{color: #7a3823;}

.tag {
	font-size:16px;
	line-height:18px;
	margin:0 0 20px 0;
	padding:0px;
	font-style:italic;}
	
#ymiOverview .tag{color: #003e4f;}
#ymiOrchestrala .tag{color: #fff;}
#ymiYouthpartners .tag{color: #000;}
#ymiSchool .tag{color: #000;}
#ymiComposer .tag{color: #7a3823;}


.photoLeft{float:left; width:auto; padding:3px 15px 5px 0px;}
.photoRight{float:right; width:auto; padding:3px 0px 5px 15px;}
.photoLeft .caption,
.photoRight .caption{
margin:4px 0px 2px 0px;
padding:0px;
font: 10px/12px Verdana, Helvetica, sans-serif;
color:#999999;
text-align:left;
}

a.link {line-height:17px; font-weight:bold; background-image:url(/media/images/education/ymi_bullet_link.gif);}

#ymiWrapper p.funders{color:#666; padding-top:20px; border-top:1px solid #003e4f;}

/***NAV***/

#ymiNav ul{
	list-style:none;
	padding:0;
	margin:2px 0 0 0;
}

#ymiNav ul li{
	font-size:11px;
	line-height:13px !important;
	padding:0 0 0 13px;
	margin-bottom:10px;
	font-weight:bold;
	background-image:none;
}

#ymiNav li a{font-weight:bold;}

#ymiNav li.ymi:hover{background-image:url(images/phil-education/ymi_bullet_ro.gif); background-position:0 2px; background-repeat:no-repeat}
#ymiOrchestrala #ymiNav li.ymi:hover{background-image:url(images/phil-education/ymi_bullet_youthorchla_ro.gif); background-position:0 2px; background-repeat:no-repeat}
#ymiYouthPartners #ymiNav li.ymi:hover{background-image:url(images/phil-education/ymi_bullet_youthpartners_ro.gif); background-position:0 2px; background-repeat:no-repeat}

#ymiNav li.select {background-position:0 2px;}
#ymiOverview li.select{color: #003e4f; background-image:url(images/phil-education/ymi_ov_bullet.gif);}
#ymiOrchestrala  li.select{color: #d6e77c; background-image:url(images/phil-education/ymi_bullet_youthorchla.gif);}
#ymiYouthpartners  li.select{color: #7a3823; background-image:url(images/phil-education/ymi_bullet_youthpartners.gif);}
#ymiSchool li.select{color: #7a3823; background-image:url(images/phil-education/ymi_bullet_schoolpartners.gif);}
#ymiComposer li.select{color: #003e4f; background-image:url(images/phil-education/ymi_bullet_composers.gif);}