@import url('https://fonts.googleapis.com/css?family=Bubblegum+Sans');

.blackbg {
	background-color: #000000;
}
.orderformfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
}

.goldborder2sided {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E4A533;
	border-right-color: #E4A533;
	border-bottom-color: #E4A533;
	border-left-color: #E4A533;
}
.goldborder3sided {

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #E7A034;
	border-right-color: #E7A034;
	border-bottom-color: #E7A034;
	border-left-color: #E7A034;
}
.leftsidedborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #E7A034;
	border-right-color: #E7A034;
	border-bottom-color: #E7A034;
	border-left-color: #E7A034;
}
.rightsidedborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #E7A034;
	border-right-color: #E7A034;
	border-bottom-color: #E7A034;
	border-left-color: #E7A034;
}
.blackborder {
	border: 1px solid #000000;
}

.cmt-content {
	font-family: 'Bubblegum Sans', cursive;
	color: #E7A034;
}

.cmt-content a,.cmt-content a:link,.cmt-content a:active,.cmt-content a:hover,.cmt-content a:visited {
	text-decoration: none;
	color: #fff;
}
/* ----------New styles used on all pages--------------------*/
#sitetitlebar {
    width: 770px;
    margin-left: auto;
    margin-right:auto;
      }   
#topphotos {
    width: 770px;
    height: 265px;
    margin-left: auto;
    margin-right:auto;
      } 
#pagebody {
    width: 770px;
/*    height: 500px; */
    margin-left: auto;
    margin-right:auto;
    overflow: hidden;
      } 
#pagecontent {
    margin-left: auto;
    margin-right:auto;
    overflow: hidden;
      }  
#pageheader {
    width: 97%;
    overflow: hidden;
    font-weight: bold; 
/*    border-style: solid; */  
    border-width: 3px;
    border-color: red; 
      }
/* Div id pagetitle defines top title on right side of content area" */
#pagetitle {
    width: 85%;
    padding-right: 5px;
    line-height: 50px;
    font-size: 3.5em; 
    height: 130px;
    float: right;
    text-align: right;
    overflow: hidden;
/*    border-style: solid;    */
    border-width: 3px;
    border-color: blue;  
      } 
#pagetitle50px {
    width: 85%;
    padding-right: 5px;
    line-height: 50px;
    font-size: 3.5em; 
    height: 50px;
    float: right;
    text-align: right;
    overflow: hidden;
/*    border-style: solid;    */
    border-width: 3px;
    border-color: blue;  
      } 
    
#leftbar {
    width: 170px;
    float: left;
    margin-top: 5px;
      }
#navbar {
    width: 100%;
    margin-left: 15px;
    font-weight: bold;
    font-size: 1.6em;
    line-height: 35px;
      }
.cmt-links a,.cmt-links a:link,.cmt-links a:active,.cmt-links a:visited {
	text-decoration: none;
	color:#E7A034;
      }
.cmt-links a:hover {
	text-decoration: none;
	color: #fff;
      } 
.centerimage  {
   display: block;
   margin: auto;
      }
#bottomspace {
  width: 95%;
  height: 2px;
  clear: both;
/*    border-style: solid;   */
    border-width: 3px;
    border-color: red; 
      } 
/* ----------New styles used on the contact page--------------------*/
#contactemail {
    width: 100%;
    height: 50px;
    text-align: center;
    overflow: hidden;
    font-weight: bold; 
/*      border-style: solid;    */
    border-width: 3px;
    border-color: green;  
      }
#signupform {
    width: 100%;
    text-align: center;
    overflow: hidden;
/*    font-weight: bold;      */
/*      border-style: solid;    */
    border-width: 3px;
    border-color: green;  
      }
#signuptable {
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
/*    font-weight: bold;      */
/*      border-style: solid;    */
    border-width: 3px;
    border-color: green;  
      }
/*-----------Styles used on the sub menu pages ----------------------------------*/
#submenu {
    overflow: hidden;
/*    font-weight: bold; 
    font-size: 2.7em;    */ 
/*      border-style: solid;    */
    border-width: 3px;
    border-color: green;  
      }
#submenu ul {
    list-style: none;
/*    line-height: 50px;  */
      margin-top: 10px;
      }
#submenu li {
    line-height: 80px;
    font-weight: bold; 
    font-size: 2.7em;   
/*      margin-top: 10px;  */
      }
#maintext {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    
/*    font-weight: bold; 
    font-size: 2.7em;    */ 
/*       border-style: solid;     */
    border-width: 3px;
    border-color: green;  
      }
#mainimage {
    width:99%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: center;
/*    font-weight: bold; */
    font-size: 1.1em;     
/*       border-style: solid;     */
    border-width: 3px;
    border-color: green;  
      }
.joetext {
    text-align: center;
    font-weight: bold; 
    font-size: 1.5em;    
      }
.joecentered {
    text-align: center;
    color:black;
      }
#concerttext {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    
    font-weight: bold; 
    font-size: 2.0em;    
/*      border-style: solid;    */
    border-width: 3px;
    border-color: green;  
      }
#farewellconcertpic {
    margin-top: 10px;
    margin-bottom: 10px;
      }
#nextpagelink {
    width: 95%;
    margin-left:auto;
    margin-right:auto;
    text-align: right;
    overflow: hidden;
    font-weight: bold; 
/*    line-height: 50px;
    font-size: 3.5em; 
    height: 50px;  */
/*     border-style: solid;  */
    border-width: 3px;
    border-color: red; 
      }

/*-----------Styles used on the new Album pages will be replaced by music.css--------- */
/*musiclist removed in new music pages, replaced by musiccontent in music.css*/
#musiclist {
    width:100%;
    margin-left: auto;
    margin-right:auto;
/*    border-style: solid;   
    border-width: 3px;
    border-color: red; */
      }     
#musiclist h2 {
  color: black;
  font-size: 1.5em;
  margin-left: 20px;
  clear: both;
    } 

.CDentry {
/*  height: 290px;  */
  overflow: hidden;
/*   background-color: #BDE4FC; */
/*  background-color: BurlyWood; */ 
/*  background-color: PaleGoldenRod;*/
/*  background-color: NavajoWhite; */

  width: 95%;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
/*  border-style: outset; */
  border-color: DarkBlue;
  border-width: 3px;
    }
.CDcover {
  width: 205px;
  margin-left: 25px;
  margin-right: 50px;
  margin-bottom: 0px;
/*  text-align: center; */
  font-weight: bold;
  font-size: 1.1em;
  color: white;
/*  height: 300px; */
  float: left;
  text-decoration: none;
/*  border-style: solid; */
  border-color: red;
  border-width: 2px;
    } 
.DVDcover {
  width: 155px;
  margin-left: 25px;
  margin-right: 50px;
  margin-bottom: 0px;
/*  text-align: center; */
  font-weight: bold;
  font-size: 1.1em;
  color: white;
/*  height: 300px; */
  float: left;
  text-decoration: none;
/*  border-style: solid; */
  border-color: red;
  border-width: 2px;
    } 
.CDcover2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-left: 200px; 
/*  text-align: center; */
  font-weight: bold;
  font-size: 1.1em;
  color: white;
/*  height: 300px; */
  text-decoration: none;
/*  border-style: solid; 
  border-color: red;
  border-width: 2px; */
    } 
#CDcoverpic {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
    } 
/*.CDcover a:link {
    color: black;
    text-decoration: underline;
    } 
.CDcover a:visited {
    color: black;
    text-decoration: underline;

  }
.CDcover a:hover {
    color: goldenrod;
    text-decoration: underline;
  }
*/
.cdtitle {
  font-size: 2.3em;
  font-style: italic;
  color: white; 
/*  text-align: right; */
   }
.cdtitle2 {
  font-size: 2.3em;
  font-style: italic;
  color: white; 
   width: 90%;  
  text-align: center;
  margin-right: auto;
  margin-left: auto;
/*  border-style: solid; */
  border-color: red;
  border-width: 2px;
   }
#Reunion2cover {
  height: 650px;
   }
#Singcover {
  height: 650px;
   }
/*.CDtracks  {
  font-weight: bold;
  font-size: .9em;
  margin-right: 35px;

    } 

.CDtracks a:link {
    color: red;
    text-decoration: none;
    font-style: italic; 
    } 
.CDtracks a:visited {
    color: red;
    text-decoration: none;
    font-style: italic;

  }
.CDtracks a:hover {
    color: DarkBlue;
    text-decoration: none;
    font-style: Italic;
  }
*/
.CDtracks2  {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
/*  border-style: solid; */
  border-color: red;
  border-width: 2px;
    } 
/*
.CDtracks a:link {
    color: red;
    text-decoration: none;
    font-style: italic; 
    } 
.CDtracks a:visited {
    color: red;
    text-decoration: none;
    font-style: italic;

  }
.CDtracks a:hover {
    color: DarkBlue;
    text-decoration: none;
    font-style: Italic;
  }
*/

/* The followingng for images replacing Flash */
.imgbox {
  position: relative;
  width: 770px;
  height: 265px;
  border: 0px solid transparent;
}

.imgbox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Make sure the second image isn't visible at first */
#img2 {
  opacity: 0;
  transition: ease-in-out opacity 2s;
}
/* end of css for images replacing flash */