/**
 * CSS Specific to LIST VIEW of Map Results in the site.
 * This should eventually also house CSS specific to the map itself, but thats a larger refactor.
 *
 * @browsers: All
 **/

	div#mapResultsList {
		background: #DED8C1 url("/_images/layout/bg-events-top.gif") repeat-x 0 0;
	}

	div#mapResultsList ul {
		margin: 0;
		padding: 20px;
		list-style-type: none;
		background: transparent url("/_images/layout/bg-events-bottom.gif") repeat-x bottom left;
	}

	div#mapResultsList ul li {
		margin: 0 0 1.5em;
		list-style: none;
		border-bottom: 1px solid #C2B8A1;
		width: 576px;
	}

	div#mapResultsList h2 {
		margin: 0 0 .5em;
		padding: 0;
		float: left;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.5em;
		color: #577D00;
		background: none;
		text-decoration: none;
	}
		div#mapResultsList h2 a {
			color: #577D00;
			text-decoration: none;
		}

	div#mapResultsList p {
		clear: left;
	}