@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;
   _margin-left:0;	
	}
#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;}




#bottomPromos{clear:left; display:block; float:left; width:530px; background-color:#000; color:#fff; }
#bottomPromos .col{width:260px; display:block; float:left; padding-left:10px; height:50px; text-align:center}
#bottomPromos .col.first{padding-left:0}
#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/bowl-education/2009/ed_tabs.gif); 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/bowl-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: #5c9814; }
/*#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:#c6d7b3; color:#c6d7b3; height:1px; border:none; border-collapse:collapse; margin:5px 0 20px 0; line-height:1px; display:inline}

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;}

.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 #b2bfaa; padding:15px 15px 0 15px; background-color:#eef3e9; 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; }