body {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
}
a {
	text-decoration: none;
	color: #000000;
	text-align: center;
}
a:hover {
	text-decoration: none;
	color: 000000;
}
.year {
	border-style: outset;
	border-width: 1px;
	background-color: #e0e0e0;
	text-align: center;
}
/* weekend day background color and grid */
.month {
	border-style: none;
	background-color: #dadada;
	text-align: center;
}
.yearname {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
/* month name background color */
.monthname {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background-color: #dadada;
	color: #5D5D5D;
	border-style: outset;
	border-width:1px
}
.dayname {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
/* day of week background color */
	background-color: #cc3300;
	color: #ffffff;
	border-style: outset;
	border-width:1px
}
.weeknumtitle {
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	background-color: #e9e9e9;
	border-style: outset;
	border-width:1px
}
.weeknum {
	text-align: center;
	font-size: 10px;
	height:90px;
	width:90px;
	color: #000099;
	background-color: #e9e9e9;
}
.week {
	border-style: none;
	background-color: #e9e9e9;
	text-align: center;
}
.monthweek {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #667171;
	border-style: solid;
	border-width:1px
}
.yearnavigation {
	font-size: 12px;
}
.datepicker {
	background-color: #e4e4e4;
}
.datepickerform {
	margin: 0px;
}
.monthnavigation {
	font-family: Tahoma, Arial;
}
.monthpicker {
	font-size: 11px;
	background-color: #eeeeee;
}
.yearpicker {
	font-size: 11px;
	background-color: #eeeeee;
}
.pickerbutton {
	font-size: 11px;
	background-color: #eeeeee;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
.nomonthday {
	text-align: center;
	vertical-align: top;
	font-size: 10px;
	height:90px;
	width:90px;
	color: #aaaaaa;
}
.monthday {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
/*mon-fri background color */
	background-color: #E4E4E4;
	color: #384955;
	height:90px;
	width:90px;
}
.today {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
/*background current date */
	background-color: #ffffcc;
	color: #000000;
	height:90px;
	width:90px;
}
.selectedday {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	background-color: #cc3300;
	height:90px;
	width:90px;
}
.sunday {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #667171;
	height:90px;
	width:90px;
}
.sunday a {
	color: #667171;
}
.saturday {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #667171;
	height:90px;
	width:90px;
}
.saturday a {
	color: #667171;
}
.event {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
/* day of week number color  active event*/
	color: #cc3300;
/*event day background color */
	background-color: #E4E4E4;
	height:90px;
	width:90px;
}
.event a {
/* event name background */
	background-color: blue;
/*text color on events */
	color: #000000;
}
.selectedevent {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:90px;
	width:90px;
}
.selectedevent a {
	background-color: #ffff99;
	color: red;
}
.todayevent {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:90px;
	width:90px;
}
.todayevent a {
	background-color: #ffff99;
	color: red;
}
.eventcontent {
	font-size: 10px;
	color: red;
	background-color: red;
/*	border-style: outset;
	border-width: 1px; */
	width: 100%;
}
/* Categories of Events */
.park {
        font-size: 10px;
        color: #669966;
        background-color: #669966;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.park a {
        font-size: 10px;
        color: #000000;
	background-color: #669966;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.wboard {
        font-size: 10px;
        color: #000099;
        background-color: #00ccff;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.wboard a {
        font-size: 10px;
        color: #000000;
        background-color: #00ccff;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.ccouncil {
        font-size: 10px;
        color: #cccc99;
        background-color: #cccc99;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.ccouncil a {
        font-size: 10px;
        color: #000000;
        background-color: #cccc99;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.festivals {
        font-size: 10px;
        color: #cc3300;
        background-color: #cc3300;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.festivals a {
        font-size: 10px;
        color: #000000;
        background-color: #cc3300;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.waterpark {
        font-size: 10px;
        color: #009999;
        background-color: #009999;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.waterpark a {
        font-size: 10px;
        color: #000000;
        background-color: #009999;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.cityevent {
        font-size: 10px;
        color: #ff9900;
        background-color: #ff9900;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.cityevent a {
        font-size: 10px;
        color: #000000;
        background-color: #ff9900;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.otherevent {
        font-size: 10px;
        color: #ff9900;
        background-color: #f395f9;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}
.otherevent a {
        font-size: 10px;
        color: #000000;
        background-color: #f395f9;
/*      border-style: outset;
        border-width: 1px; */
        width: 100%;
}