/***** Global Settings *****/

/* Web safe colors: Each use only values: 00, 33, 66, 99, CC, or FF. ABBR: 0, 3, 6, 9, C, F */
/* http://paletton.com/ good for choosing colors */

html, body {
  margin: 0; 
  padding: 0; 
/*  background-image:url(musicbackground.jpg);*/
  background-image:url(twinklingstars.gif);
  background-repeat: repeat
}

body {
  font-size:90%;
  font-family: "times",times, serif;
  color: #7456AE;
}


/***** Common Formatting *****/

h1, h2, h3, h4 {
  text-align: center
}

h1 {
  font-size: 200%;
}

h2 {
  font-size:150%;
  color:#6699FF;
  font-style: italic;
  margin-bottom:.25em
}

h3 {
  font-size: 75%;
  color: #6699FF;
}

h4 {
  font-size: 180%;
}

/***** Links *****/

a:link {
  color: #FFFFFF;
  font-size: 100%;
  text-decoration: none;
  background-color: #000000;
}

a:visited {
  color: #FFFFFF;
  font-size: 100%;
  text-decoration: none;
  background-color: #000000;
}

a:hover {
  color: #000000;
  font-size: 100%;
  background-color: #FFFFFF;
}

a.menu:link{
  color: #F3CC53;/*#EDA3A2*/;
  font-size: 100%;
  text-decoration: none;
  background-color: #000088;/*#3D74BB;*/
}

a.menu:visited {
  color: #F3CC53;/*#EDA3A2;*/
  font-size: 100%;
  text-decoration: none;
  background-color: #000088;/*#3D74BB;*/
}

a.menu:hover {
  color: #000088;/*#3D74BB;*/
  font-size: 100%;
  background-color: #F3CC53;/*#EDA3A2;*/
}

/*  a:active {
  font-size: 100%;
  background-color: #6699FF
}*/

/***** Tables*/ 

#mainTable {
  width: 98%;
  table-layout:fixed;
  padding: 0;
/* In tables the approved method for centering the table is to set the margins to auto */
  margin-left: auto;
  margin-right: auto;
}

#calendarTable {
  width: 100%;
  table-layout:fixed;
  padding: 0;
/* In tables the approved method for centering the table is to set the margins to auto */
  margin-left: auto;
  margin-right: auto;
  font-size:20px;
}

/*table, td, th
{
border:1px solid green;
}
*/

td.header {
  text-align: center;
  vertical-align: middle;
  width: 85%;
  height: 10em;
}

td.center {
  width: 70%;
  padding: 1em 1em 0em 1em;
  vertical-align:top;
}

td.left{
  text-align: center;
  width: 15%;
  padding: 1em 0em 1em 0em;
  vertical-align:top;
}

td.right{
  text-align: center;
  width: 15%;
  padding: 1em 0em 1em 1em;
  vertical-align:top;
  /*border-left: thin solid #F0CC1A;*/
}

td.venue {
  color:#4CCDF5;
  width: 39%;
/*  padding: 1em 1em 0em 1em;*/
  text-align: center;
  vertical-align:top;
}

td.date {
  color:#7456AE;
  width: 9%;
/*  padding: 1em 1em 0em 1em;*/
  text-align: center;
  vertical-align:top;
}

td.time {
  color:#F3CC53;
  width: 16%;
/*  padding: 1em 1em 0em 1em;*/
  text-align: center;
  vertical-align:top;
}

td.location {
  color:#FE8348;
  width: 21%;
/*  padding: 1em 1em 0em 1em;*/
  text-align: center;
  vertical-align:top;
}

td.admission{
  color:#D52142;
  width: 15%;
/*  padding: 1em 1em 0em 1em;*/
  text-align: center;
  vertical-align:top;
}

td.footer {
  text-align: center;
  padding: .5em 0em .1em 0em;
  vertical-align:middle;
}



/***** Paragraphs *****/

p.normal {
  text-align: justify;
  margin-top: .3em;
  margin-bottom: .3em;
  margin-left: auto;
  margin-right: auto;
}

p.firstminor {
  text-align: justify;
  margin-top: 0em;
  margin-bottom: .3em
}
p.centered {
  text-align: center;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 2%;
  margin-bottom: 2%
}

p.indented {
  font-size: 100%;
  text-align: left;
  margin-left: .8em;
  margin-top: .1em;
  margin-bottom: .1em;
}

p.sidenav {
  font-size: 100%;
  text-align: left;
  margin-top: .3em;
  margin-bottom: .3em;
}

p.quote {
  font-size: 90%;
  color: #C0D0E0;
  text-align: center;
  margin-left: 12%;
  margin-right: 12%;
  margin-top: 2%;
  margin-bottom: 2%
}

/***** Containers *****/
#nav img { border: 3px solid red;}
#nav li { display: inline; list-style:none; line-height:100px;font-weight:bolder;}
#nav li a { float: left; display:block; width: 100px; height: 100px; margin: 1%; }
#nav li a:link {color:#ffffff;text-align:center; vertical-align:middle;}
#nav li a:hover{font-size:125%;}
#nav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; /* for IE6 */ }
#nav li a:hover img { visibility:visible; /* for IE6 */ }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#one { background:url("decorations/lightbox02.gif") no-repeat center center ; width:125%;height:125%;}
#one img{width:125%; border: 2px solid red;}
#two { background:url(decorations/lightbox03.gif) no-repeat center center; }
#three { background:url(decorations/lightbox04.gif) no-repeat center center; }
#four { background:url(decorations/betty_boop_cartoon_309.gif) no-repeat center center; }



/*#maincontainer {
  background: transparent no-repeat;
  width: 100%;
}

#header { 
  background: transparent;
  overflow: hidden;
  margin-bottom: 0.25em
}

#sidenav {
  font-size: 100%;
  background: transparent;
  line-height: 100%;
  margin-top: 1%;
  margin-left: 2.5%;
  overflow: auto;
  top: 0px;
/*  vertical-align: top;*/
/*  width: 12%;
  left: 85%;
  height: 65%;
}

#main {
  background: transparent;
  /*height: 500px;
  overflow: auto;
}

#footer {
  background: transparent;
/*  position: absolute;
  top: 90%;
  width: 82%; 
  height: 5%;
  padding-top: .75%;
  overflow: hidden;
} 

/* html{
overflow: hidden
} */