h1, h2, h3, h4, h5, h6 {
	line-height: 1.4; }
h1 {
	font-size: 1.1rem; }
h2 {
	font-size: 1.0rem; }
h3 {
	font-size: 0.9rem; }
h4 {
	font-size: 0.8rem; }

#bodycopy {
	min-height: 407px;
	background-color: #F5F2E3;
	padding-top: 1rem;
}

#topnav {
	margin: 1rem 0;
}

footer {
	padding: 1em 0;
}

#footer_right {
	margin-top: 10px;
	text-align: right;
}

footer select {
	width: 10rem;
	background-image: none;
	margin: 0 1rem;
}

.top-bar .name h1 a {
	color: #222;
	font-family: 'Old Standard TT', serif;
	font-size: 1rem;
}

.top-bar-section ul li > a {
	font-size: 0.95rem;
}


@media only screen and (min-width: 60em) {
	.top-bar {
		height: 100px;
		line-height: 100px;
	}

	.top-bar .name {
		height: auto;
		letter-spacing: .2rem;
	}

	.top-bar .name h1 a #website-title {
		padding: 0 1.2rem;
	}

	.top-bar-section {
		position: absolute;
		bottom: 4px;
		right: 0;
		padding: 1.5rem 0;
	}
}

@media only screen and (max-width: 40em) {
	.top-bar-section ul li {
		background: #eee; }
	.top-bar-section ul li.active {
		background: #eee; }
	.top-bar-section ul li.active > a {
		background: #eee; }
	.top-bar-section ul {
		margin-top: 1rem;
}

@media only screen and (max-width: 64em) {
	#bodycopy { min-height: 0; }
	.top-bar .name h1 a img{
		height: 45px;
	}
	.top-bar .name h1 a {
		font-size: .9rem;
		line-height: 45px; }
}

.orbit-container .orbit-bullets {
	top: 0;
}

.orbit-container .orbit-slides-container img {
	width: 100%;
}

.top-bar-section ul li > a {
    font-size: 1rem;
	font-weight: normal;
}

table {
	width: 100%;
}

table tr th {
	text-align: center;
}

table tr td {
	vertical-align: top;
}

table tr td strong {
	font-size: 0.875rem;
}

#logo {
	/* tweak the logo for better alignment in the top-bar */
	position: relative;
	top: -3px; 
}

#bodycopy ul.in,
#bodycopy ol.in,
#sidebar ul,
#sidebar ol {
	/* Foundation doesn't indent lists at all, so we fix that here... */
	margin-left: 1.25em; 
}

#sidebar .orbit-container ul,
#sidebar .orbit-container ol {
	margin: 0;
}

.breadcrumbs {
	/* change default appearance of Foundation breadcrumbs */
	padding: 0;
	background: none; 
	border: none; 
}
	#bodycopy .breadcrumbs {
		/* make the breadcrumbs appear in the spot between masthead and bodycopy */
		margin: 0 0 -1em 0;
		position: relative;
		top: -1.75em; 
		left: -6px; 
	}
	#bodycopy .breadcrumbs li {
		background: #fff; 
	}
	#bodycopy .breadcrumbs li:first-child {
		padding-left: 8px; 
	}
	#bodycopy .breadcrumbs li:last-child {
		padding-right: 8px; 
	}

#bodycopy ul.side-nav,
#sidebar ul.side-nav {
	/* we don't want navigation lists indented */
	margin-left: 0;
}
	#bodycopy .side-nav li {
		/* when side-nav in bodycopy, make it a little more prominent than Foundation default */
		font-size: 1em; 
	}
		#bodycopy .side-nav a {
			font-weight: bold; 
		}
		#bodycopy .side-nav ul ul a {
			font-weight: normal;
		}

ul.side-nav ul {
	/* nested sub-navigation (tree=true) */
	margin-top: 0.5em; 
	margin-left: 2em;
}


#search-form {
	/* this better aligns the search form with the headline */
	margin: 0.75em 0 0 0; 
}

#masthead h1 {
	/* no need for margin here since h1 is the only thing in masthead */
	margin: 0;
}

#sidebar h3 + ul.side-nav {
	/* get the nav headline closer to the nav */
	margin-top: -1em;
}



body.template-sitemap .breadcrumbs {
	/* breadcrumbs are redundant on a sitemap page */
	display: none; 
}


/*
 * TinyMCE alignment styles, for images placed in bodycopy
 *
 */
.align_left,
.align_right {
	display: block;
	margin: 1em 0;
}

.align-center {
	display: block;
	margin: 1em auto;
}

@media only screen and (min-width: 500px) {

	/* 
 	 * Alignment classes active only when screen is big enough to make them practical.
 	 * In our case we've set 500px as our cutoff under which images no longer align,
 	 * but you may need to tweak that specific to your case.
 	 *
 	 */

	.align_left {
		float: left;
		margin: 0 1em 0.5em 0; 
		position: relative;
		top: 5px; 
	}

	.align_right {
		float: right;
		margin: 0 0 1em 1em; 
		position: relative;
		top: 5px; 
	}
}

.image_caption small {
	display: block;
	color: #666; 	
}