div#eventsfront
{
border: 1px solid #891D03;
background: #F3E8E5;
height: auto;
width: 325px;
position: relative;
padding: 0;
margin: 0;
top: 0;
left: 0;
}


table#frontevent
{
width: 325px;

}




div#eventsfront:hover
{
text-decoration: none;
}

div#border
{
position: absolute;
height: 300px;
width: 312px;
top: 0;
padding: 0;
border: 1px solid #891D03;
}

div.eventbox
{
position: relative;
float: left;
height: 300px
width: 325px;
top: 0px;
padding: 5px 5px 0 5px;
z-index: 1;
}


span.title
{
width: 200px;
font-weight: bold;
font-size: 12pt;
float:left;
clear:none;
color: #5A1402;
text-align: left;
}

span.date
{
width: 200px;
font-weight: bold;
font-size: 10pt;
float:left;
clear:none;
color: #891D03;
margin-top: 5px;
}

span.time
{
width: 200px;
font-weight: bold;
font-size: 10pt;
float:left;
clear:none;
color: #891D03;
margin-top: 5px;
margin-bottom: 5px;
}


img.image
{
width: 100px;
float:right;
clear: right;
margin: 0 10px 0 0;
border: 1px solid #891D03;
}

div#textDesc
{
margin: 5px 15px 5px 5px;
}

#textDesc p
{
padding: 5px;
margin: 5px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:0; 
	background-color:transparent;
    color:#000000;
    text-decoration:none}
a.info:hover{z-index:0; background-color: transparent;}
a.info span{display: none}
a.info img
{
z-index: 0;
}