/* media queries */
@media screen and (max-width: 719px) {
  #landingcontent, #highlights, #rightcol, #rightcol > div, #landingpage, #container, .textonly, #landingimage {
    width: 100% !important;
  }
  #center_nav {
    margin: 0 6px 8px 5px; /*quirky*/
  }
  #center_nav a[rel="menu"] {
    position: absolute;
    right: -4px;
    top: 50%;
    margin-top: -8px;
  }
  .m_badge {
    padding: 16px;
  }
  .m_badge + .m_badge {
    background-color: #ccc;
    margin-top: 8px;
  }
    .m_badge .m_title {
      padding-right: 16px;
    }
    .m_badge .m_items {
      display: none;
      left: 0;
      width: 100%;
      padding-top: 8px;
      text-align: center;
    }
      .m_badge .m_items > a {
        display: block;
        font-size: 19px !important;
        border: 1px solid #666;
        background-color: #eee;
        color: #000;
        padding: 6px 4px;
        text-transform:uppercase;
      }
  #highlights {
    display: none;
  }
  .mobile_button {
    background-color: #bbb;
  }
  .program_button{display:none;}
  div .program_button2{display:none;}
}
@media screen and (min-width: 720px) and (max-width: 1059px) {
  #landingmenu {
    width: 160px;
  }
  #landingcontent {
    width: 560px;
  }
  #highlights, #rightcol, #landingpage, #container {
    width: 100%;
  }
  #tiles {
  }
  .textonly + .textonly, .clear + .textonly, #text { margin-top: 20px; }
  .program_button{display:none;}
}
@media screen and (min-width: 960px) {
  #landingmenu {
    width: 160px;
  }
  #links {
    padding-left: 5px;
  }
  /*Changed from 800px LQ*/
  #landingcontent {
    width: 843px;
  }
    /*added max-width 10-13-14 LQ*/
  .textonly + .textonly, .clear + .textonly, #text { max-width: 595px; margin-top: 20px; }
}
/* changed margin top -20px LQ
#container > div, #landingpage > div {
  margin-bottom: 4px;
  top: -20px;
}
    */

#landingpage
{
    top: -20px;
}
#badge {
  font-size: 1.75em;
  text-transform: uppercase;
  white-space: normal;
}
#badge, #programs {
  text-align: center;
}
#landingmenu .row + .row {
  margin-top: 8px;
}
#programs {
      margin-top: 35px !important;

 /* font-weight: bold;

  padding: 8px 0;
   border-top: 1px solid #000;
  border-bottom: 1px solid #000; */
}
#programs:after {
 /* content: "PROGRAMS"; */
}
#landingmenu li {
  margin-top: 12px;
  font-size: .99em;
}
/* Added max-width for transition from sidebar to below content LQ 10-13-14*/
#sidebar {
  max-width:595px;
  padding: 0 10px 25px 10px;
  background-color: #616265;
  overflow: hidden;
  color: #fff !important;
}
  #sidebar h2 {
    margin: 12px 0 1em 0;
    /*text-transform: lowercase; */
  }
#tiles {
  margin-top: 10px;
  text-align: center;
}
/* Added Galleria for testing images LQ 10-13-14*/
.galleria {
	width: 100%;
	max-width: 595px;		
}

.program_button {
    background: url('/image/buttons/WEB_RegisterForClasses.jpg');background-repeat:no-repeat;
    width: 215px;
    margin-left: -10px;
    margin-top: 0px;
    margin-bottom: 9px;
    padding-bottom: 10px;
    background-color: white;
    background-repeat:no-repeat;
}



.program_button2 {
    background-color:white;
    margin-left: -10px;
    padding-bottom: 50px;
    height: 50px;
    /* width: 215px; */
    width: 115%; /* width extended to accomodate for tablet view */
}



/*buttons for registration */
.but_regClass {
    background: url('/image/buttons/WEB_RegisterForClasses.png');
    background-repeat:no-repeat;
    background-color:white;
}
.but_regClass:hover {
    background: url('/image/buttons/WEB_RegisterForClasses2.png');
    background-repeat:no-repeat; 
    background-color:white;
}
.but_regPro {
    background: url('/image/buttons/WEB_RegisterForPrograms.png');
    background-repeat:no-repeat;
    background-color:white;
}
.but_regPro:hover {
    background: url('/image/buttons/WEB_RegisterForPrograms2.png');
    background-repeat:no-repeat; 
    background-color:white;
}
.but_viewUpEv {
    background: url('/image/buttons/WEB_ViewUpcomingEvents.png');
    background-repeat:no-repeat;
    background-color:white;
}
.but_viewUpEv:hover {
    background: url('/image/buttons/WEB_ViewUpcomingEvents2.png');
    background-repeat:no-repeat; 
    background-color:white;
}
.but_purTix {
    background: url('/image/buttons/WEB_Purchase_Tickets.png');
    background-repeat:no-repeat;
    background-color:white;
}
.but_purTix:hover {
    background: url('/image/buttons/WEB_Purchase_Tickets2.png');
    background-repeat:no-repeat; 
    background-color:white;
}
.but_browseFilm {
    background: url('/image/buttons/WEB_BrowseFilms.png');
    background-repeat:no-repeat;
    background-color:white;
}
.but_browseFilm:hover {
    background: url('/image/buttons/WEB_BrowseFilms2.png');
    background-repeat:no-repeat; 
    background-color:white;
}
.but_browsePro {
    background: url('/image/buttons/WEB_BrowsePrograms.png');
    background-repeat:no-repeat;
    background-color:white;
}
.but_browsePro:hover {
    background: url('/image/buttons/WEB_BrowsePrograms2.png');
    background-repeat:no-repeat; 
    background-color:white;
}
.but_browseClass {
    background: url('/image/buttons/WEB_BrowseClasses.png');
    background-repeat:no-repeat;
    background-color:white;
}
.but_browseClass:hover {
    background: url('/image/buttons/WEB_BrowseClasses2.png');
    background-repeat:no-repeat; 
    background-color:white;
}
.but_viewUpDates {
    background: url('/image/buttons/WEB_ViewUpcomingDates.png');
    background-repeat:no-repeat;
    background-color:white;
}
.but_viewUpDates:hover {
    background: url('/image/buttons/WEB_ViewUpcomingDates2.png');
    background-repeat:no-repeat; 
    background-color:white;
}
.but_RegGroup {
    background: url('/image/buttons/Web_Register_for_groups_button.png');
    background-repeat:no-repeat; 
    background-color:white;
}
.but_RegGroup:hover {
    background: url('/image/buttons/Web_Register_for_groups_button2.png');
    background-repeat:no-repeat; 
    background-color:white;
}
.but_PreOrder {
    background: url('/image/buttons/Pre_Order_Book_button.png');
    background-repeat:no-repeat; 
    background-color:white;
}
.but_PreOrder:hover {
    background: url('/image/buttons/Pre_Order_Book_button2.png');
    background-repeat:no-repeat; 
    background-color:white;
}

/* debug */
/*
#highlights {
  height: 240px;
}
#sidebar {
  height: 100%;
}
#landingpage {
  height: 386px;
}
#highlights, #landingpage {
  overflow: hidden;
  background-color: #bbbbbb;
}
*/

/* PW 12-16-14 - Align the subnav with image/content below it */
#highlights {padding-left:0; padding-right: 9px;}
.submenu {padding-left: 0;}