/* 
brown: #36171c
grey: #b5ba91
green: #838f47
*/


body {
	font-family: Helvetica, sans-serif;
	color: #36171c;
	vertical-align: top;
	background: #838f47 url(images/green-stripe.png);
	}

body a {
	color: #d6eff3;
	text-decoration: none;
	}

body a:hover {
	text-decoration: underline;
	}
	
hr {
	color: #36171c;
	background: #36171c;
	border: 0;
	height: 1px;
	}
	
#content {
	background: #b5ba91;
	font-size: .9em;
	width: 800px;
	}
	
#hours {
	font-size: .8em;
	text-align: right;
	min-width: 65em;
	background: #36171c;
	color: white;
	}

#navigation {
	vertical-align: top;
	font-size: 1.2em;
	width: 120px;
	}

#navigation ul {
	list-style: none;
	text-indent: none;
	margin-top: 0;
	}

#navigation li {
	padding-bottom: .3em;
	}

#navigation li a {
	color: #36171c;
	text-decoration: none;
	}

#navigation li a:hover {
	text-decoration: underline;
	}

.contact {
	font-size: .8em;
	color: white;
	padding: 1em;
	background: #36171c;
	margin-top: 1em;
	}

.contact a {
	color: white;
	}

#center {
	vertical-align: top;
	padding: 0 2em 2em 2em;
	}

#right {
	vertical-align: top;	
	padding-right: 2em;
	padding-left: 1em;
	color: #36171c;
	width: 190px;
	}

#right h2 {
	margin-top: 0em;
	}

#right ul{
	list-style: none;
	}

#right li {
	padding-bottom: 1em;
	margin-left: -2.5em;
	}

.divider {
	width: 10px;
	background: url(images/cc-vertical-line.gif);
	}

.menu {
	margin-top: -1em;
	float: left;
	clear: none;
	}
	
.menu ul {
	list-style: none;
	text-indent: -.5em;
	padding: .3em 1em .3em .5em;
	margin: 0 .5em 2em .2em;
	line-height: 1.4em;
	}

.menu li:first-child {
	font-weight: bold;
	text-transform: uppercase;
	}
	
.events img {
	float: left;
	clear: left;
	padding: 0 1em 1em 0;
	}

.exhibits img {
	margin: 0 .5em .5em 0;
	}