.beige {
	background-color: #F1EBDB;
	margin-top: 10px;
	padding: 10px;
	width: auto;
}

/* Breaks a float */
.clear {
	float: none;
	clear: both;
}

.flash {
	margin-top:10px;
	margin-left:0px;
}

#header {
	background-color: #0A4221;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	height: 172px;
	position: relative;
	width: 100%;
}

/**
 * Main Navigation-related styles
**/
#header .navigation {
	background-color: #A4CD39;
	bottom: 0px;
	margin: 0;
	padding: 0;
	height: 25px;
	position: absolute;
	text-align: center;
	width: 100%;
}
#header .navigation li {
	display: inline;
	padding: 0px 5px;
	position: relative;
	left: 85px;
	top: 5px;
	color: #0A4221;
}
#header .navigation a {
color: white; }

#header .navigation a:hover {
	color:#46832D;
	text-decoration: none; }

/**
 * Sidebar related styles
**/
#sidebar {
	float: left;
	width: 200px;
	position: relative;
	top: 20px;
	
}
#sidebar .navigation a {
	color: #999999;
	display: block;
	padding-right: 5px;
	padding-top: 10px;
}



#page {
	border-left: dotted 2px #A4CD39;
	float: left;
	margin-left: 10px;
	padding: 20px;	
	width: 598px;
}


#park_address {
	color:#A4CD39;	
	position: absolute;
	right: 60px;
	text-align: right;
	top: 20px;
}
#park_address a { color: white;}

#wrapper {
	width: 850px; /* I'm not sure what Cheryl, has in mind - so I'll just use this width as an example */
	margin: 0 auto; /* a CSS trick to center an element on the page */
	position: relative; /* Any elements in this container will be positioned in relative to this element, instead of the window */
}