a, 
.breadcrumbs a, 
.side-nav li a {
	color: #DA601C; 
}

#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; 
}


.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;
}

.panel ul.side-nav {
	padding-bottom: 0; 
}


#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; 
}

#content .button-group {
	margin-left: 0;
}

/**
 * Foundation icons
 *
 */

[class*="social foundicon-"]:before { font-family: SocialFoundicons; }
[class*="general foundicon-"]:before { font-family: GeneralFoundicons; }
i.general, i.social { color: #EC1E26; }

/*
 * 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; 	
}


.CommentList li {
	list-style: none; 
	padding: 0.5em 1em 0.5em 1em;
	background: #fff; 
	margin: 1em 0;
	border-left: 3px solid #ccc; 
	border-top: 1px solid #ddd; 
}

.CommentHeader {
	font-weight: bold;
	margin-bottom: 0.5em;
}

.CommentList li p {
	margin: 0.5em 0;
	font-size: 0.9em;
}

#bodycopy .CommentText {
}
#bodycopy .CommentText p {
	color: #666; 
}

.CommentGravatar {
	width: 40px;
	float: right; 
	margin-top: 0.5em; 
}

.CommentForm_email {
	display: none; 
}

.CommentForm_text textarea {
	min-height: 100px; 
}

.smaller {
	font-size: 0.9em; 
	color: #555; 
}

small {
	font-size: 75%; 
}

p.sort {
	margin: 0;
}
p.sort label,
p.sort select {
	display: inline;
	width: auto;
}

#logos p {
	margin-bottom: 2em; 
	text-align: center; 
}
#logos img {
	max-width: 80%; 
}