body {
text-align: center;
font-family: Tahoma, Geneva, sans-serif;
font-size: small;
}
a:link {
color: black;
text-decoration: none;
}
a:visited {
color: black;
text-decoration: none;
}
a:hover {
color: red;
}
a:active {
color: red;
text-decoration: none;
}
div#container {
position:absolute;
top:50%;
left:50%;
height:440px;
margin-top:-220px;
margin-left: -400px;
width: 800px;
text-align: left;
}
div#box {
position:absolute;
top:2em;
right:10px;
width:250px;
height: 230px;
background-color: #fff;
filter: alpha(opacity=60, style=0);
opacity: 0.6;
display: none
}
div#about {
position:absolute;
top:2em;
right:20px;
width:240px;
height: 250px;
background-color: transparent;
text-align: right;
display: none;
}
div#subscribe {
position:absolute;
top:2em;
right:20px;
width:240px;
height: 250px;
background-color: transparent;
text-align: right;
display: none;
}
div#contact {
position:absolute;
top:2em;
right:20px;
width:240px;
height: 250px;
background-color: transparent;
text-align: right;
display: none;
}
img {
border-style: none;
padding: 0;
margin: 0;
}
.topleft  {float: left;  width:48%; text-align:left  }
.topright {float: right; width:48%; text-align:right;}
.bottomleft {float: left; width:11%; text-align:left }
.bottomright {float: right; width:87%; text-align:right;}
a img {height: 400px; width: 200px; border-width: 0;}
#main { background-image: url(../images/eventsc.jpg); background-repeat: no-repeat; }
a#eggs img { background: url(../images/eggsbw.jpg); top left no-repeat;}
a#youth img { background: url(../images/youthbw.jpg); top left no-repeat;}
a#jazz img { background: url(../images/jazzbw.jpg); top left no-repeat;}
a#carols img { background: url(../images/carolsbw.jpg); top left no-repeat;}
a#eggs:hover img {opacity:0;filter:alpha(opacity=0)}
a#youth:hover img {opacity:0;filter:alpha(opacity=0)}
a#jazz:hover img {opacity:0;filter:alpha(opacity=0)}
a#carols:hover img {opacity:0;filter:alpha(opacity=0)}