
body {
     margin: 0;
     padding: 0;
     font-family: verdana, ariel, helvetica, sans-serif;
     background-image: url(main_background.gif);
     background-repeat: repeat;
}


h1 {
	 font-size: 12pt;
     font-weight: bold;
     color: #da8214;
	 margin-top: 13.5px;
     margin-right: 0px;
	 margin-bottom: 10.5px;
	 margin-left: 0px;
}


h3 {
	 font-size: 12pt;
     font-weight: bold;
     color: #da8214;
	 margin-top: 13.5px;
     margin-right: 0px;
	 margin-bottom: 10.5px;
	 margin-left: 0px;
}

.overlined {
    padding-top: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ccc;

}

h1.soldout {
     font-weight: bold;
     color: #000;
     text-align: center;
}


h2 {
	 font-size: 10pt;
     font-weight: bold;
     color: #000;
	 margin-top: 13.5px;
     margin-right: 0px;
	 margin-bottom: 10.5px;
	 margin-left: 0px;
}


p {
     font-size: 10pt;
     margin-top: 0px;
     text-align: justify;
     /*color: red;*/
}

ul {
    margin-top: 0pt;
    list-style: square;
}

ol {
    list-style: decimal;
}

li {
	font-size: 10pt;
    margin-top: 0pt;
    margin-right: 0pt;
	margin-bottom: 5pt;
	margin-left: 0pt

}

blockquote {
    font-size: 10pt;
    font-style: italic;
    margin-bottom: 6pt;

}

.testimonial_concert {
    font-size: 9pt;
    text-align: right;
    color: #666666;
    padding-top: 0;
    padding-bottom: 12px;
}

.with {
   font-size: 8pt;
}

.subheading {
     font-size: 10pt;
     font-weight: bold;
     margin-top: 0px;
}

.logo {
     margin-top: 10px;
     text-align: right;

}

.strapline {
     color: #880000;
     font-weight: bold;
     font-style: italic;
}

p.emphasisbox {
     background-color: #FEE8C6;
     border-style: solid solid solid solid;
     border-color: #654329;
     border-width: 1px 1px 1px 1px;
     padding-top: 4px;
     padding-bottom: 4px;
     text-align: center;
}

.duncan {
     padding-left: 5px;
}

.button_bar {
     font-size: 9pt;
     color: #FEE8C6;
     padding-top: 10px;
     padding-right: 0px;
     padding-bottom: 10px;
     padding-left: 0px;
     text-align: center;
}

.button_bar a {
     color: #fff;
     font-weight: normal;
     text-decoration: none;
}

.button_bar a:hover {
     color: #fff;
     font-weight: normal;
     text-decoration: underline;
}


.button_bar a:visited {
     color: #fff;
     font-weight: normal;
     text-decoration: none;
}

.button_bar a:active {
     color: #fff;
     font-weight: normal;
     text-decoration: none;
}

.toclink {
     border-width: 1px;
     border-top-style: dotted;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     border-color: #929292;
     font-size: 10pt;
     margin-top:0;
     margin-right:25px;
     margin-bottom:0;
     margin-left: 25px;
     padding-top: 3px;
     padding-right:0;
     padding-bottom: 3px;
     padding-left:0;
}

.toclink a {
     color: #000;
     font-weight: normal;
     text-decoration: none;
}

.toclink a:hover {
     color: #000;
     font-weight: normal;
     text-decoration: none;
}


.toclink a:visited {
     color: #000;
     font-weight: normal;
     text-decoration: none;
}

.toclink a:active {
     color: #000;
     font-weight: normal;
     text-decoration: none;
}

.newsheading {
     font-size: 12pt;
     font-weight: bold;
     text-align: center;
}

.concert_archive_item {
     margin-left: 12pt;
}

.dropdown_general {
      font-size: 10pt;
      font-weight: bold;
      color:#999;
}

.dropdown_ways_to_book {
      font-size: 10pt;
      font-weight: bold;
      color:#999;
}

.dropdown_concert_archive {
      font-size: 10pt;
      font-weight: bold;
      color:#da8214;
}


.newsitem {
     text-align: center;
     border-width: 1px;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     border-color: #929292;
     font-size: 10pt;
     margin-top:0;
     margin-right:10px;
     margin-bottom:0;
     margin-left: 10px;
     padding-top: 3px;
     padding-right:0;
     padding-bottom: 3px;
     padding-left:0;
}

.newsitem a {
     color: #000;
     font-weight: normal;
     text-decoration: underline;
}

.newsitem a:hover {
     color: #000;
     font-weight: normal;
     text-decoration: underline;
}


.newsitem a:visited {
     color: #000;
     font-weight: normal;
     text-decoration: underline;
}

.newsitem a:active {
     color: #000;
     font-weight: normal;
     text-decoration: underline;
}



.reviewmenu {
  
}

.reviewbox1 {
    text-align: center;
    background-color: #fae7f5;
    padding: 5px;
	border-left-color: #c0c0c0;
	border-left-style: solid;
	border-top-color: #c0c0c0;
	border-top-style: solid;
	border-right-color: #c0c0c0;
	border-right-style: solid;
	border-bottom-color: #c0c0c0;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 2px;
    border-left-width: 1px;
	border-bottom-width: 2px;
    margin-top: 0%;
    margin-bottom: 2%;
	margin-left: 60%;
}

.reviewbox2 {
    text-align: center;
    background-color: #ffffdd;
    padding: 5px;
	border-left-color: #c0c0c0;
	border-left-style: solid;
	border-top-color: #c0c0c0;
	border-top-style: solid;
	border-right-color: #c0c0c0;
	border-right-style: solid;
	border-bottom-color: #c0c0c0;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 2px;
    border-left-width: 1px;
	border-bottom-width: 2px;
    margin-top: 0%;
    margin-bottom: 2%;
	margin-left: 5%;
}

.reviewbox3 {
    text-align: center;
    background-color: #e6e6ff;
    padding: 5px;
	border-left-color: #c0c0c0;
	border-left-style: solid;
	border-top-color: #c0c0c0;
	border-top-style: solid;
	border-right-color: #c0c0c0;
	border-right-style: solid;
	border-bottom-color: #c0c0c0;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 2px;
    border-left-width: 1px;
	border-bottom-width: 2px;
    margin-top: 0%;
    margin-bottom: 2%;
    margin-left: 50%;
}

.reviewbox4 {
    text-align: center;
    background-color: #ffe5cb;
    padding: 5px;
	border-left-color: #c0c0c0;
	border-left-style: solid;
	border-top-color: #c0c0c0;
	border-top-style: solid;
	border-right-color: #c0c0c0;
	border-right-style: solid;
	border-bottom-color: #c0c0c0;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 2px;
    border-left-width: 1px;
	border-bottom-width: 2px;
    margin-top: 0%;
    margin-bottom: 2%;
    margin-left: 10%;
}

.reviewbox5 {
    text-align: center;
    background-color: #ead8ff;
    padding: 5px;
	border-left-color: #c0c0c0;
	border-left-style: solid;
	border-top-color: #c0c0c0;
	border-top-style: solid;
	border-right-color: #c0c0c0;
	border-right-style: solid;
	border-bottom-color: #c0c0c0;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 2px;
    border-left-width: 1px;
	border-bottom-width: 2px;
    margin-top: 0;
    margin-bottom: 2%;
    margin-left: 55%;
}

.reviewbox6 {
    text-align: center;
    background-color: #eaffea;
    padding: 5px;
	border-left-color: #c0c0c0;
	border-left-style: solid;
	border-top-color: #c0c0c0;
	border-top-style: solid;
	border-right-color: #c0c0c0;
	border-right-style: solid;
	border-bottom-color: #c0c0c0;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 2px;
    border-left-width: 1px;
	border-bottom-width: 2px;
	margin-top: 0%;
    margin-bottom: 2%;
	margin-left: 0%;
}

.quotes {text-align: center;
  
}


.publication {
     font-size: 10pt;
     font-weight: bold;
     text-align: right;
     margin-top: 0px;
}

.footer {
     font-size: 8pt;
     text-align: center;
}


.formtext {
     text-align: left;
     margin-top: 15px;
}

.formheading {
     font-size: 10pt;
     font-weight: bold;
     margin-top: 15px;
}

/*--------------------ids----------------------------*/


#container {
     border-style: none solid none solid;
     border-color: #000;
     border-width: 1px;
     background-color: #fff;
     background-image: url("websitebanner.png");
     background-repeat: no-repeat;
     color: #000;
     position: absolute;
     margin-top: 15px;
     margin-left: -400px;
     margin-bottom: 8px;
     padding-top: 0;
     left: 50%;
     width: 800px;


}

#button_bar {
     background-color: #da8214;
     margin-top: 148px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0;
     padding-bottom:0;
     width: 800px;
}



#left_container {

    margin-top: 3px;
/*      margin-right:10px; */
    margin-bottom: 0px;
/*      margin-left:15px; */
/*      padding-right: 10px; */

/*     background-color: #ff00ff; */
     width: 18%;
     float: left;
}


#right_container {
/*      width: 100px; */
/*    background-color: #ffff88; */
     margin-top: 0px;
     width: 29%;
     float: right;
}

#middle {
/*     background-color: #00ffff; */
/*      margin-top: 15px; */
/*      margin-right: 15px; */
/*     margin-bottom: 15px; */
     margin-left: 130px;
     padding-top: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
     padding-left: 10px;
     width: 410px;
     clear: none;

}

#middle_narrow {
/*     background-color: #00ffff;*/
/*      margin-top: 15px; */
/*      margin-right: 15px; */
/*     margin-bottom: 15px; */
     margin-left: 195px;
     padding-top: 10px;
     padding-right: 10px;
     padding-bottom: ;
     padding-left: 10px;
     width: 355px;
     clear: none;

}




#musical_direction {
     background-image: none;
     background-position: left;
     background-color: #FFF;
     border-style: none;
     border-color: #654329;
     border-width: 1px 2px 2px 1px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 15px;
     margin-left: 5px;
     padding-top: 10px;
     padding-right: 5px;
     padding-bottom: 10px;
}

#photos_left {
     background-image: none;
     background-position: left;
/*     background-color: #0080ff;  */
     border-style: none;
     border-color: #654329;
     border-width: 1px 2px 2px 1px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     padding-top: 0px;
     padding-right: 5px;
     padding-bottom: 0px;

}

#photos_right {
     background-image: none;
     background-position: left;
     background-color: #FFF;
     border-style: none;
     border-color: #654329;
     border-width: 1px 2px 2px 1px;
     margin-top: 20px;
     margin-right: 0px;
     margin-bottom: 15px;
     margin-left: 5px;
     padding-top: 10px;
     padding-right: 5px;
     padding-bottom: 10px;
     float: right;

}

#navigation {
     background-color: #FEE8C6;
     border-style: solid solid solid solid;
     border-color: #654329;
     border-width: 1px 2px 2px 1px;
     margin-top: 10px;
     margin-right: 5px;
     margin-bottom: 10px;
     margin-left: 0px;
     padding-top: 30px;
     padding-right: 0px;
     padding-bottom: 30px;
     padding-left: 0px;
     float: right;
     width: 90%;
}

#notices {
     text-align: left;
     background-color: #FEE8C6;
     border-style: solid solid solid solid;
     border-color: #654329;
     border-width: 1px 2px 2px 1px;
     margin-top: 10px;
     margin-right: 5px;
     margin-bottom: 10px;
     margin-left: 0px;
     padding-top: 30px;
     padding-right: 0px;
     padding-bottom: 30px;
     padding-left: 0px;
     float: right;
     width: 90%;
}

#newsitem {
     background-color: #FEE8C6;
     border-style: solid solid solid solid;
     border-color: #654329;
     border-width: 1px 2px 2px 1px;
     margin-top: 10px;
     margin-right: 5px;
     margin-bottom: 10px;
     margin-left: 0px;
     padding-top: 10px;
     padding-right: 10px;
     padding-bottom: 30px;
     padding-left: 0px;
     float: right;
     width: 94%;
}






#boxednote {

    background-color: #FEE8C6;
    padding-top: 5px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-left: 4px;
	border-left-color: #654329;
	border-left-style: Solid;
	border-top-color: #654329;
	border-top-style: Solid;
	border-right-color: #654329;
	border-right-style: Solid;
	border-bottom-color: #654329;
	border-bottom-style: Solid;
	border-left-width: 1px;
	border-right-width: 2px;
	border-top-width: 1px;
	border-bottom-width: 2px;
	margin-left: 100px;
	width: 100px;
}


#next_concert {
     background-image: none;
     background-position: left;
     background-color: #FEE8C6;
     border-style: solid solid solid solid;
     border-color: #654329;
     border-width: 1px 2px 2px 1px;
     margin-top: 20px;
     margin-right: 0px;
     margin-bottom: 15px;
     margin-left: 5px;
     padding-top: 10px;
     padding-right: 5px;
     padding-bottom: 10px;
}

#next_concert h1 {
     margin-left: 25px;
}

#next_concert p {
     color: #000;
     text-decoration: none;
     margin-left: 25px;
     margin-top: 15px;
     margin-right: 15px;
}

#footer {
     background-color: #000;
     color: #da8214;
     width: 800px;
     padding-top: 10px;
     padding-right: 0px;
     padding-bottom: 6px;
     padding-left: 0px;
     clear: both;
}

#subfooter {
     margin: 0;
     padding: 0;
     background-image: url(main_background.gif);
     background-repeat: repeat;
     border-style: none;
     width: 700px

}




/*************************************************************************/
/* styles that are supposed to override the rules above if a @media rule is specfied */

@media handheld
{

  p {color: red;
    }

  #container {
     border-style: none solid none solid;
     border-color: #000;
     border-width: 1px;
     background-color: #fff;
     background-image: url("tcc_music_score_banner.jpg");
     background-repeat: no-repeat;
     color: #000;
     position: static;
     margin-top: 15px;
     /*margin-left: -350px;*/
     margin-bottom: 8px;
     padding-top: 0;
     /*left: 50%;  */
     width: 250%;
     }

  #button_bar {
     background-color: #da8214;
     margin-top: 130px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0;
     padding-bottom:0;
     width: 100%;
     }

  #middle {
  /*background-color: #00ffff; */
  /*      margin-top: 15px; */
  /*      margin-right: 15px; */
  /*     margin-bottom: 15px; */
     margin-left: 130px;
     padding-top: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
     padding-left: 10px;
     width: 50%;
     clear: none;
     }
  
}
