/**** Events Calendar ****/
#events { padding: 25px 0; width: 100%; border-top: solid 2px #fecc0e; }
.events-cal { width: 100%; }
.events-cal th { height: 25px; color: #fecc0e; }
.events-cal td { width: 14%; height: 50px; border: solid 1px black; vertical-align: top; text-align: center; font-size: 12px; }
.events-cal td.calendar-blank { background-color: #cccccc; }
.events-cal .times, .events-cal .location { display: none; }
.events-cal .events { width: 150px; height: 50px; overflow: visible; }

td.calendar-full { background: #fecc0e; }
td.calendar-full:hover .day { color: #fecc0e; display: none; }
td.calendar-full:hover { vertical-align: middle; }
td.calendar-full:hover .event { position: relative; background-color: Black; color: White; }
td.calendar-full:hover .times, td.calendar-full:hover .location { display: block; }

#whats-on-top, #event-top, #whats-on-top > .main, #event > .main { height: auto; }
#whats-on-top > .side h2 { font-size: 20px; font-weight: normal; color: White; margin-top: 20px; }
#whats-on-top > .side h3 { font-size: 16px; color: #fecc0e; padding: 8px 0 4px 0; }

#whats-on-calendar { width: 100%; }
#whats-on-calendar td { width: 14.3%; vertical-align: top; }
#whats-on-calendar .empty { height: 59px; background-repeat: no-repeat; }
#whats-on-calendar .mon { background-image: url("/images/cal-m.png"); }
#whats-on-calendar .tue { background-image: url("/images/cal-t.png"); }
#whats-on-calendar .wed { background-image: url("/images/cal-w.png"); }
#whats-on-calendar .thur { background-image: url("/images/cal-t.png"); }
#whats-on-calendar .fri { background-image: url("/images/cal-f.png"); }
#whats-on-calendar .sat { background-image: url("/images/cal-s.png"); }
#whats-on-calendar .sun { background-image: url("/images/cal-s.png"); }
#whats-on-calendar .mon:hover { background-image: url("/images/cal-mon.png"); }
#whats-on-calendar .tue:hover { background-image: url("/images/cal-tue.png"); }
#whats-on-calendar .wed:hover { background-image: url("/images/cal-wed.png"); }
#whats-on-calendar .thur:hover { background-image: url("/images/cal-thu.png"); }
#whats-on-calendar .fri:hover { background-image: url("/images/cal-fri.png"); }
#whats-on-calendar .sat:hover { background-image: url("/images/cal-sat.png"); }
#whats-on-calendar .sun:hover { background-image: url("/images/cal-sun.png"); }
#whats-on-calendar .filled { height: 59px; background: url('/images/cal-filled.png') no-repeat; }
#whats-on-calendar div.day { text-align: right; color: White; font-size: 11px; margin: 2px 10px 0 0; }
#whats-on-calendar .titles { width: 62px; height: 32px; overflow: hidden; padding: 0 5px; }
#whats-on-calendar .titles .title { font-size: 9px; font-weight: normal; }
#whats-on-calendar .outer { width: 1px; height: 10px; float: left; overflow: visible; }
#whats-on-calendar .inner { display: none; }
#whats-on-calendar .details { vertical-align: middle; }
#whats-on-calendar .inner-day { color: White; font-size: 14px; height: 16px; float: right; text-align: right; padding-right: 4px; }
#whats-on-calendar .inner .title { font-size: 11px; padding-bottom: 0; color: White; display: block; }
#whats-on-calendar .filled:hover .inner { display: table; top: -25px; left: -31px; text-align: center; position: relative; width: 120px; height: 115px; background: url('/images/cal-exp.png') no-repeat; }
#whats-on-calendar .time { color: #fecc0e; font-size: 11px; }

#cal-paging { padding-left: 0; }
#cal-paging a:link, #cal-paging a:visited { font-size: 12px; color: White; display: block; padding: 2px; }
#cal-paging a:hover, #cal-paging a:active { background-color: White; color: Black; }
#cal-paging .selected a:link, #cal-paging .selected a:visited { color: #fecc0e; display: inline-block; padding-right: 48px; background: url('/images/current-tag-h.png') no-repeat right 6px; }

#whats-on-footer { height: 150px; background-color: #fecc0e; }
#whats-on-title { position: relative; top: -10px; left: -5px; float: left; }
#whats-on-reg { float: right; width: 230px; padding: 10px 10px 0 0; }
#whats-on-reg h3 { font-size: 12px; padding-bottom: 4px; }
#whats-on-reg dt { font-size: 11px; font-weight: bold; }
#whats-on-reg dd { font-size: 10px; width: 115px; }
#whats-on-reg-l { float: left; }
#whats-on-reg-r { float: right; }

#event .side h2 { color: White; }
#event .location { color: White; font-size: 12px; }
#event .date { color: #fecc0e; margin-top: 12px; font-size: 16px; font-weight: bold; }
#event .time { color: White; font-size: 12px; margin-bottom: 4px; }
h3 a:link, h3 a:visited { color: #ffce0e; }
h3 a:hover, h3 a:active { color: white; }