@charset "UTF-8";

/*------------OVERVIEW PAGE------------*/

#content_heading {width:930px; margin-bottom:0}
#content_heading h1{margin-bottom:0;}
p.utility { float:right; width:auto !important; text-align:right; margin:0 0 5px 0 !important; }
p.utility span.text { margin-top:0 }

#wrapper { width: 930px; padding: 15px; margin: 0; float: left; }
#wrapper .content { width: 530px; padding: 0; margin: 10px 0 0 0; float: left;}
#wrapper .sidebar { width: 390px; padding: 0; margin: 10px 0 0 0; float: right;}

body#two #wrapper #content_heading {width:685px;}
body#two #wrapper .content { width: 685px;}

#flash,
#sectionPromos { display:block; float: left; width:530px; margin-bottom: 10px; }



#sectionPromos ul {list-style-type: none; padding: 0; margin: 0; }
#sectionPromos ul li{background-image:none; }
#sectionPromos li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	height: 170px;
	width: 170px;
	margin-left: 10px;	
	}
	
#sectionPromos li.first { margin-left: 0; }
#sectionPromos li a {
	display:block;
	background-image:url(images/phil-education/2009/ed_ov_lower_tabs.gif); 
	background-repeat: no-repeat;
	padding-top:30px;
	}
#sectionPromos li a.preconcert:link, #sectionPromos li a.preconcert:visited{background-position:left top;}
#sectionPromos li a.preconcert:hover, #sectionPromos li a.preconcert:active{background-position:left -30px;}
#sectionPromos li a.yola:link,  #sectionPromos li a.yola:visited{background-position:-170px top;}
#sectionPromos li a.yola:hover,  #sectionPromos li a.yola:active{background-position:-170px -30px;}
#sectionPromos li a.funders:link, #sectionPromos li a.funders:visited{background-position:-340px top;}
#sectionPromos li a.funders:hover, #sectionPromos li a.funders:active{background-position:-340px -30px;}




/* SUBSCRIBE POPUP + THICKBOX OVERRIDES */
#ubl_subscribe { display:none; }
#TB_window{font:12px Arial,Helvetica,sans-serif;color:#333;}
#TB_window{background:#fff;color:#333;border:5px solid #525252!important;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_title{background-color:#e8e8e8 !important;height:27px;}

#TB_ajaxContent p { *height:1%; zoom:1; margin:0; }
#TB_ajaxContent p:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#TB_ajaxContent code { font-family:"Courier New", Courier, monospace; font-size:12px; display:block; }
#TB_ajaxContent .button_rss { display:block; float: left; background:url(images/phil-music/button_rss.gif) no-repeat left; height: 20px; padding: 0; padding-left: 21px; cursor: pointer; margin-right: 8px;}
#TB_ajaxContent .button_rss span { display:block; float: left; background: url(images/phil-shared/phil_button.gif) no-repeat right; line-height: 20px; font-size: 11px; padding:0; padding-right: 8px; font-weight:bold; color: #fff; cursor: pointer; }
#TB_ajaxContent .button_rss:hover span { text-decoration: underline; }






#bottomPromos{clear:left; display:block; float:left; width:530px; color:#fff; }
#bottomPromos .col{width:260px; display:block; float:left; padding-left:10px; height:50px; text-align:center}
#bottomPromos .col.first{padding-left:0;  background-color:#000;}
#bottomPromos .inner {text-align:center; margin-left:auto; margin-right:auto; font-size: 13px; line-height:50px; height:50px;}
a.arrow {background:transparent url(images/phil-education/2009/ed_ov_contact_arrow.gif) no-repeat 0 4px; padding-left:14px; color:#fff!important;}

/*SIDEBAR CONTENT*/

#sections { width:390px; font-size: 11px; color: #333; margin: 0; padding: 0; float: left; clear: left; }
#sections ul.idTabs { width:390px; margin: 0; }
#sections ul.idTabs li { list-style:none; float:left; background: none; padding: 0; margin: 0; height: 39px; }
#sections ul.idTabs li a { display:block; margin:0; margin-right:0px; height: 39px; background-image: url(images/phil-education/2009/ed_tabs.png); text-indent: -999em; text-decoration: none; border-top: none; }

#sections ul.idTabs li.musicians a {background-position:  0 top; width: 130px;}
#sections ul.idTabs li.teachers a {background-position:  -130px top; width: 130px;}
#sections ul.idTabs li.concerts a {background-position: -260px top; width: 130px;}


#sections ul.idTabs li a.selected { border-bottom:none; }

#sections ul.idTabs li.musicians a:hover { background-position:  0 center; }
#sections ul.idTabs li.teachers a:hover { background-position:  -130px center; }
#sections ul.idTabs li.concerts a:hover { background-position: -260px center; }


#sections ul.idTabs li.musicians a.selected { background-position: 0 bottom; }
#sections ul.idTabs li.teachers a.selected { background-position:  -130px bottom; }
#sections ul.idTabs li.concerts a.selected { background-position: -260px bottom; }


#sections #musicians, 
#sections #teachers, 
#sections #concerts { 
	margin:0; 
	padding:15px;  
	background:#fff url(images/phil-education/2009/ed_tabs_bg.gif) repeat-x; 
	width: 360px; 
	float: left; 
	clear:left; 
	height:501px;}

#sections h2 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color:#333!important;
	}

#sections h3 {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	margin: 0;
	color:#333!important;
	}
	

#sections h3.extraMarginBot {margin-bottom:15px;}
#sections div ul {margin-bottom:15px;}
#sections div li {margin-bottom:0;}
#sections div img { margin: 0 0 9px 0; }
#sections div p { clear: left; margin-bottom: 9px; }
#sections div p a.button { margin-bottom: 12px; }
#sections div a { color: #007EB1; }
/*#sections div ul li {background:url(images/phil-education/2009/ed_ov_bullet.gif) no-repeat 17px 6px; padding-left:30px}*/

/*------------INTERIOR PAGES------------*/
/*-------------------------------------------------------------------- 
 * GRIDS
 * Use the .grid_XXX class on the containing DIV
 * Use .col class on each column/cell 
 * Add .first on first column/cell for grid_25x4 and grid_33x3
--------------------------------------------------------------------*/
.grid_full {float:left; margin-bottom:20px}
.grid_50x2, .grid_33x3, .grid_66-33, .grid_33-66{ *height:1%; *zoom:1; clear:both;}
.grid_50x2:after, .grid_33x3:after, .grid_66-33:after, .grid_33-66:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.grid_66-33 .col, .grid_33-66 .col, .grid_50x2 .col {float: right;}
.grid_33x3 .col, .grid_33x3 div.first, .grid_66-33 div.first, .grid_33-66 div.first, .grid_50x2 div.first {float: left; }

.grid_50x2 .col {width: 332px; }
.grid_33x3 .col, .grid_66-33 .col, .grid_33-66 div.first {width: 215px;}
.grid_33-66 .col, .grid_66-33 div.first {width: 450px; }

.grid_33x3 .col, .grid_66-33 .col, .grid_33-66 .col, .grid_50x2 .col {  margin-left:20px; overflow:visible; }
.grid_33x3 div.first, .grid_66-33 div.first, .grid_33-66 div.first, .grid_50x2 div.first { margin-left: 0!important;}


hr {float:left; clear:both; background:#ACC3CC; color:#ACC3CC; height:1px; border:none; border-collapse:collapse; margin:5px 0 20px 0; line-height:1px; display:inline; *margin-bottom:10px;}

body#two #wrapper .content {margin-top:10px;}
body#two #wrapper .content p {margin-bottom:15px}
body#two #wrapper .content .secondary {color:#7a7a7a}

.video-player-wrapper {margin-bottom:15px}
.playerUtilities {display:block; clear:left; text-transform:uppercase; font-size:11px; padding:5px 0; margin-top:2px;}
.playerUtilities .send {padding-left:15px;}
blockquote {margin:3px 0 20px 0; border-left:3px solid #c60; padding:0 0 1px 15px; color:#c60; font-size:14px; line-height:19px}
cite {font-size:11px; line-height: 13px; text-align:right; display:block; margin-top:15px;}
p.intro {color:#c60; font-size:14px; line-height:19px}
.caption {font-size:10px; color:#7a7a7a; margin-top:7px;}
.content ul.photoGallery { list-style-type: none; padding: 0; margin: 0; }
.content ul.photoGallery li{ background:none; float:left; padding:0 0 0 1px; margin:0 0 2px 0; }
.content ul.photoGallery li.first{ padding-left: 0;}
.content ul.photoGallery li a { margin:1px; border:1px solid #a2b4bb; display:block;}
.content ul.photoGallery li a:hover, .content ul.photoGallery li a:active { margin:0; border:2px solid #c60;}
.content ul.photoGallery li img { padding:1px; }

.photo {display:block; float:left; margin-bottom:15px}
.photo .caption {margin-top:3px; margin-bottom:0; font-size:10px; color:#7a7a7a; line-height:11px;}
.grid_33x3 .col .photo { margin-right:0; float:none; }

.boxText {border:1px solid #b8cad1; padding:15px 15px 0 15px; background-color:#eaf0f4; margin-top:3px; margin-bottom:15px;}
.boxText .grid_33x3 .col{width:200px;}

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

.grid_50x2 img{margin-top:3px}







/* yola-stakeholder-quotes */
#yola-stakeholder-quotes { border-top:1px solid #B8CAD1; border-bottom:1px solid #B8CAD1; margin:0 0 1em 0; padding: 1em 0; position:relative; background-color:#eaf0f4;}
#yola-stakeholder-quotes .scrollable { position:relative; overflow:hidden; width: 605px; margin:0 auto; }
#yola-stakeholder-quotes .items { width:20000em; position:absolute; }
#yola-stakeholder-quotes .quote { float:left; width:605px; margin-right:40px; zoom:1; padding:0; }
#yola-stakeholder-quotes .quote:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#yola-stakeholder-quotes .quote h3 { width:145px; float:right; color:#333; font-size:12px; clear:none; margin:0 0 .5em 0; }
#yola-stakeholder-quotes .quote p { width:145px; float:right; color:#8C8C8C; font-size:12px; clear:right; margin:0; }
#yola-stakeholder-quotes .quote blockquote { border:0; margin:0; padding:0; width:410px; float:left; }
#yola-stakeholder-quotes .quote blockquote * { font-size:16px; line-height:1.3em; float:none!important; width:auto!important; color:#CC6600!important; margin:0!important; }
#yola-stakeholder-quotes .quote blockquote em { font-style:italic!important; }
#yola-stakeholder-quotes .browse { position:absolute; top: 50px; height:26px; width:16px; overflow:hidden; margin:0; padding:0; background:url(images/phil-education/2009/scrollable.png) no-repeat; text-indent:-99em; display:block; outline:none; }
#yola-stakeholder-quotes .prevPage { left:5px; _left:-35px; /*ie6*/ }
#yola-stakeholder-quotes .nextPage { right:5px; }
#yola-stakeholder-quotes .prevPage:link, #yola-stakeholder-quotes .prevPage:visited { background-position:-16px top; }
#yola-stakeholder-quotes .nextPage:link, #yola-stakeholder-quotes .nextPage:visited { background-position:-33px top; }
#yola-stakeholder-quotes .prevPage:hover, #yola-stakeholder-quotes .prevPage:active { background-position:left top; }
#yola-stakeholder-quotes .nextPage:hover, #yola-stakeholder-quotes .nextPage:active { background-position:right top; }