@charset "UTF-8";

/* Styling for Event Schedules */

/* Box on Left, Right and Bottom */
#Events {
	border-left: solid 1px #67C81C;
	border-right: solid 1px #67C81C;
	border-bottom: solid 1px #67C81C;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 */
#Events .AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 */
#Events .AccordionPanelTab {
	cursor: pointer;
	background: #67C81C url(../Images/bg_grad_green1.gif) repeat-x left top;
}
/* Use h3 for the text in the Panel tab. Add Arrow down for open tabs. */
#Events .AccordionPanelTab h3 {
	margin: 0px;
	padding: 4px 2px 4px 20px;
	background: url(../Images/Panel_exp.gif) no-repeat left 50%;
	font: bold 1em Arial, Helvetica, sans-serif;
}
/* Add 'Closed' arrow when tab is closed. */
#Events .AccordionPanelClosed .AccordionPanelTab h3 {
	background: url(../Images/Panel_clsd.gif) no-repeat left 50%;
}
/* Change color of text in open tab */
#Events .AccordionPanelOpen h3 {
	color: #5C127B;
}
/* Set color to black for closed tabs */
#Events .AccordionPanelClosed h3 {
	color: #000000;
}

/* Color tab text as the mouse hovers over it and when the panel is opened */
#Events .AccordionPanelTabHover h3 {
	color: #5C127B;
}

#Events .AccordionPanelOpen .AccordionPanelTabHover h3 {
	color: #5C127B;
}

/* Color panel tabs when the Accordion has focus. */
#Events .AccordionFocused .AccordionPanelTab {
	color: #5C127B;
}

/* Color panel tab that is currently open when the Accordion has focus. */
#Events .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	color: #5C127B;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 */
#Events .AccordionPanelContent {
	overflow: auto;
	margin: 4px;
	padding: 0px;
	font: 1em Arial, Helvetica, sans-serif;
}
/*
 * Use h4 for headers in content area
 */
#Events .AccordionPanelContent h4 {
	font: bolder 1em Arial, Helvetica, sans-serif;
}
#Events .AccordionPanelContent p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
}
/*
 * Style the Unordered Lists within Events.
 */
#Events .AccordionPanelContent ul {
	margin-left: 0.7em;
	margin-bottom: 0.5em;
	font: .95em Arial, Helvetica, sans-serif;
}

#Events .AccordionPanelContent li {
	font: 1em Arial, Helvetica, sans-serif;
}
/*
 * Style links in Events Content area
 */
#Events .AccordionPanelContent a:link {
	font-family: Arial, Helvetica, sans-serif;
}
#Events .AccordionPanelContent a:link {
	color: blue;
	text-decoration: none;
}
#Events .AccordionPanelContent a:visited {
	color: #5c127b;
	text-decoration: none;
}
#Events .AccordionPanelContent a:hover {
	color: blue;
	text-decoration: underline;
}
#Events .AccordionPanelContent a:active {
	color: #ffffda;
	text-decoration: underline
}

#Events .AccordionPanelContent .event {
	border-bottom: 1px dotted #BEE38D;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}