body { color: navy; font-size: 15px; font-family: "Trebuchet MS", Arial, Helvetica }
h2 { color: silver; font-size: 100%; font-weight: bold }
h1{ color: navy; font-size: 120%; font-weight: bold }

.smaller { font-size: 80% }
a:link { font-weight: bold; text-decoration: none }
a:visited  { font-weight: bold; text-decoration: none }
a:hover { color: #b22222 }

div#eventBanner {
	height: 40px;
	width: 723px;
	position:relative;
	
}
#eventBanner div {
	
	text-align: left;
	overflow:hidden;
	#This stops the block text showing until it is loaded properly
	
	display: none;
}

#eventBanner div.first {
	#This works with above to  stops the block text showing until it is loaded properly
	
	display: block;
}

#eventBanner p {color: #b22222 }

h3.eventsDate {font-size: 100%;}

h3.eventsTitle {color:  #b22222;}

textarea.details {width: 600px;height:150px;}

div.eventlisting {
	border:solid 1px #DEDEDE; 
	background:#EFEFEF;
	color:#222222;
	padding:4px;
}