@charset "utf-8";
/* CSS Document */
html {min-height: 101%; }

body{
  background-color:#000;
  margin:0;
  padding:0 0 30px 0;
  font-family:Arial, Helvetica, sans-serif;
  color:#eaeaea;
}


/* ----------------- Generic stuff ----------------*/
hr.secDivider { 
  margin: 20px auto; 
  width: 95%;
}

h2.secTitle {
  font-weight: normal;
  color: white; 
  /* padding-left: 100px; */
}

.dropShdw { box-shadow: #202020 4px 3px 10px; }
.dropMe { box-shadow: #202020 4px 3px 10px; }

div { outline: none; }
a { outline: none; text-decoration: none; color: #0000FF; } /* #eaeaea; } */

img { border-style: none; }

.clearMe { clear: both; }

h1.largest,h2.largest {
  font-size: 22px; 
  margin: 0; 
}

h1.top {margin-bottom: 10px; }
h1.below {margin: 0 0 6px 0; }

.tiny { font-size: 10px; }

#head{
  height: 393px;
  width: 980px;
  position: relative;
  margin: 0 0 0 -60px;
  z-index: 100;
}

#headImage{
  position: absolute;
  left: -65px;
  padding: 0;
  top: 0;
}

#donateBtn{
  display: none;
	position: absolute;
	left: -2px;
	top: 65px;
	color: #fff;
	z-index: 999;
	background: url(assets/templates/mwso/images/donate_btn.jpg) top left no-repeat;
	font-size: 12px;
	width: 129px;
	height: 23px;
}

#donateBtn span{
	display: inline-block;
	width: 129px;
	height: 23px;
	position: relative;
	top: 5px;
	left: 7px;
	font-weight: bold;
}

/* -----  Top Banner ------*/
#fb{
  position: absolute;
  width: 170px;
  z-index: 110;
  top: -20px;
}

#fbLike{
  position:absolute;
  z-index:110;
  top:40px;
}

#XButton{
	position: absolute;
	top: -10px;
	left: 160px;
	z-index: 110;
}
#youTubeButton{
	position: absolute;
	top: -10px;
	left: 205px;
	z-index: 110;
}

#linkedInButton img{
	width: 38px;
	height: 38px;
}

.BannerDonatePleaAndBtn {
   position: absolute;
   top: 0;
   left: 50%;
   z-index: 200;
   color: white;
}

#langLink{
  font-size: 11px;
  letter-spacing: 3px;
  text-align:center;
  width:100px;
  height:20px;
  background:url(assets/templates/mwso/images/langLinkBgr.jpg) top left no-repeat;
  padding:3px;
  margin:-20px 0 0 0;
  display:block;
  float:right;
  text-transform:uppercase;
  color: white;
}

/*
#scrollHead{
width:420px;
height:55px;
position:absolute;
font-size:13px;
text-align:left;
left:315px;
top:195px;
overflow:hidden;
padding:0;
margin-bottom:-60px;
display:none;
color:#fdbb70;
letter-spacing:1px;
}

#scrollHead h1{
font-weight:normal;
font-size:13px;
letter-spacing:1px;
}

*/


#mainMenu{
  text-transform: uppercase;
  margin: 0;padding: 0;
  list-style-type: none;
  font-size: 15px;
  letter-spacing: 0px;
  position: relative;
  top: 350px;
  left: 90px;
  width: 1000px;
}

#mainMenu a{ color: #c3c3c3; }

li.top.en{
  float:left;
  margin:0 16px 0 16px;
  padding:0 0 18px 0;
}

li.top.fr{
  float:left;
  margin:0 9px 0 9px;
  padding:0 0 18px 0;
  font-size:15px;
}
.selected.top{background:url(assets/templates/mwso/images/menuUlineBlue.jpg) bottom left repeat-x;}

.selMenuUL { text-decoration: underline #369AE6 solid 8px; }
#mainMenu .selected a.main{color:#fff;}
#mainMenu li.last{margin-right:0;}
#mainMenu li:hover a.main{color:#fff;}
#orchLinks li:hover a.sub,#eventsLinks li:hover a.sub{color:#fff;}

.orchestra:hover #orchLinks{visibility:visible;}

#orchLinks,#eventsLinks,#eventsTop{
	background:#601b00;
	margin:0;
	padding:8px 0 8px 8px;
	list-style-type:none;
	visibility:hidden;
	position:absolute;
	top:26px;
	text-align:left;
	text-transform:none;
	font-size:15px;
	font-weight:normal;
	float:none;
	clear:both;
}
	
#eventsLinks, #eventsTop{font-size:14px}
#eventsLinks{width:265px;margin:-2px 0 0 -8px;font-size:12px;padding:0;}
#eventsTop li.top{float:left;margin:0 6px 0 0;padding:0 4px 0 0;border-right:solid #e04c0f 2px;text-align:left;}
#eventsTop li.top.last{border-right:none;}
#orchLinks li{margin:0 10px 0 0;padding:0 8px 0 0;border-right:solid #e04c0f 2px;text-align:center;}
#orchLinks .last{border-right:none;}
#orchLinks .selected a{color:#95cffd}
.eventsTop:hover #eventsTop{visibility:visible;}
.selected.events.top{background:none;}
#orchLinks li{float:left;}
.events:hover #eventsLinks{visibility:visible;}
#eventsLinks li{float:none;clear:both;margin:8px;padding:0 0 6px 0;border-bottom:solid #e04c0f 2px}
#eventsLinks .last{border-bottom:none;}
#eventsLinks .selected a{color:#95cffd;}



/* ------------  Main Content ---------------*/

#mainWrapper{
  width: 1000px;
  margin: 20px auto;
  padding: 0;
  position: relative;
}

.B_crumbBox{
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #94cffd;
  white-space: nowrap;

  position: absolute;
  top: 390px;
  left: 10px;

  z-index: 2;
}
.B_crumbBox .seperator{ margin-top:-3px; }

#contentWrapper{
  width: 100%;
  /*
  border: 310px 0 124px 0 solid transparent;
  border-image-source: url(assets/templates/mwso/images/content_top-310_bottom-124.png);  
  border-image-slice: 310 20 124 20;
  */

  
  background: url(assets/templates/mwso/images/contentBgrTop.jpg) 0px 0px no-repeat #a40800;
  /* margin: -11px 0 25px 0; */
  margin: -11px 0 25px 0;
/*  padding: 0 0 0 20px; */
  z-index: 1;
  position: relative;
  
/* border: 1px solid yellow; */
}

.centeredH {
  margin: 0 auto; 
}  

#content{
  margin: 0 auto;
  width: 100%;
  min-height: 300px;
  padding: 38px 0 0 10px;
  background: url(assets/templates/mwso/images/contentBgrBottom.jpg) 0px bottom no-repeat;
  
/* border: 1px solid magenta;   */
}

#genericContent {
  width: 90%;
  padding: 2px 20px;
  background: #be3b05;
  /* margin: 27px auto 20px;  */
  margin: 27px 0 20px 10px;
  font-size: 14px;
  min-height: 300px;
  line-height: 20px;
  float: left;
/* border: 1px solid green;   */
}






div.upCEventsBox {
  width: 400px;
  height: 500px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1px;
  margin: 0 auto;
}  


div.upCEvtItem {
  width: 175px;
  height: 230px;
  padding: 10px 5px;
  color: white;
}  

img.upCEvtImg {
  width: 175px;
  height: 175px; 
}  

span.upCEvtTitle {
  font-weight: bold;
  font-size: 1rem; /*14pt; */
  color: white;
  /* text-decoration: underline;   */
}

span.upCEvtSubtitle {
  font-weight: normal;
  font-size: 0.8rem; /* 12pt; */
  color: white;
}  

#newsFeedWrapper{
  float:left;
  padding:0;
  margin:0 0 10px 10px;
}

#newsFeed{
	clear:both;
	width:310px;
	background:#be3b05;
	padding:10px;
	text-align:left;
       min-height:785px;
}

#newsFeedItems h3{
	margin:4px 0 4px 10px;
	padding:0;
	font-size:16px;
        line-height:18px;
}

#newsFeedItems a{
	display:block;
	margin:3px 0;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
        text-decoration:underline;
}

.newsItemContent{
  font-size:13px;
  width:265px;
  margin:10px 0 10px 10px;
  border-bottom:solid #fff 1px;
  padding:8px;
  line-height:16px;
}

.newsItemContent img{
  display:block;
  width:248px;
  margin:3px 0;
}

.newsItemContent .tagLine{
  font-size:11px;
  margin:4px 0;
}

.clickMore{
	font-size:12px;
	font-weight:bold;
}


.connect_widget button_count{position:absolute;left:-150px;}

#galleries{width :760px;height:140px;overflow:hidden;white-space:nowrap;margin:20px 0 0 19px;position:relative;}
#galleries.event{width:885px;height:140px;overflow:hidden;white-space:nowrap;margin:20px 0 -20px 60px;position:relative;}

.photoGalleryTag{
	font-size:24px;
	font-weight:normal;	
}

.galGroup, .eventGalleryItem{width:120px;height:90px;margin:0 7px 0 0;padding:0;display:block;float:left;text-align:center;}
.galGroup a img, .eventGalleryItem img{border:solid #888 1px;}

.galDesc,.videoDesc{font-weight:normal;font-size:12px;margin:0;padding:0;width:120px;text-align:center;white-space:normal;line-height:12px;}
.videoDesc{font-size:11px;height:48px;overflow:hidden;}

.hideGroup{display:none;}

#videoWrap{
  height:865px;
  width:140px;
  float:right;
  margin-left:-150px;
}
#videoWrap h1{text-align:center;margin-bottom:8px;margin-top:0px;font-size:16px;}

#gallery{position:absolute;width:2000em;}
#channel_div{
  width:780px;
  height:470px;
  overflow:auto;
  margin-bottom:20px;
}
#videos_div{position:absolute;width:2000em;}

#videoWrap #videoBar .video {display:block;float:none;margin-bottom:7px;width:120px;margin-left:4px;margin-top:0;padding:0;}
#videoWrap #videoBar .video a img{width:120px;height:90px;border:solid #888 1px;}

#youTubeChannel{width:800px;overflow:hidden;}
#youTubeChannel span{display:inline-block;margin:0 15px;padding:0;overflow:hidden;vertical-align:text-top;}
#youTubeChannel span.videoDesc{display:block;margin:0;padding:0;height:70px;}
#youTubeChannel span a{margin:0;padding:0;line-height:0;}
#youTubeChannel span img{width:120px;height:90px;border:solid #888 1px;margin:0;padding:0;line-height:0;}

a.youTubeLink{font-weight:normal;font-size:16px; margin-left:15px;}

#navWrap{
	width: 140px;
	padding: 0;
	margin: -7px 0 0 30px;
	padding: 0;
	position: relative;
	z-index: 999;	
}
	
#navWrap.bottom{margin:0px 0 0 30px;}
#navWrap.top{margin:0px 0 5px 30px;}
#videoWrap .prev, #videoWrap .next{
	cursor:pointer;
	padding:0;
}
#photoGallery .prev, #photoGallery .next{
  cursor:pointer;
  padding:0;
  position:absolute;
  top:765px;
}

#photoGallery .next{left:815px;}
#photoGallery .prev{left:20px;}


.prev.event, .next.event{position:absolute;cursor:pointer;}
.disabled.event{visibility:hidden;}
.next.event{left:970px;}

#videoWrap #videoBar {width:140px;height:600px;overflow:hidden;white-space:nowrap;position:relative;margin-bottom:5px;}


.musiciansCollumn{float:left;width:245px;text-align:center;margin:1px 15px 0 15px;}

.sectionTitle{font-size:16px;font-weight:normal;margin:0 0 6px 0;letter-spacing:1px;}

.collumn {
  list-style-type:none;
  width:100%;
  background:#be3b05;
  margin:0;
  padding:15px 0;
}

li.sectionHead{font-weight:bold;font-size:16px}
li.musician{font-size:14px;}
li.musician.last{margin-bottom:22px;}

.ttTrigger{width:285px;}

.bio{
	display:none;
	background:#800601;
	border:solid #ffa72a 1px;
	color:#eaeaea;
	font-size:12px;
	padding:8px;
	width:400px;
	text-align:right;
	position:absolute;
	}
	
.bio p{padding:0;margin:8px;line-height:14px;}
.bio p img{float:left;margin:0 5px 0 0;}

.mediaLinkItem{height:45px;background:url(assets/templates/mwso/images/pressLinkArrow.jpg) center left no-repeat;display:block;padding:0 0 0 55px;margin:15px 0 25px 20px;}
.mediaTitle{font-size:18px;margin:0;padding:0}
.mediaDate{font-size:16px;font-weight:normal;margin:0}

#support{font-size:18px;line-height:22px;margin:20px;text-align:center;}

.donateLink{display:block;margin:10px 0;width:100%;text-align:center;}

.media{color:#000;background:none}

#newsFeed p.clickMore{
	margin:0;font-style:italic;text-decoration:underline;
}

.buyBanner{
	display:block;
	font-weight:bold;
	font-size:18px;
	height:70px;
	width:98%;
	border-radius:10px;
  background-color:#DC6710;
  color:#fff2f6;
  margin:18px 0;
  text-align:center;
  padding-top:24px;
  text-shadow:1px 1px 2px #333333;
}

/* added for event schedule for the homepage, June 2012 */

h1.schedule{
        margin:0 0 15px 15px;
}

#eventSchedule{
  width:48%;
  float:left;
  margin-bottom:20px;
  margin-left:10px;
  margin-right:-10px;
}

div.odd, div.even{
  position:relative;
	width:120px;
	float:left;
	border-radius:10px;
	margin:10px;
	height:120px;
	padding:0;
	overflow:visible;
}

#eventSchedule p{
	padding:0 8px;
	text-align:left;
	font-size:11px;
	width:93%;
	margin:8px 0;
	text-align:center;
}

div.odd{background:#6b0501;}

div.even{background:#BE3B05;}


#eventSchedule p.date{
	font-style:italic;
	text-decoration:underline;
}

#eventSchedule p.title{
	font-size:13px;
	font-weight:bold;
}

.glowMe{
  box-shadow:0 0 13px #ffffff;
}

li.musician a{
	text-decoration:underline;
}

/*-- added for rialto style next event display --*/

.headingWrap{
	margin: 0 0 0 10px;
	width: 825px;
}

.headingWrap h1, .headingWrap h2{
	font-weight:normal;
}

#nextEvent{  /* need to delete this for any other next events! */
  display: flex;
  flex-direction: row;
	width:825px;
	padding-top:20px;
  background:#fff;
}

#nextEventVert{  /* need to delete this for any other next events! */
  display: flex;
  flex-direction: column;
	width: 825px;
	padding-top: 20px;
  background: #fff;
  color: black;
  margin: 0 auto;
}

.nextEventPhotoDiv {
  margin: 0 auto; 
  width: 90%;
/*
  margin: 0 auto 10px; 
  width: 90%;
*/
}

.nextEventPhoto {
  margin: 0 auto; 
  width: 100%;
  border: 2px solid #000;
}

.nextEventPhoto p {
  margin: 0 0 11px 0; 
  padding: 0; 
  float: none; 
  clear: both; 
  display: block; 
}

.nextEventPhoto p a {margin: 0; }



#eventDescriptionWrapper{ /* need to delete this for any other next events! */
  margin: 0 auto;
  width: 800px;
  color: #000;
  text-align: left;
  background: none;
}

.nextEvtDetails {
  display: flex;
  margin: 0 auto;
  width: 500px;
}

  
.ticketInfo{
	width:99%;
	min-height:350px;
	border-bottom:solid 1px #ccc;
	padding:10px;
}

.ticketInfo div.left, .ticketInfo div.right{
	width:170px;
	overflow:hidden;
}
.ticketInfo div.left{float:left;}
.ticketInfo div.right{float:right;}

.ticketInfo a{
	display:block;
        padding:4px;
       margin-top:15px;
	clear:both;
	width:135px;
}

.ticketInfo a span{
	display:inline-block;
	margin-top:11px;
}

.ticketInfo p.black, .ticketInfo p.orange {
	padding:0;
	text-align:left;
	margin-top:2px;
	}

p.orange{
	font-size:18px;
	margin-bottom:22px;
	color:#D65C19 !important;
}

p.black{
	font-size:12px;
	margin-bottom:2px;
	font-weight:bold;
}
	
.description{
	float:none;
	clear:both;
	padding:0 3px;
}

.description p{
	font-size:13px;
	color:#727272;
}

.ticketInfo a {
	border-radius: 4px;
	background-color: #000;
	background: linear-gradient(top, #1c1c1c 35% ,#555555 100%);
	text-align: center;
	font-size: 15px;
	text-transform: none;
	color: #FFF;
	font-family: Georgia;
	cursor: pointer;
}

.ticketInfo a:hover {
	background-color: #000;
	background: linear-gradient(top, #c66f20 35% ,#af2f0e 100%);
	cursor: pointer;
}

/* added for non-next event blocks */
.home-section{
	width:815px;
	padding:20px 12px;
  background-color:#be3b05;
	margin:65px 0 30px 12px;
	overflow:hidden;
}

.home-section p img{
	width:32%;
	float:left;
	margin-right:10px;
}
/* ----------  Quotes and Our Story --------------------------------------- */

#quotes{
  height: 170px;
  width: 95%;
  margin: 0 0 8px 10px;
  font-size: 13px;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 16px;
  text-align: justify;
  overflow: auto;
  font-style: italic;
  background-color:#be3b05;
  border: 10px solid transparent;
}

p.quote {
  margin-bottom: 15px;
  font-weight: normal;
  width: 95%;
}

.quoter,.quoterTitle {display:block; text-align:right;}
.quoter {font-style:normal; font-weight:bold;}
.quoterTitle {font-style:normal; font-size:11px;}

#storyVid {float:right;margin:0 0 10px 0;width:120px;height:100px;}
#storyVid p {width:99%;font-size:10px;margin:0;padding:0;text-align:right;font-weight:bold;}

#story {
  height: 170px;
  width: 95%;
  margin: 0 0 8px 10px;
  overflow: auto;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  background-color:#be3b05;
  border: 10px solid transparent;
}

#story p {
  margin: 0 0 4px 0;
  padding: 0;
}

#story p img {
  vertical-align: top;
  border: none;
  display: inline-block;
  margin-right: 5px;
  width: 250px;
  float: left
}

/* -------------------  Menu pages ---------------------*/
div.photoAndCaption {
  float: left;
  width: 342px;
  margin-top: 20px;  
}
  
p.theConductorText {
  float: left;
  width: 410px;
  line-height: 20px;
  text-align: justify;
  padding: 0;
  margin: 15px 0 15px 30px;
}


/*------------------------   Logos and footer ---------------------------*/

#logos{
	position: relative;
  width: 90%;
	margin: 18px auto;
	padding: 5px;
	text-align: center;
	border-radius: 20px;
	background: #fff;
}
  
#logos img{
	display:inline-block;
	margin:8px 3px;
	vertical-align:middle;
	}

#footer{
	position:relative;
	margin:18px 0 0 0;
	}

#footer h2{
font-size:18px;font-weight:normal;
margin:4px 18px;
}

.footerTag{
	position: relative;
	margin: 10px 0 0 0;
	font-size: 24px;
	font-weight: normal;
	border-bottom: solid #fff 1px;
	padding: 0 18px;
}


/*-----------------   General purpose CSS  ----------------------------- */
.black { color: black; }  .orange { color: orange; }

.w50pct {
  width: 50%;
}

.flexbox {  display: flex; }


.specialPlea {
    width: 80%;
    border: 2px solid yellow;
    border-radius: 6px;
    margin: 0 auto;
    padding: 0 3%;
}

/*-----------------   General purpose CSS  ----------------------------- */
/* -- Debugging ----------------- */
.DB_r{border:2px solid red;}     .DB_g{border:2px solid green;}  .DB_b{border:2px solid blue;}
.DB_v{border:2px solid violet;}  .DB_y{border:2px solid yellow;} .DB_o{border:2px solid orange;}
.DB_m{border:2px solid magenta;} .DB_n{border:2px solid brown;}  .DB_q{border:2px solid cyan;}



/*--  Display  --------------------*/
.centeredDiv {
  display: inline-block;
  margin: 0 auto;
}  
.hiddenD { display: none; }    .hiddenV{ visibility: hidden; }
.flex { display: flex; }       .inlineFlex { display: inline-flex; }
.inline { display: inline; }
.flexSB { display: flex; justify-content: space-between;}
.flexSA { display: flex; justify-content: space-around;}
.flexV { display: flex; flex-direction: column; }
.flexCent { display: flex; justify-content: center;}
.flexVcentSA { display: flex; flex-direction: column; align-items: center; justify-content: space-around; }
.inlblk { display: inline-block; }
.flexAlCent{  display: flex; align-items: center; }
.flexSBAlCent { display: flex; justify-content: space-between;  align-items: center;}
.flexSAAlCent { display: flex; justify-content: space-around;  align-items: center;}

.NoBreak { white-space:nowrap; }
.flexwrap { flex-wrap: wrap; }

/*--  Cursors -----------------------*/
.linkCur { cursor: pointer; }   .moveCur { cursor: move; }    .clickCur { cursor: pointer; }
.curNormal { cursor: default; }


.ft_0-7rem { font-size: 0.7rem; } 
.ft_0-8rem { font-size: 0.8rem; } 
.ft_0-9rem { font-size: 0.9rem; } 
.ft_1rem { font-size: 1rem; } 
.ft_1-1rem { font-size: 1.1rem; } 
.ft_1-2rem { font-size: 1.2rem; } 
.ft_1-3rem { font-size: 1.3rem; } 
.ft_1-5rem { font-size: 1.5rem; } 
.ft_2rem { font-size: 2rem; } 

.bold {font-weight: bold; }

.gridbox {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.marg2px { margin: 2px; }  
.marg10px { margin: 10px; }  
.margTB10px { margin: 10px auto; }  
.margLR10px { margin: 0 10px; } 
.margCent { margin: 0 auto; } 
.margTop10px { margin-top: 10px; } 

.padTop20px { padding-top: 20px; }
.pad2px { padding: 2px; }
.pad10px { padding: 10px; }
.padLR10px { padding: 0 10px; }

.width100pc { width: 100%; }
.w90pct { width: 90%; }
.width90pc { width: 90%; margin: 10px auto; }
.width60pc { width: 60%; }
.width30pc { width: 30%; }

/* borders, for marking divs */
.bdrRed { border: 1px solid red; }      .bdrOrg { border: 1px solid orange; }
.bdrYel { border: 1px solid yellow; }   .bdrGrn { border: 1px solid green; }
.bdrBlu { border: 1px solid blue; }     .bdrVio { border: 1px solid violet; }
.bdrBrn { border: 1px solid brown; }    .bdrGry { border: 1px solid gray; }
.bdrPnk { border: 1px solid pink; }     .bdrMag { border: 1px solid magenta; }
.bdrCyn { border: 1px solid cyan; }     .bdrBlk { border: 1px solid black; }

.bdr2Red { border: 2px solid red; }     .bdr2Org { border: 2px solid orange; }
.bdr2Yel { border: 2px solid yellow; }  .bdr2Grn { border: 2px solid green; }
.bdr2Blu { border: 2px solid blue; }    .bdr2Vio { border: 2px solid violet; }
.bdr2Brn { border: 2px solid brown; }   .bdr2Gry { border: 2px solid gray; }
.bdr2Pnk { border: 2px solid pink; }    .bdr2Mag { border: 2px solid magenta; }
.bdr2Cyn { border: 2px solid cyan; }    .bdr2Blk { border: 2px solid black; }

.redBgnd { background-color: red; }   
.bluBgnd { background-color: blue; }
.grnBgnd { background-color: green; }