/* These are styles I use on the VN Homepage for the listing of new events */
/* These aren't really used much elsewhere                                 */

.eventsMonth {
	clear: both;    /* end any floats here... */
	text-align: center;
}
	

/* The H1 for this stuff has colored background and contrasting lettering, and it keeps changing */
/* I really don't WANT a single style here                                                  */
/* If IE could handle it, I'd use "multiple classes"...  Firefox doesn't do well either...  */
.eventsMonth h1 {
	background-color:#00CCFF;
    color: #333399;
	
	font-size: 1.85em;     /* bit bigger than other H1s */
	font-weight: bold;
	border-bottom: 2px #339 solid;
	border-top: 2px #339 solid;
	padding-top: .3em;               /* This top padding gets expanded some in IE7.  Not sure I want to fight it */
	padding-bottom: .3em;
	margin-top: .5em;
	margin-bottom: .5em;	
	}
	
h1.salmonBar {
	background-color:#F66;
	color: #FFF;

	border-bottom: 2px #903 solid;
	border-top: 2px #903 solid;
	}
	
h1.blueBar {
	background-color:#0cf;
	color: #FFF;

	border-bottom: 2px #339 solid;
	border-top: 2px #339 solid;
	}
	
h1.orangeBar {
	background-color:#FF9900;
	color: #FFF;

	border-bottom: 2px #339 solid;
	border-top: 2px #339 solid;
	}
		
h1.redBar {
	background-color: #FF3333;
	color: #FFF;

	border-bottom: 2px #339 solid;
	border-top: 2px #339 solid;
}

	
h1.lilacBar {
	background-color:#96c;
	color: #FFF;

	border-bottom: 2px #30c solid;
	border-top: 2px #30c solid;
	}

h1.greenBar {
	background-color: #339900;
	color: #FFF;

	border-bottom: 2px #593 solid;
	border-top: 2px #593 solid;
	}
				
.eventsMonth h2, .eventsMonth h3, .eventsMonth h4, .eventsMonth h5 {
	color:#990099;
	}
	
.eventsMonth h3 {
	color: #574080;
	}
	
	/* we use <hr> as a divider on the home page.  Maybe not such a great idea, but we'll get to this again */
	/* It needs to have some room underneath it, so do that there (for now)                                 */
	
hr {
	margin-bottom: 1em;
}
		
div#siteInfo {
	float: left;
	background-color: #FFFFCC;
	border: medium #6633FF double;
	margin: 0px 0px;  /* clear inherited */
	margin-top: 2em;  /* I do need space here */
	padding-top: 0px;
	padding-bottom: 10px;
		
		}
		
div#refreshInfo {
		/*float: left; */
		
		background-color: #FFFFCC;
		border: medium #6633FF double;
		margin: 0px 0px;  /* clear inherited */
		
		margin-top: 0em;  /* I do need space here */
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: center;
		
		}