/**************************************************************/
/*** The following style settings control the event display ***/
/**************************************************************/
/* The examples only show basic manipulation of the data. */
/* Addtional style attributes such as color, background, etc can also be applied */

/*** eventsinfo class - style for events container (could be set to auto scroll ***/
/* scrollbars by setting overflow to auto and height to xxx px  undo by removing overflow and changing height to 100% */

.eventsinfo
{
	overflow:auto;
	height:100%;
	width:auto;
	padding:1px;
	margin:5px 0px 0px 0px;
	margin-left:10px;
}

.eventsinfo #eventtitle
{
	top:0mm;
	width:250px;
	font-weight:bold;
	float:left;	/* Set float so eventtime DIV will appear to the right of event title */
}

/* Examples of controlling the link attributes */
.eventsinfo #eventtitle a:link,a:visited
{

}
/*.eventsinfo #eventtitle a:hover
{
	color: blue;
	font-size:small;
}*/
.eventsinfo #eventtime
{
}

.eventsinfo #eventdescription
{
	line-height: 1px;
	font-size: 0px;
	visibility: hidden;
	clear: left; /* Set clear so the event description (if displayed) will appear below */
				 /*	the event title and event time instead of floating to the event title line */
				 /*	in case the event title wraps onto the second line. */
}

.eventsinfo #eventlocation
{
	clear: left; /* Set clear so the event location will appear below */
				 /*	the event title and event time instead of floating to the event title line */
				 /*	in case the event title wraps onto the second line. */
}

.eventsinfo #eventlibrary
{
	margin-bottom:5px;
	border-bottom-width:0px;
	border-bottom-style:solid;
}


/* events styles for list page */

#eventsdiv
{
	margin: 20px;
	padding: 0px;
	font:3mm 'Lucida Grande',LucidaGrande,Lucida,Helvetica,Arial,sans-serif;
}

#eventsdiv h1
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 160%;
	color: #005FA9;
}

.eventslist
{
	overflow:auto;
	height:100%;
	width:auto;
	padding:1px;
	margin:0px;
	margin-left:20px;
}

.eventslist #eventtitle
{
	top:0mm;
	width:250px;
	float:left;	/* Set float so eventtime DIV will appear to the right of event title */
}

/* Examples of controlling the link attributes */
.eventslist #eventtitle a:link,a:visited
{

}
/*.eventsinfo #eventtitle a:hover
{
	color: blue;
	font-size:small;
}*/
.eventslist #eventtime
{
}

.eventslist #eventdescription
{
	line-height: 12px;
	font-size: 10px;
	clear: left; /* Set clear so the event description (if displayed) will appear below */
				 /*	the event title and event time instead of floating to the event title line */
				 /*	in case the event title wraps onto the second line. */
}

.eventslist #eventlocation
{
	clear: left; /* Set clear so the event location will appear below */
				 /*	the event title and event time instead of floating to the event title line */
				 /*	in case the event title wraps onto the second line. */
}

.eventslist #eventlibrary
{
	margin-bottom:5px;
	border-bottom-width:0px;
	border-bottom-style:solid;
}