/* css file for IMT website */

/* ========================================================================= */
/* CONTENTS                                                                  */
/* ========================================================================= */
/* 1. BROWSER RESET                                                          */
/* 2. LAYOUT SETTINGS                                                        */
/* 3. FORMAT SETTINGS                                                        */
/*                                                                           */
/*                                                                           */
/*                                                                           */
/*                                                                           */
/*                                                                           */
/*                                                                           */
/*                                                                           */
/* ========================================================================= */
/* 1. BROWSER RESET                                                          */
/* ========================================================================= */

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  }
  
/* reset browser styles */
/*
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  }
*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

p {
  padding: 0;
  margin: 0 0 13px 0;
  }

body {
	/*  line-height: 1.2;  */
  font-size: 13px;
  font-size: 100%;
  line-height: 1.4;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: breakword;
}

ol { 
	padding-left: 1.4em;
	list-style: decimal;
}

ul {
	padding-left: 1.4em;
	list-style: square;
  }

table {
	border-collapse: collapse;
	border-spacing: 0;
  } 

img, form, fieldset, option, select, iframe {
  max-width: 100%;
  overflow: hidden;
  }

/*fieldset, select, option {
  display: block;
  float: left;
  max-width: 100%;
  margin-top: 5px;
}*/


/* end reset browser styles */

  
/* ================================ */
/* 2. LAYOUT SETTINGS                  */
/* ================================ */

body {
  /* background-color: #F2D13D; */
  background-color: #C19A6B;

  font-family: Arial, Helvetica, sans-serif;
  color: black;
  text-align: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

body a:link, body a:visited {
  color: black;
  text-decoration: underline;
  }
  
body a:hover {
  color: green;
  }

.wrapper {
  background-color: #FFFFFF;
  /*font-family: Arial, Helvetica, sans-serif;*/
  color: black;
  /*font-size: 16px;
  font-size: 1em;*/
  text-align: left;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding: 0 0 0 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  min-width: 700px;  
  }
  
@media only screen and (max-width: 55em) {
.wrapper {
  min-width: 100px;  
  }

}

/* set fonts for admin pages */
#display_docs, #admin_users, #content_admin, .content_admin {
  font-size: 0.9em;
  line-height: 1.2;
}

header {
  padding: 0;
  margin: 0;
  background-image:url('../images/banner_background.gif');
  background-repeat:repeat-x;
  }

.content_block {
  /*font-family: Arial, Helvetica, sans-serif;*/
  /*font-size: 13px;
  font-size: 0.8em;*/
  color: black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  background-color: #FFFFFF;
  width: 100%;
  padding: 14px 0% 0 0%;
  margin: 0 0 0px 0;
  float: left;
  }

.content_sidebar {
  /*font-size: 11px;
  font-size: 0.7em;*/
  text-align: center;
  background-color: #FFFFFF; 
  width: 20%;
  }

.sidebar_left {
  float: left;
  padding: 0 0.5% 0 0.5%;
  margin: 0;
  }

.sidebar_right {
  float: right;
  padding: 0 0.5% 0 0.5%;
  margin: 0;
  }
 
 /* Used for 3/5 width story with two sidebars */
.content_story {
  float: left;
  background-color: #FFFFFF;
  width: 60%;
  border-right-style: none;
  border-color: black;
  border-width: thin;
  padding: 0 0 15px 0;
  margin: 0;
  min-height: 0px;
  }

@media only screen and (max-width: 55em) {

.sidebar_left{
  /*font-size: 11px;
  font-size: 0.7em;*/
  text-align: center;
  background-color: #FFFFFF; 
  width: 20%;
  display: none;
  }
.sidebar_right{
  /*font-size: 11px;
  font-size: 0.7em;*/
  text-align: center;
  background-color: #FFFFFF; 
  width: 30%;
  }
.content_story {
  float: left;
  background-color: #FFFFFF;
  width: 70%;
  border-right-style: none;
  border-color: black;
  border-width: thin;
  padding: 0 1em 15px 01em;
  margin: 0;
  min-height: 0px;
  }
}

@media only screen and (max-width: 41em) {
.sidebar_right{
  /*font-size: 11px;
  font-size: 0.7em;*/
  text-align: center;
  background-color: #FFFFFF; 
  width: 20%;
  display: none;
  }
.content_story {
  float: left;
  background-color: #FFFFFF;
  width: 100%;
  border-right-style: none;
  border-color: black;
  border-width: thin;
  padding: 0 1em  15px 1em;
  margin: 0;
  min-height: 0px;
  }
}

/* Used for full width page without sidebars */
.content_story_wide {
  background-color: #FFFFFF;
  width: 100%;
  padding: 0 0%  15px 1%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  min-height: 600px;
  }
 
 .content_admin {
  float: left;
  background-color: #FFFFFF;
  width: 70%;
  border-right-style: none;
  border-color: black;
  border-width: thin;
  padding: 0 2%;
  margin: 0;
  min-height: 600px;
  }

.concert_item {
  /*font-family: Arial, Helvetica, sans-serif;*/
  color: black;
  text-align: left;
  float: left;
  width: 100%;
  padding: 0px 0 14px 0;
  margin: 0;
  }

.concert_item_textcol p {
  font-family: 'PT Serif', serif;
  font-size: 1.2em;
  line-height: 1.6
  }

.concert_item_banner {
  font-weight:  bold;
  /* color: #EBE9B8; */
  border: 1px solid black;
  float: left;
  width: 100%;
  padding: 0 1% 7px 1%;
  margin: 0 0 1% 0;
  }

.concert_item_header {
  width: 100%;
  padding: 0;
  margin: 0;
  }

.concert_item_header_textcol {
  float: left;
  font-size: 0.8em;
  width: 50%;
  padding: 0;
  margin: 0 0 13px 0;
  }

.concert_item_header_imgcol {
  text-align: right;
  float: right;
  width: 50%;
  padding: 0;
  margin: 0 0 13px 0;
  }

.concert_item_header_imgcol img {
  float: right;
  clear: left;
  border: 1px solid black; 
  }

@media only screen and (max-width: 55em) {

.concert_item_header_textcol {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 0px 0;
  }

.concert_item_header_imgcol {
  text-align: left;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 13px 0;
  }

.concert_item_header_imgcol img {
  float: left;
  clear: left;
  border: 1px solid black; 
  }

}

.concert_item_body {
  clear: both;
  width: 100%;
  font-size: 0.8em;
  padding: 0;
  margin: 0;
  }
  
.concert_item_imgcol {
  font-size: 9px; 
  font-size: 0.8em;
  line-height: 1.2;
  color: black;
  text-align: center;
  float: right;
  width: 33%;
  }

.concert_item_textcol {
  float: left;
  padding: 0;
  max-width: 63%;
  }

@media only screen and (max-width: 55em) {

.concert_item_imgcol {
  /*color: black;
  text-align: center;
  float: left; */
  width: 100%;
  }

.concert_item_textcol {
  /*float: left; 
  padding: 0;*/
  max-width: 100%;
  }

}
  
.concert_item_footer {
  /*float: left;*/
  clear: both;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  }

.video-full {
  clear: both;
  width: 100%;
  text-align: center;
  }

.video-text {
  text-align: left;
  }

iframe {
  clear: both;
  min-width: 200;
  margin-left: auto;
  margin-right: auto;
  }

#display_log table {
  width: 100%;
  border: thin solid black;
  background-color: white;
  /*table-layout: fixed; */
  }

#display_log .back_fill_lightgrey {
  background-color: #E0E0D1;
  }

#display_log td {
  border: thin solid black;
  /*
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  */
  padding: 4px;
  vertical-align: top;
  text-align: left;
  }

#display_log .center_nowrap  {
  text-align: center;
  white-space: nowrap;
  }

#display_log .left_nowrap  {
  text-align: left;
  white-space: nowrap;
  }

#display_log .center_wrap  {
  text-align: center;
  }

#display_log .left_wrap  {
  text-align: left;
  }


#display_log .event_date {
  text-align: center;
  white-space: nowrap;
  }

#display_log .user_id {
  text-align: center;
  white-space: nowrap;
  }

#display_log .event_name {
  text-align: left;
  white-space: nowrap;
  }

#display_log .notes {
  text-align: left;
  }

#display_log .h_event_date {
  text-align: center;
  white-space: nowrap;
  }

#display_log .h_user_id {
  text-align: center;
  white-space: nowrap;
  }

#display_log .h_event_name {
  text-align: center;
  white-space: nowrap;
  }

#display_log .h_notes {
  text-align: center;
  }



#display_log th {
  border: thin solid black;
  padding-left: 6px;
  padding-right: 6px;
  vertical-align: bottom;
  text-align: center;
}


#display_docs td {
  border: thin solid black;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 6px;
  vertical-align: top;
  text-align: left;
  }

/* ================================ */
/* 3. FORMAT SETTINGS               */
/* ================================ */

/* BODY SETTINGS  */

fieldset legend {
  padding: 0.2em 0.5em;  
  font-weight: bold;
  background-color: white;
  border: 1px solid black;
  margin-top: 3px;
  margin-bottom: 3px;
  }

fieldset {
  background-color: #E0E0D1;
  }

.smallcaps {
  font-variant: small-caps;
  }
  
.urgent_text {
  color: red;
  font-weight:  bold;
  }

/* HEADER SETTINGS */

header img {
  float: left;
  margin: 0;
  padding: 0 0 0 0;
  height: 60px;
  }


header nav .nav3 {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 0px;
    margin: 0;
    background-color: #d1d1d1;
    font-size: 12px;
    font-size: 1.2em;
    text-align: left;
    clear: both
}

header nav ul {
  margin: 0;
  padding: 0 30px 0 0;
  text-align: left;
  }

header nav li {
  display: inline;
  background-color: #d1d1d1;
  color: #050845;
  font-size: 17px;
  font-size: 1em;
  }
  
header nav a:link, header nav a:visited {
  text-decoration: none;
  background-color: #d1d1d1;
  padding: 0 5px 0 5px;
  color: #050845;
  }

header nav a:hover, header nav a:focus {
  background-color: rgb(74,77,74);
  color: white;
  }


@media only screen and (min-width: 55em) {

  header nav .nav1 {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 0px;
    margin: 0;
    background-color: #d1d1d1;
    font-size: 12px;
    font-size: 1.1em;
    text-align: left;
    clear: both
  }

  header nav .nav2 {
    display: none;
  }

  header nav ul {

    margin: 0;
    padding: 0 30px 0 0;
    text-align: left;
    }

  header nav li {
    display: inline;
    background-color: #d1d1d1;
    color: #050845;
    font-size: 17px;
    font-size: 1em;

    }
    
  header nav a:link, header nav a:visited {
    text-decoration: none;
    background-color: #d1d1d1;
    padding: 0 5px 0 5px;
    color: #050845;
    }

  header nav a:hover, header nav a:focus {
    background-color: rgb(74,77,74);
    color: white;
    }

}

@media only screen and (max-width: 55em) {

  header nav .nav1 {
    display: none;
  }

  header nav .nav2 {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 0;
    margin: 0;
    background-color: #d1d1d1;
    font-size: 12px;
    font-size: 0.8em;
    text-align: center;
    clear: both
  }

  header nav .nav2 ul {
    list-style-type: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    border-left: thin solid black;
    }

  header nav .nav2 li {
    display: inline-block;
    background-color: #d1d1d1;
    margin: 0;
    padding: 0;
    color: #050845;
    font-size: 15px;
    font-size: 1em;
    }
    
  header nav .nav2 a:link, header nav .nav2 a:visited {
    display: inline-block;
    text-decoration: none;
    background-color: #d1d1d1;
    margin: 0;
    color: #050845;
    padding: 8px 5px 8px 5px;
    border-right: thin solid black;
    }

  header nav .nav2 a:hover, header nav .nav2 a:focus {
    background-color: rgb(74,77,74);
    color: white;
    }

  header nav .nav2 li:first-child {
    border-left: thin solid black;
    }
}


.contact_bar, .support_bar {
  display: none;
  text-align: center;
  overflow: hidden;
}


.button_bar {
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.contact_bar img {
  display: inline-block;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  padding: o 5px 0 5px;
  width: 33.3%;
  height: auto;
}

.support_bar img {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 5px 0 5px;
  width: 33.3%;
  height: auto;
}

.contact_bar img a:hover {
  border: thin solid black;
  background-color: green;
  }

footer .grantor {
  display: none;
  }

@media only screen and (max-width: 55em) {

footer .grantor {
  display: block;
  margin: 0;
  text-align: center;
  padding-top: 10px;
  padding-left: 1em;
  padding-bottom: 5px;
  padding-right: 1em;
  width: 100%;
  }

footer .grantor img {
  max-width: 45%;
  }

}

@media only screen and (max-width: 41em) {

  .contact_bar {
    display: block;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    }
  .support_bar {
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    }

}

@media only screen and (max-width: 27em) {

  .contact_bar {
    display: block;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    }
  .support_bar {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    }

}

#header_tag {
  margin: 0;
  padding: 7px 0 7px 0;
  background-color: #e5eecc;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  text-align: center;
  font-size: 14px;
  font-size: 0.9em;
  }
  
#header_picbanner {
  width: 100%;
  height: 60px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 0px;
  margin: 0px;
  background-color: white;
  overflow: hidden;
  clear: both;
  }

#header_picbanner img {
  margin: 0;
  padding: 0 2px 0 0;
  height: 65px;
  float: left;
  }

@media only screen and (max-width: 35em) {
#header_picbanner img {
  margin: 0;
  padding: 0 2px 0 0;
  width: 70%;
  height: auto;
  float: left;
  }
#headlogo {
  display: none;
  }
}




#home nav .home a, 
#calendar nav .calendar a,
#video nav .video a,
#tickets nav .tickets a,
#directions nav .directions a,
#donate nav .donate a,
#volunteer nav .volunteer a,
#friends nav .friends a,
#email nav .email a,
#bookings nav .bookings a,
#contact nav .contact a,
#resources nav .resources a,
#otherevents nav .otherevents a,
#about nav .about a,
#admin_home nav .admin_home a,
#admin_users nav .admin_users a,
#admin_shows nav .admin_shows a,
#admin_bands nav .admin_bands a,
#admin_videos nav .admin_videos a,
#admin_otherevents nav .admin_otherevents a,
#admin_help nav .admin_help a,
#admin_calendar nav .admin_calendar a {
  background-color: rgb(74,77,74);
  color: white;
  }

.content_sidebar iframe {
  display: none;
  visibility: hidden;
}

#press .content_sidebar .press  iframe {
  display: block;
  visibility: visible;
}

/* CONTENT BLOCK SETTINGS */

.content_block h1 {
  font-size: 160%;
  font-weight:  bold;
  text-align: left;
  padding: 0px 0 5px 0;
  margin: 0 0 0 0;
  color: #660000;  
  }

.content_block h2 {
  font-size: 160%;
  font-weight:  bold;
  text-align: center;
  padding: 0px 0 5px 0;
  margin: 0 0 0 0;
  color: #660000;  
  }

.fore_color_white h2 {
  color: white;
}
	
.content_block h3 {
  font-size: 100%;
  text-align: left;
  color: black; 
  }
  
.content_block h4 {
  font-size: 100%;
  text-align: center;
  padding: 0px 0 5px 0;
  color: black;
  margin: 0 0 0 0;  
  }
  
.content_block h5 {
  font-size: 100%;
  text-align: left;
  color: #CC6600;  
  margin: 0 0 0 0;
  }
  
.content_block h6 {
  font-size: 100%;
  text-align: center;
  color: #CC6600;  
  margin: 0 0 0 0;
   }

/* CONTENT_STORY SETTINGS */
  .content_story ul {
  margin: 0 50px 0 0;
  }
  
.content_story li {
  padding: 0 0 10px 0;
  }
  
.fineprint {
  font-size: 11px;
  font-size: 0.8em;
  }

/* CONTENT_SIDEBAR SETTINGS */

.sidebar_item {
  /*font-size: 13px;
  font-size: 0.8em;*/
  width: 99%;
  min-height: 25px;
  border-style: none;
  padding: 0 2% 0 2%;
  margin: 0;
  }
  
.sidebar_item_no_border {
  /*font-size: 13px;
  font-size: 0.8em;*/
  width: 99%;
  min-height: 25px;
  border-style: none;
  padding: 5px .5% 5px .5%;
  margin: 7px 0 7px 0;
  }

.background_weekly {
  background-color: #D0D9E6;
  }
  
.background_ntth {
  background-color: #E5EECC;
  }
  
.background_face {
  background-color: #F4B890;
  }
  
.background_other {
  background-color: #F4D109;
  }
  
.background_harp {
  background-color: #B7F287;
  }  

.background_special {
  background-color: #839CDB;
  }    
  
.background_button {
  background-color: #8AF771;
  } 

.background_urgent {
  background-color: red;
  color: white;
  }

.content_sidebar_large {
  float: right;
  /*font-size: 11px;
  font-size: 0.7em;*/
  text-align: center;
  background-color: #FFFFFF;
  padding: 0 1% 0 0%;
  margin: 0;
  width: 30%;
  margin: 0;
  }
  
.content_sidebar .subheadline {
  color: #CC6600;
  display: inline;
  font-size: 1.5em;
  }
  
.content_sidebar img {
  margin: 0 3px 0 3px;
  max-width: 90%;
  }
 
.content_block_banner {
  float: left;
  text-align: center;
  font-size: large;
  font-weight:  bold;
  color: #660000;
  margin-top: 5px;
  width: 100%;
  }
  
/* HOME PAGE SETTINGS */

IMG.home_default  {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  }

#home .content_story {
  margin: 0px 0 0 0%;
  } 
  
.small_item_block {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; 
  font-size: 0.8em;
  color: black;
  text-align: left;
  width: 33%;
  }
  
.small_item_block_half {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; 
  font-size: 0.8em;
  color: black;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 50%;
  }

.small_item_block_quarter {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; 
  font-size: 0.7em;
  color: black;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 25%;
  }

.small_item_block_fifth {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; 
  font-size: 0.8em;
  color: black;
  text-align: center;
  width: 16.66%;
  }

.home_item_block_1x3 {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  background-color: white;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 24%;
  height: 694px;
  }
  
  .home_item_block_1x2 {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  background-color: white;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 24%;
  height: 462px;
  }

.home_item_block_quarter_short {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  background-color: white;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 24%;
  height: 330px;
  }

.home_item_block_3x3 {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  background-color: white;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 75%;
  height: 690px;
  }
  
.home_item_block_3x2 {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  background-color: white;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 75%;
  height: 462px;
  }

.home_item_block_third_short {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75em;
  line-height: 1.2;
  color: black;
  background-color: white;
  text-align: center;
  float: left;
  width: 33.2%;
  height: 205px;
  padding: 0;
  margin: 0;
  }

@media only screen and (max-width: 27em) {

.home_item_block_third_short {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.1em;
  color: black;
  background-color: white;
  text-align: center;
  float: left;
  width: 100%;
  height: 15.5em;
  padding: 0;
  margin: 0;
  }

}
@media only screen and (min-width: 27em) and (max-width: 55em) {

.home_item_block_third_short {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75em;
  color: black;
  background-color: white;
  text-align: center;
  float: left;
  width: 50%;
  height: 205px;
  padding: 0;
  margin: 0;
  }

}

.home_item_block_third_short_inverse {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75em;
  color: black;
  background-color: white;
  text-align: center;
  float: left;
  //max-width: 33.2%;
  max-width: 50%;
  height: 205px;
  padding: 0;
  }


.home_item_block_third_short_imgback {
  margin-left: auto;
  margin-right: auto; 
  height: 70%;
  max-width: 90%;
  background-color: #fff;
  }
  

.home_item_block_third_short_imgback:hover {
  border: thin solid black;
}

.home_item_block_third_short_imgback img {
  display: block;
  margin-left: auto;
  margin-right: auto; 
  max-width: 100%;
  width: auto;
  max-height: 100%; 
  height: auto;
  border: thin solid #000;
  vertical-align: middle;
  }

.home_item_block {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75em;
  color: black;
  margin: 0;
  padding: 0 2% 0 2%;
  text-align: center;
  }
  
.boxit {
  border-style: solid;
  border-color: black;
  border-width: thin; 
  padding: 6px;
  margin: 0 5px 14px 0;
  /*height: 35px;*/
  }


.boxit_tight {
  font-size: 13px;
  font-size: 0.8em;
  border-style: solid;
  border-color: black;
  border-width: thin; 
  width: 99%;
  min-height: 25px;
  padding: 7px 0% 7px 0%;
  margin: 0px 0 14px 0;
  }

.fore_color_white {
  color: white;
  }

.fore_color_white a:link, .fore_color_white a:visited {
  color: white;
  }

.fore_color_white a:active, .fore_color_white a:hover {
  color: black;
  }

.back_fill {
  /* background-color: #d1d1d1; /* white */
  background-color: #ffffff;
  border-style: none;
  }

.back_fill_lightgrey {
  background-color: #d1d1d1; /* light grey*/
  border-style: none;
  }

.back_fill_grey {
  background-color: #BFC6D1; /* blue-grey */
  border-style: none;
  }
  
/* 6D87A8  darker blue grey*/
/* 9BAABF  dark blue grey */
.back_fill_bluegrey {
  background-color: #6D87A8; /* darker blue-grey */
  border-style: none;
  }

.back_fill_minor {
  background-color: #6D87A8; /* darker blue-grey */
  border-style: none;
  }

  
.back_fill_darkred {
  background-color: #7C211E; /* dark red */
  border-style: none;
  }
 
.back_fill_major {
  background-color: #7C211E; /* dark red */
  border-style: none;
  }
 

.tight {
  padding: 7px 0% 7px 0%;
  }
  
.loose {
  padding: 7px 2% 7px 2%;
  }
  
.boxit_tight hr {
  width: 70%;
  border: 1px solid black;
  } 
  
.boxit_loose {
  font-size: 14px;
  font-size: 0.8em;
  text-align: center;
  min-height: 25px;
  border-style: solid;
  border-color: black;
  border-width: thin; 
  background-color: #d1d1d1;
  padding:  7px 5% 7px 5%;
  margin: 0px 5px 7px 5px;
  }

.boxit_thirds {
  text-align: center;
  float: left;
  min-height: 25px;
  border-style: solid;
  border-color: black;
  border-width: thin; 
  width: 19%;
  background-color: #d1d1d1;
  padding:  0 0.5% 7px 0.5%;
  margin: 7px 1% 7px 0;
  }

.boxit_quarters {
  text-align: center;
  float: left;
  min-height: 25px;
  border-style: solid;
  border-color: black;
  border-width: thin; 
  width: 24%;
  background-color: #d1d1d1;
  padding:  0 0.5% 7px 0.5%;
  margin: 7px 1% 7px 0;
  }

  

.other_events_nav {
  display: none;
}

  .other_events_nav {
    display: block;
  }

  .other_events_nav ul {
    list-style-type: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    border-left: thin solid black;
    }

  .other_events_nav li {
    display: inline-block;
    background-color: #d1d1d1;
    margin: 0;
    padding: 0;
    color: #050845;
    font-size: 15px;
    font-size: 0.9em;
    }
    
  .other_events_nav a:link, .other_events_nav a:visited {
    display: inline-block;
    text-decoration: none;
    background-color: #d1d1d1;
    margin: 0;
    color: #050845;
    padding: 5px 3px 5px 3px;
    border-right: thin solid black;
    }

  .other_events_nav a:hover, .other_events_nav a:focus {
    background-color: rgb(74,77,74);
    color: white;
    }

  .other_events_nav li:first-child {
    border-left: thin solid black;
    }



@media only screen and (max-width: 55em) {

  .boxit_thirds {
    width: 49%;
    }

  .boxit_quarters {
    width: 49%;
    }

  .other_events_nav {
    display: block;
  }

  .other_events_nav ul {
    list-style-type: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    border-left: thin solid black;
    }

  .other_events_nav li {
    display: inline-block;
    background-color: #d1d1d1;
    margin: 0;
    padding: 0;
    color: #050845;
    font-size: 15px;
    font-size: 0.9em;
  }
    
  .other_events_nav a:link, .other_events_nav a:visited {
    display: inline-block;
    text-decoration: none;
    background-color: #d1d1d1;
    margin: 0;
    color: #050845;
    padding: 5px 3px 5px 3px;
    border-right: thin solid black;
    }

  .other_events_nav a:hover, .other_events_nav a:focus {
    background-color: rgb(74,77,74);
    color: white;
    }

  .other_events_nav li:first-child {
    border-left: thin solid black;
    }
}

@media only screen and (max-width: 27em) {

  .boxit_thirds {
    width: 100%;
    }

  .boxit_quarters {
    width: 100%;
    }

  .other_events_nav ul {
    width: 45%;
    border: thin solid black;
    }

  .other_events_nav li {
    display: block;
    width: 45%;
    margin: 0;
    padding: 0;
    }

  .other_events_nav a:link, .other_events_nav a:visited {
    display: block;
    border-bottom: thin solid black;
    }

}

.boxit_loose hr {
  width: 70%;
  } 
  
.rounded {
  border-radius: 13px;
  }



.reverse a:hover, .reverse a:focus {
  background-color: black;
  color: white;
  }

.reverse a:link {
  background-color: #8AF771;
  color: black;
  }

.home_item_block .headline {
  display: block;
  font-size: 1.6em;
  padding: 0 0 2px 0;
  margin: 0 0 0 0;
  }
  
.home_item_block .headline2 {
  display: block;
  font-size: 1.3em;
  padding: 0 0 2px 0;
  margin: 0 0 0 0;
  color: #660000;
  }

.home_item_block .subheadline {
  display: block;
  font-size: 1.3em;
  padding: 0 0 2px 0;
  margin: 0 0 0 0;
  }

.home_item_block .blurb {
  display: block;
  font-size: 1em;
  padding: 0 0 5px 0;
  margin: 0 0 0 0;
  }

.home_item_block .blurb_large {
  display: inline;
  font-size: 1.25em;
  }

.home_item_block .detail {
  display: inline;
  font-size: 0.75em;
  }

.home_item_block hr {
  width: 70%;
  } 

#home #header_tag, #email #header_tag, #video #header_tag, #volunteer #header_tag, #friends #header_tag, #directions #header_tag, #bookings #header_tag, #about #header_tag, #donate #header_tag, #logos #header_tag, #resources #header_tag, #flyers #header_tag {
  display: none;
  }
   
.home_item_block a:link, .home_item_block a:visited, .home_item_block a:hover {
  text-decoration: none;
  border: none;
  }
  
.link_no_dec  a:link, .link_no_dec a:visited, .link_no_dec a:hover {
  text-decoration: none;
  }

.headline_color {
  color: #CC6600;
  display: inline;
  }

/* CONCERT ITEM SETTINGS */
.concert_item_banner {
  color: white;
  padding-top: 5px;
  }

.concert_item_banner a:link, .concert_item_banner a:visited {
  color: white;
  font-size: 10px;
  font-size: 0.6em;
  }

.concert_item_banner a:active, .concert_item_banner a:hover {
  color: green;
  font-size: 10px;
  font-size: 0.6em;
  }

.concert_item_banner_showname {
  font-size: 20px;
  font-size: 1.25em;
  /* color: white; */
  }

.concert_item_banner_stmark {
  background-color: #660000;
  }

.concert_item_banner_tpcc {
  background-color: #055F16;
  background-color: #3A7728;
  }

.concert_item_banner_va {
  background-color: #0040FF;
  }

.concert_item_banner_md {
  background-color: #0040FF;
  }

.concert_item_banner_tbd {
  background-color: #A4A4A4;
  }
  
.concert_item_banner_wash {
  background-color: #C59A2E;
  }
 

/* CONCERT ITEM HEADER SETTIGNS */

.fb-share-button a:link, .fb-share-button a:visited {
  color: black;
  text-decoration: underline;
  }
  
.fb-share-button a:hover {
  color: green;
  }

.share-button a:link, .share-button a:visited {
  color: black;
  text-decoration: underline;
  }
  
.share-button a:hover {
  color: green;
  }


/* CONCERT ITEM BODY SETTINGS */
.concert_item_body iframe {
  width: 97%;
  }
  
.concert_item_imgcol img {
  float: right;
  width: 100%;
  border-style: solid;
  border-width: thin;
  }

.concert_item_picbox {
  font-size: 9px; 
  font-size: 0.6em;
  /* color: black; */
  text-align: center;
  float: left;
  width: 20%;
  }

.concert_item_picbox img {
  width: 70%;
  margin: 2% 12% 2% 12%;
 }

/*
.concert_item_textcol a:link, .concert_item_textcol a:visited {
  color: black;
  text-decoration: underline;
  }
*/

.concert_item ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; 
  font-size: 0.8em;
  /* color: black; */
  text-align: left;
  }

/* CONCERT ITEM FOOTER SETTINGS */
.concert_item_footer hr {
  width: 100%;
  }
  
.concert_item_body hr {
  width: 75%;
  }
  
.item_border {
  border: thin solid black;
  }
  
.item_no_border {
  border: none;
  margin: 0 0 10px 0;
  }
  
.fixed_checkbox {
  float: left;
  width: 25%;
  margin: 0;
  padding: 1%;
}
.letterbox {
  float: left;
  width: 65%;
  margin:  1% 0 1% 1%;
  border: thin black solid;
  padding: 1%;
  background-color: #D1D1D1;
  font-family: "Times New Roman", Georgia, Serif;
  color: black;
  font-size: 15px;
  font-size: 0.9em;
  text-align: left;
  }
  
.letterbox ul {
  padding: 0 2% 0 2%;
  margin: 0;
  }
  
/* footer settings */
footer nav {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 2em;
  background-color: black; 
  /*background-image:url('../images/banner_background.gif'); */
  color: white;
  clear: both;
  text-align: center;
    }
  
footer nav a:link, footer nav a:visited {
  color: white;
  text-decoration: underline;
  }

footer nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  /* background-color: #f1f1f1;
  border: 1px solid #555; */
  }

footer nav li {
  display: inline;
  color: #000;
  padding: 8px 16px 8px 16px;
  text-align:center;
  }

footer nav li a {
  text-decoration: none; 
  text-align:center;
  }

@media only screen and (max-width: 55em) {

  footer nav ul, .menu_block ul {
    list-style-type: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 240px;
    background-color: #f1f1f1;
    border: 1px solid #777;
    }

  .menu_block ul {
    list-style-type: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
    border: 1px solid #777;
    }

  footer nav li, .menu_block li {
    display: block;
    color: #777;
    padding: 0;
    /*text-align: center;*/
    /*border-bottom: 1px solid #555;*/
    }

  footer nav li a, .menu_block li a {
    display: block;
    color: #green;
    text-decoration: none;
    text-align: center;
    padding: 8px 16px 8px 16px;
    border-bottom: 1px solid #555;
    }

  footer nav ul a:link, footer nav ul a:visited, .menu_block a:link, .menu_block a:visited {
    color: black;
    text-decoration: none;
    }

  footer nav ul a:active , footer nav ul a:hover, .menu_block a:active, .menu_block a:active{
    background-color: #4CAF50;
    color: white;
    }

  footer nav li:last-child,  .menu_block li:last-child {
    border-bottom: none;
    }

/*  footer li a {
    display: block;
    color: #777;
    padding: 8px 0 8px 16px;
    text-decoration: none; 
    text-align:center;
    }
*/

}




/*  VALIDATION */

input:required:invalid {
  background-color: lightyellow;
}


/*.ProdDiv {/** image container **/
  position: relative;
  width: 200px; /**some width in pixels, ems or %**/
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
  }