/* Event styles */
.EventMonthCaption { font-size: 1.25em; color : #fff; width : 90%; padding : 0px 0px 0px 5px; background-color : #145774; border-right : 1px solid gray; border-bottom : 1px solid gray; height:23px; }
a.MoreInfoLink {line-height:2em;}
.eventMonthSpan { margin:0 0 0 50px; position:absolute; }
.EventLocation { font-size : .8em; }
.calendarContainer { margin: 0px 5px; color:#fff; }
.calendar { color:#000; width:100%; }
.calendarHeaderMonth { padding:5px 0; }
.calendarHeaderMonth a { color:#10516D; }
.calendarHeader {/*background-color:#145774;*/ background:#2681B8; color:#fff; padding:2px 0; }
.calendarFooter {/*background-color:#145774;*/ background:#2681B8; padding:2px 0; text-align:center; }
.calendarFooter a, .calendarFooter a:link, .calendarFooter a:visited { color:#fff !important; }
.calendarDateCellNoEvents { background:#fff; text-align:center; }
.calendarDateCellEvents {/*background:#2681B8;*/ padding:5px 0; text-align:center; }
.calendarDateCellEvents a { color:#10516D; }
.calendarDate { color:#000; }
.calendarDateToday { color:#fff; font-weight:bold; display:block; background:#2681B8; }
.calendarStartCell, .calendarEndCell {/*background-color:#145774;*/ }
#noEvents { font-weight : bold; font-size : 1em; margin: 15px; }
.EventDetails { margin:15px; padding:10px; width:75%; }
.EventTitle { font-size:1.4em; text-decoration : none; min-height:25px; width:100%; color:black; font-weight:bold; }
.EventSubtitle { }
.EventSponsor { color : #cc66ff; font-style : italic; margin-top:5px; }
.EventDates { color : BLACK; }
.EventDescription { margin:15px 0 0 0; border-top:1px solid grey; }
.EventAdmission { margin-left:15px; margin-top:10px; }
.EventContactInformation { margin: 10px 0px 0px 15px; }
.EventContact { font-weight : bold; margin-left:15px; }
.EventAddress { margin-left:15px; }
.EventPhone1, .EventPhone2 { margin-left:15px; }
.EventEMail { margin-left:15px; }
.EventWebsite { margin-left:15px; }
.EventLabel { color :gray; font-weight:bold; }
.EventDate { font-size:.6em; font-weight:normal; width:700px; color : gray; }
.eventDetail { }
.moreDetail { padding:10px; }
.eventNavURL { color:navy; font-size:11px; font-weight:bold; }
.eventTimestamp { color:gray; }

.fleft {float:left;}
.white-text {color:#fff;}
.black-text {color:#000 !important;}
.grey-text {color:#999;}
.main-title {font-size:1.2em !important;}
.sub-title {font-size:.9em;}
.no-underline {text-decoration:none;}
.center-text {text-align:center;}
.bluebg {background:#2681b8;}
.bold {font-weight:bold;}

.span-4 {width:150px;}
.span-1 {width:30px;}
.span-5 {width:190px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-18 {width:710px;}
.block {display:block;}

.grey-border {border-bottom:1px solid #DADADA;}

.pad-1 {padding:5px;}

.suppend-1 {padding-top:5px;}
.suppend-2 {padding-top:10px;}
.subpend-1 {padding-bottom:5px;}

.ht1 {height:10px;}
.ht2 {height:20px;}
.ht3 {height:30px;}
.ht4 {height:40px;}

.relative {position:relative;}

/*** ESSENTIAL STYLES ***/
#eventMonthNav { line-height:	1.0;margin:0;padding:0;border:1px solid #000;background:#fff; }
#eventMonthNav ul { position:		absolute; top:			-999em;margin:0;padding:0;border:1px solid #000;background:		#d9f1fb; /* left offset of submenus need to match (see below) */}
#eventMonthNav li ul li ul {}
#eventMonthNav ul li { min-width:10em;width:auto;display:block;float:none;white-space:nowrap }
#eventMonthNav li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */ }
#eventMonthNav li { width:140px;display:block;float:none; position:		relative;padding:5px;}
#eventMonthNav a { display:		block; position:		relative; }
#eventMonthNav li:hover ul, #eventMonthNav li.sfHover ul { left:			0; top:			1.7em; /* match top ul list item height */ z-index:		999; }
ul#eventMonthNav li:hover li ul, ul#eventMonthNav li.sfHover li ul { top:			-999em;z-index:		9999; }
ul#eventMonthNav li li:hover ul, ul#eventMonthNav li li.sfHover ul { left:			10.8em; /* match ul width */ top:			0; }
ul#eventMonthNav li li:hover li ul, ul#eventMonthNav li li.sfHover li ul { top:			-999em; }
ul#eventMonthNav li li li:hover ul, ul#eventMonthNav li li li.sfHover ul { left:			10em; /* match ul width */ top:			0;}
/*** DEMO SKIN ***/
#eventMonthNav {}
#eventMonthNav a { text-decoration:none; }
#eventMonthNav a, #eventMonthNav a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:			#13a; }
#eventMonthNav li {margin:0;}
#eventMonthNav li li { background:		#d9f1fb;margin:0;border-bottom:1px solid #000; }
#eventMonthNav li li:hover {cursor:pointer; }
#eventMonthNav li li li { background:		#d9f1fb;margin:0;z-index:9999; }
#eventMonthNav li:hover, #eventMonthNav li.sfHover, #eventMonthNav a:focus, #eventMonthNav a:hover, #eventMonthNav a:active { outline:		0; }
/*** arrows **/
#eventMonthNav a.sf-with-ul { padding-right: 	2.25em; min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:		absolute; display:		block; right:			.75em; top:			1.05em; /* IE6 only */ width:			10px; height:			10px; text-indent: 	-999em; overflow:		hidden; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:			.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */
#eventMonthNav ul .sf-sub-indicator { background-position:  -10px 0; }
#eventMonthNav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#eventMonthNav ul a:focus > .sf-sub-indicator, #eventMonthNav ul a:hover > .sf-sub-indicator, #eventMonthNav ul a:active > .sf-sub-indicator, #eventMonthNav ul li:hover > a > .sf-sub-indicator, #eventMonthNav ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
/*** shadows for all but IE6 ***/
.sf-shadow ul { padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }