.calcell {width:104px;height:136px;overflow:hidden}
.eventlist {margin:3px;padding:0}
.eventlist li {list-style-type:none;vertical-align:top;padding:4px 0 0 26px;border:1px solid #aaaaaa;margin-bottom:2px;}
.eventlist li.over {cursor:pointer}

/** styles for the event types */

.music {background:#884422 url(/graphics/music_icon.png) no-repeat 3px 3px;color:#fff}
.fall {background:#ee9943 url(/graphics/fall_icon.png) no-repeat 3px 3px;}
.summer {background:#ffee5f url(/graphics/summer_icon.png) no-repeat 3px 3px;color:#000;border:1px solid #cccccc;}
.winter {background:#ffffff url(/graphics/winter_icon.png) no-repeat 3px 3px;border:1px solid #cccccc;}
.spring {background:#44bb22 url(/graphics/spring_icon.png) no-repeat 3px 3px;}
.food {background:#aa3355 url(/graphics/food_icon.png) no-repeat 3px 3px;}
.art {background:#88bbff url(/graphics/art_icon.png) no-repeat 3px 3px;}
.sports_outdoors {background:#025e15 url(/graphics/outdoor_icon.png) no-repeat 3px 3px;color:#fff}
.heritage{background:#331177 url(/graphics/heritage_icon.png) no-repeat 3px 3px;color:#fff}
.civic {background:#335599 url(/graphics/civic_icon.png) no-repeat 3px 3px;color:#fff}
.holiday {background:#df1a11 url(/graphics/holidays.png) no-repeat 3px 3px;color:#fff}

.eventtypeicon {width:23px;height:23px;margin: 0 2px 2px 0;cursor:pointer;}
span.eventcount {font: 26px Verdana;text-align:center;display:block;margin: -4px 0 0}
span.eventtext {font: 14px Verdana;text-align:center;display:block;margin: -18px 0 12px}

.eventcalendar td {background:#ddddc8;border:1px solid #888}
.eventcalendar td.calendarMaskMonth {background:#cccccc}
.eventcalendar thead td {font: bold 14px Arial,Verdana,Tahoma,sans-serif;padding:4px 10px}
.eventcalendar {font-size:10px}
.calheader td {width:98px;background:none;border:none;font:bold 14px Verdana,Arial,Tahoma,sans-serif;padding-right:4px;border:#999 1px; border-style: solid none solid;text-align:center;background:#eeeed8;padding: 4px;}
.calheader tr {}
.calheader {margin-bottom:6px}

a.prevnextbutton img {border:none;top:4px;position:relative;width:17px;height:30px;}

#calendargrid {margin-left:11px}
.monthdropdown {position:absolute;left:660px;bottom:0;}
.noevents {text-align:center;font: bold 16px Arial,Helvetica,sans-serif;}
.eventdaterange {font-size:85%;font-style:italic;float:right}

#eventtypepagelist {width:756px;margin:20px 12px;}
#eventtypepagelist div.eventtypelink {width:252px;float:left;margin-bottom:4px;}
.eventtypelink a {font:bold 14px Arial, Helvetica,Verdana,sans-serif}
div.tlborder {border-top:1px solid #999;margin-top:40px}

#other_stories {
    clear:both;
    margin-top:20px;
    margin-bottom:40px;
    padding:10px 10px;
    border-top:1px solid #003399;
    position:relative;
    top:28px;
}

#other_stories h2 {
    font-size:20px;
    color:#003399;
}

#other_stories div.event_story {
    float:left;
    width:25%;
    margin-right:25px;
}

div.event_story h3 {
    margin-bottom:6px;
}

div.event_story h3 a {
   color:#003399;
   font-size:16px;
   text-decoration:none;
}

div.event_story h4 {
    color:#000;
    margin-top:0;
    margink-bottom:9px;

}


.filters h4 {margin:0 0 8px;font-size:15px;border:1px #000000;border-style:solid none solid;padding:6px 0;text-align:center;}

a.eventlink:hover {color:#ffffff}
a.eventlink {color:#777777;}

.eventlist li ul {vertical-align:top;width:77px;overflow:hidden;margin:0 0 4px;padding:0;display:inline-block}
li.ievent {list-style-type:none;list-style-image:none;border:none;padding:0;margin:0 0 2px;color:#fff}
.summer .ievent a {color:#000}
.ievent a {color:#fff}
.eventcalendar td.today {background:#bbbba8}
.datetitle {font:bold 29px Arial,Verdana,Tahoma,sans-serif;padding:0 10px}
#tabletitle {margin:30px auto 12px;padding-left:13px;position:relative;}
.day {;text-align:right;font:bold 14px Georgia;padding:4px;margin-bottom:6px;background:#5e7fac;color:#fff}
#columnMain {margin:0}
a.othermonth {font-size:13px}

.legend {width:830px;margin:15px 0}
.legend ul {margin:0;padding:0;line-height:3}
.legend li {
    list-style-type: none;
    vertical-align: top;
    padding: 4px 4px 8px 26px;
    border: 1px solid #aaa;
    margin: 0 8px 4px;
    display: inline;
    width: 130px;
}

/** styles for the event detail page */

#othereventsthismonth {width:150px;float:left;border-right:1px solid #999;margin-right:25px}
#othereventsthismonth ul {margin:0;padding:0}
#othereventsthismonth li {list-style-type:none;padding:0;margin:0 0 14px;font-size:12px}
#othereventsthismonth .eventdates {color:#999;font-size:10px;font-style:oblique}

#columnMain {margin:0}
#eventfilter {margin:0;padding:0}
#eventfilter li {list-style-type:none;padding-left:25px;display:block;height:25px;margin-bottom:3px}

/** List styles */

#eventlist {margin-top:40px;margin-left:180px}
#eventlist .dates {margin:0px 15px 0px -110px;text-align:right;width:100px;float:left;}
#eventlist .dates span {font-size: 35px;font-weight:900;letter-spacing:-3px}
#eventlist .dates span div {float:right;padding:0 4px 4px 0}
#eventlist .dates span div.dayname {float:none}

h2.eventtitle {border-bottom:1px solid #999;font-size:16px;font-weight:bold;width:500px;margin-bottom:0}
.eventlistentry {vertical-align:top;margin-bottom:30px;margin-left:5px;width:500px;}
.eventdescriptionlist {width:500px}
#eventlist div.dayname {font-size:11px;letter-spacing:0;margin-bottom:4px}

#filterform {width:160px}

/* Styles for the day event list page */

h2.daylistheadline {font-size:20px;margin-bottom:24px;margin-left:170px;}
ul.daylist {margin-left:35px;float:left;}
ul.daylist li.dayevententry {list-style:none;}
li.dayevententry h2.eventtitle {margin-top:10px;}
ul.daylist div.description {width:500px;}
ul.links {list-style-type: none}
div.dayeventiconbar {width:99px;float:left;margin-top:14px;}
div.dayeventiconbar div.eventtypeicon {float:right}
div.dayeventdata {margin-left:12px;float:left;margin-bottom:17px;}
div.dayeventdata div.description {margin-top:6px;}
li.dayevententry div.dayeventdata h2.hnoborder {border:none;margin-bottom:-2px}
h2.headlineunderline {border-bottom:1px solid #000;width:500px;margin-left:103px !important;padding-left:80px}

#eventcontent {margin-top:6px;border-top:1px solid #000}
#calendarswitch {padding:3px 8px 6px;background:#5e7fac;color#fff;font:15px bold Verdana,Arial,Helvetica,sans-serif;display:inline;vertical-align:top;margin:0 -4px;position:relative;top:3px}
#calendarswitch .viewswitch {color:#fff;vertical-align:top;}
#switchcontainer {float:right;margin-right:100px;width:400px;}
#switchcontainer img {margin:0 -6px;padding:0;}
.eventpageheadline {font-size:26px;margin-top:30px;margin-left:133px !important;padding-left:50px}
#tabletitle .eventpageheadline {margin:0 !important;padding:10px 0 18px;}