body
{
	font-family: Arial, Verdana, Helvetica;
	margin: 0px;
	text-align:left;
	background-color: #FFFFFF;}

div.foot{ text-align:center; }
	
	.eventmonth h3
{
    padding-left: 20px;
    padding-right: 20px;
}

.eventlist label
{
    font-weight: bold;
    padding-right: 4px;
}
.eventmonth
{
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
	width: 694px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 15px;
	border: 1px solid #CFCFA3;
 
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #CFCFA3;
    border-left: 1px solid #CFCFA3;
    clear: none;
    padding: 2px;
}

.calcurrentmonth
{
	/* no styles needed at this time */
	background: #FFFFFF;
}
.calothermonth
{
	background: #FFFFCC;
}
.calcurrentday
{
	background-color: #CFCFA3;
	color: #FFFFFF !important;
}
.calweekend
{
	background-color: #DCDCDC;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
	text-align: left;
	border: 1px solid #CFCFA3;
	height: 60px;
	vertical-align: top; /* needed for positioning the dayNumber part */;
	position: relative;
}
.eventlistdate
{
    padding-right: 4px;
}
.eventlisticon
{
    text-align: center;
}
.eventlisttime
{
    text-align: center;
    width: 95px;
}
.eventlistevent
{
    font-weight: bold;
}
.eventlistlocation
{
    /* no styles needed at this time */
}
.eventlist td
{
    padding-bottom: 4px;
}
.button
{ 
	cursor: hand; 
	background: transparent url('images/button.png') no-repeat 0% 0%;
	padding: 0;
	width: 123px;
	height: 40px;
	border: none;		
	overflow: hidden;
	font: corbel;
	font-size: 14px;
	color: #527E38;
	padding-bottom: 5px;
	text-transform: lowercase;
	font-weight: bold;

}
.button:hover {
	background: transparent url('images/button.png') no-repeat 0% -40px; 

	}