body {
     background-color: #000000;
     background-image:
     url("images/stars4.jpg");
     background-attachment: fixed;
     text-align: center;
}
h1 {
     font-family: comic sans ms;
     text-align: center;
     color: #dbdb70
}
h3 {
     font-family: comic sans ms;
     text-align: center;
     color: #dbdb70
}
p {
     font-family: sans-serif;
     color: #000000
}
p.center {
     font-family: sans-serif;
     text-align: center;
     color: #000000
}
.centered-table {
     width: 75%;
     margin-left: auto;
     margin-right: auto;
     background-color: #ffffff;	
     text-align: left; 
}
.title-table {
     margin-left: auto;
     margin-right: auto;
     text-align: left; 
}
.cover-table {
     margin-left: auto;
     margin-right: auto;
     background-color: #ffffff;
}
A:link IMG, A:visited IMG {border-width: 0;}
a#balcen
{
   display: block;
   width: 200px;
   height: 200px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/balcensmall.jpg") no-repeat;
}

a#balcen:hover
{
   background: url("images/balcenbig.jpg") no-repeat;
}
a#ballef
{
   display: block;
   width: 200px;
   height: 200px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/ballefsm.jpg") no-repeat;
}

a#ballef:hover
{
   background: url("images/ballefbig.jpg") no-repeat;
}
a#balright
{
   display: block;
   width: 200px;
   height: 200px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/balrightsm.jpg") no-repeat;
}

a#balright:hover
{
   background: url("images/balrightbig.jpg") no-repeat;
}
a#choir
{
   display: block;
   width: 200px;
   height: 200px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/choirsm.jpg") no-repeat;
}

a#choir:hover
{
   background: url("images/choirbig.jpg") no-repeat;
}

a#choirlock
{
   display: block;
   width: 200px;
   height: 200px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/choirlocksm.jpg") no-repeat;
}

a#choirlock:hover
{
   background: url("images/choirlockbig.jpg") no-repeat;
}

a#choirroom
{
   display: block;
   width: 200px;
   height: 200px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/choirroomsm.jpg") no-repeat;
}

a#choirroom:hover
{
   background: url("images/choirroombig.jpg") no-repeat;
}
a#choirseats
{
   display: block;
   width: 200px;
   height: 200px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/choirseatssm.jpg") no-repeat;
}

a#choirseats:hover
{
   background: url("images/choirseatsbig.jpg") no-repeat;
}

a#outside
{
   display: block;
   width: 200px;
   height: 200px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/outsidesm.jpg") no-repeat;
}

a#outside:hover
{
   background: url("images/outsidebig.jpg") no-repeat;
}
a#outsidechoir
{
   display: block;
   width: 200px;
   height: 200px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/outsidechoirsm.jpg") no-repeat;
}

a#outsidechoir:hover
{
   background: url("images/outsidechoirbig.jpg") no-repeat;
}
a#sanc
{
   display: block;
   width: 200px;
   height: 200px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/sancsm.jpg") no-repeat;
}

a#sanc:hover
{
   background: url("images/sancbig.jpg") no-repeat;
}
a#sanclef
{
   display: block;
   width: 200px;
   height: 200px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/sanclefsm.jpg") no-repeat;
}

a#sanclef:hover
{
   background: url("images/sanclefbig.jpg") no-repeat;
}
a#sancright
{
   display: block;
   width: 200px;
   height: 200px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/sancrightsm.jpg") no-repeat;
}

a#sancright:hover
{
   background: url("images/sancrightbig.jpg") no-repeat;
}

a#comp
{
   display: block;
   width: 395px;
   height: 100px;
   float: left;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/compsm.jpg") no-repeat;
}

a#comp:hover
{
   background: url("images/compbig.jpg") no-repeat;
}

a#more
{
   display: block;
   width: 200px;
   height: 83px;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/moresm.gif") no-repeat;
}

a#more:hover
{
   background: url("images/more.gif") no-repeat;
}

a#back
{
   display: block;
   width: 200px;
   height: 83px;
   margin: 0 1% 0 0;
   border: none;
   background: url("images/backsm.gif") no-repeat;
}

a#back:hover
{
   background: url("images/back.gif") no-repeat;
}
.hiddenPic {display:none;}