@font-face {
    font-family: 'latobold';
    src: url('../_fonts/lato-bol-webfont.eot');
    src: url('../_fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/lato-bol-webfont.woff') format('woff'),
         url('../_fonts/lato-bol-webfont.ttf') format('truetype'),
         url('../_fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('../_fonts/lato-lig-webfont.eot');
    src: url('../_fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/lato-lig-webfont.woff') format('woff'),
         url('../_fonts/lato-lig-webfont.ttf') format('truetype'),
         url('../_fonts/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('../_fonts/lato-reg-webfont.eot');
    src: url('../_fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/lato-reg-webfont.woff') format('woff'),
         url('../_fonts/lato-reg-webfont.ttf') format('truetype'),
         url('../_fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	margin:0;
	padding:0;
	list-style:none;
}

:focus, :active {  
    outline: 0;  
} 

html, body {

	position: relative;
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	/*font-family: Arial, sans-serif;	*/
	margin-bottom: 25px;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	font-weight:normal;
	
	border: none;
	
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: none; 
	/*-webkit-backface-visibility: hidden;*/  /* glitches web fonts in iOS */
	
	min-width: 1040px;
	/*min-height: 1300px;*/

}

h1, h2, h3, h4, h5, .primary-header {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1, .primary-header {
	font-family: 'latolight', Arial, Helvetica, sans-serif;	
	font-size: 46px;
	color: #8e2c09;
	line-height: 48px;
	margin-bottom: 20px;
}

h2 {
	font-family: 'latoregular', Arial, Helvetica, sans-serif;	
	font-size: 38px;
	color: #f2ab01;
	line-height: 42px;
	margin-bottom: 20px !important;
}

h3 {
	font-family: 'latoregular', Arial, Helvetica, sans-serif;	
	font-size: 26px;
	color: #f2ab01;
	line-height: 30px;
	margin-bottom: 10px;
}

h4 {
	font-family: 'latobold', Arial, Helvetica, sans-serif;	
	font-size: 17px;
	color: #444444;
	padding-bottom: 5px;	
}



ul {
	margin-left: 15px;
	margin-bottom: 25px;
}

ol {
	margin-left: 20px;
	margin-bottom: 25px;
}

	ul li {
		list-style: outside disc;
		padding: 0px 0 0px 0;
	}
	
	ol li {
		list-style: outside decimal;
		padding: 0px 0 0px 0;
	}
	

img {
	border: 0;
	margin: 0;
	padding: 0;
}

p.intro {
	margin: 0;
	font-family: 'latobold', Arial, Helvetica, sans-serif;	
	font-size: 22px;
	color: #444444;
	line-height: 30px;
	margin-bottom: 25px;
}

p {
	margin: 0;
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	/*font-family: Arial, sans-serif;	*/
	font-size: 17px;
	color: #444444;
	line-height: 24px;
	margin-bottom: 25px;

}
br {

}
hr {
	padding: 0px;
	margin: 0px;
	height: 0px;
	border: none;
	border-bottom: 1px solid #dddddd;
	line-height: 0px;
	font-size: 0px;
	color: #dddddd;
}

.m-divider {
	display: none;
	padding: 0px;
	margin: 0px;
	height: 0px;
	border: none;
	border-bottom: 1px solid #999999;
	line-height: 0px;
	font-size: 0px;
	color: #999999;
	
	
	width:85%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

table {
	border-collapse: collapse;	
}

a:link, a:visited, a:active {
	color: #fd7b01;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

sup, sub {
	line-height: 0px;
	font-size: 80%;
	*line-height: 5px;
	*vertical-align: top;	
}

.clear {
	clear: both;
	height: 1px;
	
	/* IE HACK */
	font-size: 0px;
	line-height: 0px;
	
	_display: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.inside {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

.footnote {
	font-size: 12px;
	font-style: italic;
	color: #999999;	
	line-height: 18px;
	margin-top: 20px;
}

.date {
	display: inline-block;
	margin: 0;
	font-family: 'latobold', Arial, Helvetica, sans-serif;	
	font-size: 17px;
	color: #444444;
	padding-bottom: 5px;
}


.btn, a.btn {
	display: inline-block !important;
	
	font-family: 'latobold', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff !important;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 34px;
	height: 34px;
	
	background: #fd7b01;
	
	/*
	background: #fd7b01;
	background: linear-gradient(top , #ff9504 0%, #fd7800 100%);
	background: -moz-linear-gradient(top , #ff9504 0%, #fd7800 100%);
	background: -webkit-linear-gradient(top , #ff9504 0%, #fd7800 100%);
	*/
}

	.btn:hover, a.btn:hover {
		color: #ffffff !important;
		background: #efad00;
		text-decoration: none;
		cursor: pointer;
	}
	
	
.addthis_button,
.addthis_button_twitter,
.addthis_button_tweet,
.addthis_button_facebook,
.addthis_button_fblike,
.addthis_button_pinterest,
.addthis_button_pinit {
	filter: none !important;
	opacity: 1 !important;	
}
	
	
@media (max-width: 720px) {
	
	html, body {
		min-height: 0;
		min-width: 0;
	}
	
	.inside {
		width: 100%;	
	}
	
	h1, .primary-header {
		font-size: 42px;
		line-height: 44px;
		margin-bottom: 20px;
	}
	
	h2 {	
		font-size: 32px;
		line-height: 34px;
		margin-bottom: 20px;
	}
	
	h3 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	
	p.intro {
		font-size: 19px;
		line-height: 27px;	
	}
	
	p {
		font-size: 14px;
		line-height: 20px;	
	}
	
	.m-divider {
		display: block;
	}
	
	.footnote {
		width: 85%;
		margin: 0 auto;
	}
	
		.footnote li {
			margin-left: 15px;
		}
		
	.date {
		display: inline-block;
		margin: 0;
		font-family: 'latobold', Arial, Helvetica, sans-serif;	
		font-size: 14px;
		color: #444444;
		padding-bottom: 2px;
	}
		
}

	
	
/* STRUCTURE  */

#fc-wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;	
}

/* Header */

#fc-header {
	position: relative;
	width: 100%;
	height: 150px;	
}

	#logo {
		position: absolute;	
		top: 12px;
		left: 0px;
	}
	
	#logo img {
		height: 85px;	
	}
	
	#m-logo {
		display: none;	
	}
		

/* Header */
		
@media (max-width: 720px) {
	
	#fc-header {
		position: relative;
		width: 100%;
		height: 80px;
		background: #222222 url('../_img/bg_m_header.png') repeat-x;	
	}
	
		#logo {
			display: none;
		}
		
		#m-logo {
			position: absolute;
			display: block;	
			top: 10px;
			left: 20px;
		}
		
			#m-logo img {
				height: 60px;	
			}
			
}


/* Nav */

#m-search, #m-menu {
	display: none;	
}
		
		
#fc-mainnav {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	height: 110px;	
	background: #f4f1e8;
}

	#nav-holder {
		display: block;
		position: relative;
	}
	
	#search-holder {
		display: none;
	}

	ul.mainnav {
		margin-top: 62px;
		float: right;
	}
	
		ul.mainnav li {
			margin: 0;
			padding: 0;
			
			float: left;
			font-family: 'latobold', Arial, Helvetica, sans-serif;	
			font-size: 22px;
			color: #ffffff;
			line-height: 40px;
			list-style: none;
			
				
		}
		
		ul.mainnav li a {
			color: #555555;
			margin-left: 30px;
		}
		
		ul.mainnav li a.selected, ul.mainnav li a.selected:hover {
			color: #fd7b01;
		
		}
		
			ul.mainnav li a:hover {
				color: #efad00;
				text-decoration: none;
			}

	
#fc-topnav {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	background: #222222 url('../_img/bg_topnav.png') repeat-x;	
}

	ul.topnav {
		margin: 0;
		padding: 0;
		float: right;
	}
	
		ul.topnav li {
			margin: 0;
			padding: 0;
			
			float: left;
			font-family: 'latobold', Arial, Helvetica, sans-serif;	
			font-size: 13px;
			color: #ffffff;
			line-height: 40px;
			list-style: none;
			
				
		}
		
		ul.topnav li a {
			color: #ffffff;
			margin-left: 20px;
		}
		
		ul.topnav li a:hover {
			color: #efad00;
			text-decoration: none;	
		}
		
		#donate-btn a {
			display: inline-block;
			height: 29px;
			background: #fd7b01;
			line-height: 29px;
			/*color: #fd7b01;*/
			color: #ffffff;
			margin-top: 4px;
			padding: 0 15px 0 14px;
		}
		
			#donate-btn a:hover {
				background: #efad00;
			}
			
	/* Site Search */
		
		
	#site-search {
		display: block;
		float: right;	
		margin-left: 10px;
		margin-top: 1px;
	}
	/* Disables standard Drupal search buttons in the headers. */
	#site-search #edit-submit,INPUT#edit-submit--2.form-submit  {
		display:none;
	}
	input#edit-search-block-form--4, input#edit-search-block-form--2, .site-search-field {
		border: 0;	
		padding: 6px !important;
		color: #ffffff;
		width: 180px;
		font-style: italic;
		font-weight: normal;
		font-size: 12px;
		background: #888888 url('../_img/icon_d_search.png') no-repeat;
		background-position: right center;
	}
		
#fc-partners {
	width: 100%;
	height: 25px;
	background: #bbbbbb;	
}

#fc-secondarynav {
	width: 100%;
	height: 45px;
	background: #e9deca;
	/*border-bottom: 1px solid #ffffff;	*/
}

	ul.secondarynav {
		margin: 0;
		padding: 0;
	}
	
		ul.secondarynav li {
			margin: 0;
			padding: 0;
			
			float: left;
			font-family: 'latobold', Arial, Helvetica, sans-serif;	
			font-size: 13px;
			color: #ffffff;
			line-height: 45px;
			list-style: none;
			
				
		}
		
		ul.secondarynav li a {
			color: #972604;
			margin-right: 20px;
		}
		
		ul.secondarynav li a.selected, ul.secondarynav li a.selected:hover {
			color: #000000;
		
		}
		
		ul.secondarynav li a:hover {
			color: #333333;
			text-decoration: none;	
		}
	
			
/* Nav */

@media (max-width: 720px) {
	
	#m-search, #m-menu {
		display: block;	
	}
	
	#m-search {
		position: absolute;
		top: 40px;
		right: 60px;
		width: 30px;
		height: 30px;
		background: url('../_img/icon_search.png') no-repeat center top;
		background-size: 100%;	
	}
	
	#m-menu {
		position: absolute;
		top: 40px;
		right: 20px;
		width: 30px;
		height: 30px;
		background: url('../_img/icon_menu.png') no-repeat center top;
		background-size: 100%;	
	}
	
	#nav-holder {
		display: none;	
		width: 100%;
		position: absolute;
		top: 80px;
		z-index: 500;
		background: #666666;
	}
	
	#search-holder {
		display: none;	
		width: 100%;
		position: absolute;
		top: 80px;
		z-index: 500;
		background: #666666;
	}
		
	#fc-mainnav {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		background: none;
	}

		ul.mainnav {
			margin: 0;
			padding: 0;
			float: none;
		}
		
			ul.mainnav li {
				margin: 0;
				padding: 0;				
				float: none;
				font-size: 22px;
				list-style: none;
				width: 85%;
				margin: 0 auto;
				line-height: 45px;
				border-bottom: 1px solid #efad00;
					
			}
			
			ul.mainnav li a {
				color: #ffffff !important;
				margin: 0px;
			}
			
				ul.mainnav li a:hover {
					color: #efad00 !important;
					text-decoration: none;
				}

		
	#fc-topnav {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		background: none;	
	}
	
		ul.topnav {
			float: none;
			padding: 0px 0 20px 0;			
		}
		
			ul.topnav li {
				margin: 0;
				padding: 0;
				
				float: none;
				font-size: 15px;
				color: #cccccc;
				line-height: 32px;
				list-style: none;
				width: 85%;
				margin: 0 auto;
				
				border-bottom: 1px solid #888888;
				
				
					
			}
			
			ul.topnav li a {
				color: #cccccc;
				margin: 0px;
			}
			
		#donate-btn a {
			padding: 0;
			color: inherit;
			background: none;
		}
		
			#donate-btn a:hover {
				color: #efad00;
				background: none;
			}
			
		#fc-topnav #site-search {
			display: none;	
		}
		
		
		/* Site Search */
		
		#m-site-search {
			position: relative;	
			width: 100%;
		}
		
		#m-site-search td {
			padding: 8px 20px 0px 20px;
		}
			
		#m-site-search .site-search-field, #m-site-search input#edit-search-block-form--4 {
			padding: 6px;
			width: 100%;
			font-size: 18px;
		}
			
			
	#fc-partners {
		display: none;	
	}
	
	#fc-secondarynav {
		display: none;	
	}
	
}

@media (min-width: 720px) {
	#nav-holder {
		display: block !important;
	}
}
			

/* Sub Nav */
		
ul.sidenav, ul.sidenav li, ul.subsidenav, ul.subsidenav li, ul.subsubsidenav, ul.subsubsidenav li {
	padding: 0;
	margin: 0;
	list-style: none;
}

	ul.sidenav {
		margin-bottom: 20px;
		border-bottom: 1px solid #000000;
		width:220px;
	}

	.page-voices .subsidenav li a {
padding-left: 33px !important;
background-position: left 4px;
}
	
		ul.sidenav li {
			border-top: 1px solid #000000;
		}
		
		ul.menu {
			padding:0;
		}
		
ul.sidenav li a, ul.sidenav li h4, ul.menu li.menu__item a {
	display: inline-block;
	font-family: 'latobold', Arial, Helvetica, sans-serif;	
	font-size: 17px;
	color: #333333;
	line-height: 24px;
	list-style: none;
	padding: 15px 0 15px 0;
}
ul.sidenav li a:hover {
	text-decoration:none;
}
		
ul.menu {
	border-bottom: 1px solid #000000;
	margin-bottom:0px;
	padding-bottom:0px;
	width:220px;
	float:left;
}

ul.menu ul.menu, ul.menu ul.menu ul.menu, ul.menu ul.menu ul.menu ul.menu ul.menu, ul.menu ul.menu ul.menu ul.menu ul.menu ul.menu{
			border-bottom: none;
			margin-bottom:0px;
			padding-bottom:0px;
}	
		
		ul.menu li.menu__item  {
			border-top: 1px solid #000000;
			list-style:none;
		}
		ul.menu ul.menu li.menu__item {
			border-top: none;
			list-style:none;
		}
		
		a.active {color:#f2ab01 !important;}

		ul.menu ul.menu li.menu__item a {
			font-family: 'latobold', Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #9c2500;
			line-height: 20px;
			list-style: none;
			padding: 7px 0 7px 0;
		}


		
		
		ul.menu ul.menu ul.menu li.menu__item a {
			color: #555555;
		}
		
		
		ul.menu ul.menu ul.menu li.menu__item {
			padding-left:15px;
		}
		
	ul.subsidenav {
		margin-bottom: 10px;	
		margin-top: -10px;
	}
		
		ul.subsidenav li {
			border: none;
		}
		
			ul.subsidenav li a {
				padding: 0;
				font-family: 'latobold', Arial, Helvetica, sans-serif;	
				font-size: 14px;
				color: #9c2500;
				line-height: 20px;
				list-style: none;
				padding: 7px 0 7px 0;
			}
		
	ul.subsubsidenav {
		margin-bottom: 5px;	
	}
		
		ul.subsubsidenav li {
			border: none;
			margin-left: 15px;
		}
		
			ul.subsubsidenav li a {
				padding: 0;
				font-family: 'latobold', Arial, Helvetica, sans-serif;	
				font-size: 14px;
				color: #555555;
				line-height: 20px;
				list-style: none;
				padding: 7px 0 7px 0;
			}

/* Content */		
	
#fc-content {
			
}

	#fc-title {
		position: relative;
		width: 100%;
		height: 130px;	
	}
		
		#fc-title .bg {
			position: absolute;
			width: 100%;
			height: 130px;
			background-color: #e9deca;
			background-position: right top;
			background-repeat: no-repeat;
		}
	
		#fc-title h1, .primary-header {
			position: absolute;
			top: 36px;
			margin: 0 auto;
		}
	
	
	.content-left {
		margin-top: 40px;
		float: left;
		width: 630px;	
	}
	
	.full .content-left {
		margin-top: 40px;
		float: left;
		width: 940px;	
	}
	
	.content-left-flipped {
		margin-top: 40px;
		float: left;
		width: 220px;	
	}
	
	.content-right {
		margin-top: 40px;
		float: right;
		width: 220px;	
	}
	
	.content-right-flipped {
		margin-top: 40px;
		float: right;
		width: 630px;	
	}
	
	
	/* grids */
	
	.two-grid, .two-grid li {
		padding: 0;
		margin: 0;
		list-style: none;	
	}
	
		.two-grid {	
			margin-left: -30px;
		}
	
		.two-grid li {
			float: left;
			margin-left: 30px;
			margin-bottom: 40px;	
		}
		
		.two-grid li a {
			display: block;
			width: 300px;
			height: 215px;
			overflow: hidden;
			background: #fd7b01;
			
			font-family: 'latoregular', Arial, Helvetica, sans-serif;
			font-size: 14px;
			line-height: 19px;
			color: #ffffff;
				
		}
		
			.two-grid li a:hover {
				background: #efad01;
				text-decoration: none;
			}
		
			.two-grid li a span {
				display: block;
				padding: 10px;	
			}
		
			.two-grid li .image {
				width: 300px;
				height: 155px;
				overflow: hidden;
			}
		
			.two-grid li img {
				width: 300px;
				border: none;		
			}
			
			
	.four-grid, .four-grid li {
		padding: 0;
		margin: 0;
		list-style: none;	
	}
	
		ul.four-grid {	
			margin-left: -22px;
		}
	
		.four-grid li {
			float: left;
			margin-left: 22px;
			margin-bottom: 40px;
			background-color: #fd7b01;
			width:140px;
			height:235px;
			
		}
		
		.four-grid li a {
			display: block;
			/*width: 140px;
			height: 235px;*/
			overflow: hidden;
			background: #fd7b01;
			
			font-family: 'latoregular', Arial, Helvetica, sans-serif;
			font-size: 14px;
			line-height: 19px;
			color: #ffffff;
				
		}
		
			.four-grid li a:hover {
				background: #efad01;
				text-decoration: none;
			}
		
			.four-grid li a span, .four-grid li span a {
				display: block;
				padding: 10px;	
			}
		
			.four-grid li .image {
				width: 140px;
				height: 155px;
				overflow: hidden;
			}
		
			.four-grid li img {
				width: 140px;
				border: none;		
			}
			
			
	/* related voice */
	
	ul.voices, ul.voices li {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
		ul.voices h4 {
			font-family: 'latobold', Arial, Helvetica, sans-serif;	
			font-size: 17px;
			color: #333333;
			line-height: 24px;
			list-style: none;
			padding: 15px 0 15px 0;
		}
	
		ul.voices {
			margin-bottom: 20px;
		}
	
			ul.voices li {
	
			}
			
			ul.voices li a {
				display: block;
				font-family: 'latobold', Arial, Helvetica, sans-serif;	
				font-size: 14px;
				color: #efad01;
				line-height: 20px;
				list-style: none;
				padding: 14px;
				background: #222222;
				border: 5px solid #444444;
				margin-bottom: 10px;
				
				box-sizing: border-box;
				 -webkit-box-sizing:border-box;
				 -moz-box-sizing: border-box;
			}
			
				ul.voices li a:hover {
					color: #fd7b01;
					text-decoration: none;
				}
				
				
	/* gallery */
	
	#page-gallery {
		margin-top: 30px;	
		margin-bottom: 90px;
	}
	
		.flex-control-thumbs {
			width: 65px;
			height: 70px;
			overflow: hidden;	
		}
	
		.flex-control-thumbs li {
			display: inline-block;
			width: 64px;
			height: 64px;	
			margin-right: 13px  !important;
			overflow: hidden;
			/*border: 3px solid #222222;*/
		}
			
			.flex-control-thumbs img {
				margin: 0;
				padding: 0;
				display: inline-block;
				height: 64px;	
			}
			
			.flex-control-thumbs .flex-active {
				opacity: 0.5;
			}
			
			.flex-control-thumbs li:hover {
				cursor: pointer;	
			}
	
	
	
/* Content */
	
@media (max-width: 720px) {
	
	#fc-title {
		position: relative;
		width: 100%;
		height: auto;	
	}
		
		#fc-title .bg {
			display: none;
			/*position: relative;
			height: 145px;*/
			background: none !important;
		}
	
		#fc-title h1, .primary-header {
			display: block;
			position: relative;
			top: 0;
			left: 0;
			width: 85%;
			height: auto;
			margin: 0 auto;
			padding: 30px 0 0px 0;
		}
	
	.content-left, .full .content-left, .content-right, .content-left-flipped, .content-right-flipped {
		width: 85%;
		float: none;
		margin: 0 auto;	
		margin-top: 30px;
	}
	
	/* grids */
	
		.two-grid {	
			margin-left: -20px;
		}
		
			.two-grid li {
				float: left;
				margin-left: 20px;
				margin-bottom: 30px;	
			}
			
			.two-grid li a {
				display: block;
				width: 125px;
				height: 165px;
				overflow: hidden;
				background: #fd7b01;
				
				font-family: 'latoregular', Arial, Helvetica, sans-serif;
				font-size: 14px;
				line-height: 19px;
				color: #ffffff;
					
			}
		
			.two-grid li a span {
				display: block;
				padding: 10px;	
			}
		
			.two-grid li .image {
				width: 125px;
				height: 65px;
				overflow: hidden;
			}
		
			.two-grid li img {
				width: 125px;
				border: none;		
			}
			
		.four-grid {	
			margin-left: -20px;
		}
		
			.four-grid li {
				float: left;
				margin-left: 20px;
				margin-bottom: 30px;	
			}
			
			.four-grid li a {
				display: block;
				width: 125px;
				height: 215px;
				overflow: hidden;
				background: #fd7b01;
				
				font-family: 'latoregular', Arial, Helvetica, sans-serif;
				font-size: 14px;
				line-height: 19px;
				color: #ffffff;
					
			}
		
			.four-grid li a span, .four-grid li span a  {
				display: block;
				padding: 10px;	
			}
		
			.four-grid li .image {
				width: 125px;
				height: 138px;
				overflow: hidden;
				text-align: center;
			}
		
			.four-grid li img {
				width: 125px;
				border: none;		
			}
			
			
	/* related voice */

	ul.voices li a {
		width: 100%;
	}
	
	/* gallery */
	
	#page-gallery {
		margin-top: 30px;	
		margin-bottom: 30px;
	}
	
	.flex-control-thumbs {
		display: none;	
	}
	
}


/* HOME */

/* ****************************************************************************************************************** */

#fc-home {
	
}

	#home-banner {
		width: 100%;
		height: 270px;
		background: url('../_img/bg_home_banner.jpg') no-repeat top right;	
	}
	
		#home-banner h1, #home-banner h3 {
			width: 470px;
		}
	
		#home-banner h3 {
			font-size: 24px;
			line-height: 32px;
			color: #fd7b01;
			padding-top: 50px;
			padding-bottom: 0px;	
		}
	
	#home-quilt #sort-holder {
		background: #e9deca;
		margin-bottom: 10px;
	}
	
		#quilt-sorts, #quilt-sorts li {
			list-style: none;
			margin: 0;
			padding: 0;	
		}
		
		#quilt-sorts {
			padding-top: 20px;
			padding-bottom: 20px;	
		}
		
			#quilt-sorts h4 {
				margin-bottom: 5px;	
			}
		
			#quilt-sorts li a {
				display: block;
				width: 200px;
				height: 30px;
				float: left;	
				
				font-family: 'latobold', Arial, Helvetica, sans-serif;
				color: #972604;
				text-transform: uppercase;
				line-height: 24px;
				font-size: 11px;
				padding-left: 30px;
			}
			
			#quilt-sorts li a.sortselected {
				color: #fd7b01;
				background-position: left -100px;
			}
			
				#quilt-sorts li a:hover {
					color: #fd7b01;
					text-decoration: none;	
				}
			
		#filter-all {
			background-image: url('../_img/icon_sort_all.png');
			background-repeat: no-repeat;	
		}			
			
		#filter-abolition {
			background-image: url('../_img/icon_sort_abolition.png');
			background-repeat: no-repeat;	
		}
		
		#filter-exhibits {
			background-image: url('../_img/icon_sort_exhibits.png');
			background-repeat: no-repeat;	
		}
		
		#filter-education {
			background-image: url('../_img/icon_sort_education.png');
			background-repeat: no-repeat;	
		}
		
		#filter-news {
			background-image: url('../_img/icon_sort_news.png');
			background-repeat: no-repeat;	
		}
		
		#filter-events {
			background-image: url('../_img/icon_sort_events.png');
			background-repeat: no-repeat;	
		}
		
		#filter-historical {
			background-image: url('../_img/icon_sort_historical.png');
			background-repeat: no-repeat;	
		}
		
		#filter-programs {
			background-image: url('../_img/icon_sort_programs.png');
			background-repeat: no-repeat;	
		}
		
		#filter-experience {
			background-image: url('../_img/icon_sort_experience.png');
			background-repeat: no-repeat;	
		}
		
		#filter-connections {
			background-image: url('../_img/icon_sort_connections.png');
			background-repeat: no-repeat;	
		}
		
		#filter-social {
			background-image: url('../_img/icon_sort_social.png');
			background-repeat: no-repeat;	
		}
	
	
	#home-quilt #feed-holder {
		padding: 20px;
		padding-top: 0px;
		padding-right: 0px;
	}
	
		.feed-item {
			width: 220px;
			height: auto;
			margin: 10px;
			float: left;
			position: relative;
			color: #222;
			z-index:4;
		}
		.feed-item .text {
			padding: 15px 25px 15px 15px;
		}
		
		.feed-item .datetime {
			display: block;
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			font-style: italic;
			line-height: 17px;
			color: #999999;
			margin-bottom: 5px;
		}
		
		.feed-item h3, .feed-item h3 a {
			font-family: 'latobold', Arial, Helvetica, sans-serif;
			font-size: 18px;
			line-height: 24px;
			color: #ffffff;
		}
		
		.feed-item p {
			font-size: 14px;
			line-height: 20px;
			color: #999999;
		}
		
		.feed-item img {
			width: 100%;	
		}
		
		.feed-item .feed-category {
			font-family: 'latobold', Arial, Helvetica, sans-serif;
			padding-left: 30px;
			line-height: 24px;
			font-size: 11px;
			color: #787878;	
			margin-top: 3px;
			text-transform: uppercase;
		}

		
	/* feed types */
	
	.single {	
		background: #222222;
		width: 220px;
		/*border: 5px solid #444444;*/
	}	
		.single p {
			color: #cccccc;
		}
		
		.single .feed-category {
			background-position: left -100px;	
		}
		
	.double {	
		background: #222222;
		width: 460px;
		/*border: 5px solid #444444;*/
	}	
		.double p {
			color: #cccccc;
		}
		
		.double .feed-category {
			background-position: left -100px;	
		}
		
	.twitter {	
		background: #e5f0f6;
		width: 210px;
		border: 5px solid #c3d9e6;
	}	
		.twitter p {
			color: #333333;
		}
		
		.twitter .feed-category {
			background-position: left -100px;	
		}
		
		.icon-feed-twitter {
			display: block;
			position: absolute;
			right: 15px;
			bottom: 15px;	
			background: url('../_img/icon_feed_twitter.png') no-repeat;
			width: 24px;
			height: 24px;
		}
		
	.facebook {	
		background: #e7ebf2;
		width: 210px;
		border: 5px solid #c4cde0;
	}	
	
		.facebook p {
			color: #333333;
		}
		
		.facebook .feed-category {
			background-position: left -100px;	
		}
		
		.icon-feed-facebook {
			display: block;
			position: absolute;
			right: 15px;
			bottom: 15px;	
			background: url('../_img/icon_feed_facebook.png') no-repeat;
			width: 24px;
			height: 24px;
		}
		
	.quote {	
		background: #ffffff;
		width: 210px;
		border: 5px solid #dddddd;
	}	
	
		.quote p {
			font-family: 'latoregular', Arial, Helvetica, sans-serif;
			font-size: 22px;
			font-style: italic;
			line-height: 30px;
			color: #972604;
			text-indent: -7px;
			margin-bottom: 10px;
		}
		
		.quote .byline {
			display: block;
			text-align: left;
			text-indent: -7px;
			margin-left: 7px;
			margin-bottom: 20px;	
		}
		
		.quote .post-twitter {
			display: block;
			background-image: url('../_img/icon_feed_twitter.png');
			background-repeat: no-repeat;	
			
			font-family: 'latobold', Arial, Helvetica, sans-serif;
			padding-left: 30px;
			line-height: 24px;
			font-size: 11px;
			color: #787878;	
			margin-top: 3px;
			text-transform: uppercase;
		}
		
		
	.calendar {	
		background: #e8e8e8;
		width: 210px;
		border: 5px solid #cccccc;
	}	
	
		.calendar .datetime {
			color: #fd7b01;
			font-family: 'latobold', Arial, Helvetica, sans-serif;
			font-size: 18px;
			font-style: normal;
			line-height: 24px;
			margin-bottom: 0px;
		}
		
		.calendar h3, .calendar h3 a {
			color: #333333;
		}
		
		.calendar p {
			color: #666666;
		}
		
		.calendar .feed-category {
			background-position: left -100px;	
		}
		
	.connected {	
		width: 220px;
	}
	
		.connected p {
			color: #ffffff;	
		}
	
		.connected .one {
			background: #952800;	
		}
		
		.connected .two {
			background: #fd7b01;	
		}
		
		.connected .feed-category {
			color: #ffffff;
			background-position: 0 -50px;	
		}
		
		
	/* sort icons */
	
	.cat-abolition {
		background-image: url('../_img/icon_sort_abolition.png');
		background-repeat: no-repeat;	
	}
	
	.cat-exhibits {
		background-image: url('../_img/icon_sort_exhibits.png');
		background-repeat: no-repeat;	
	}
	
	.cat-education {
		background-image: url('../_img/icon_sort_education.png');
		background-repeat: no-repeat;	
	}
	
	.cat-news {
		background-image: url('../_img/icon_sort_news.png');
		background-repeat: no-repeat;	
	}
	
	.cat-events {
		background-image: url('../_img/icon_sort_events.png');
		background-repeat: no-repeat;	
	}
	
	.cat-historical {
		background-image: url('../_img/icon_sort_historical.png');
		background-repeat: no-repeat;	
	}
	
	.cat-programs {
		background-image: url('../_img/icon_sort_programs.png');
		background-repeat: no-repeat;	
	}
	
	.cat-experience {
		background-image: url('../_img/icon_sort_experience.png');
		background-repeat: no-repeat;	
	}
	
	.cat-connections {
		background-image: url('../_img/icon_sort_connections.png');
		background-repeat: no-repeat;	
	}
	
	.cat-social {
		background-image: url('../_img/icon_sort_social.png');
		background-repeat: no-repeat;	
	}
	
	
#home-visit {
	height: 600px;
	width: 100%;
	margin-bottom: -100px;	
	background: #f4f1e8 url('../_img/bg_home_building.jpg') no-repeat bottom left;
}

	#home-visit .layer2 {
		position: absolute;
		top: 80px;
		left: 295px;
		width: 650px;
		height: auto;
		z-index: 200;
		
	}
	
		#home-visit .layer2 h2 {		
			font-family: 'latolight', Arial, Helvetica, sans-serif;	
			font-size: 60px;
			color: #8e2c09;
			line-height: 62px;
			text-align: right;
			margin-bottom: 50px;
		}
		
		#home-visit .layer2 p {
			font-size: 22px;
			line-height: 30px;
			color: #fd7b01;
		}
		
		#home-visit .visit-info {
			width: 220px;
			height: 160px;
			float: right;
			
			font-family: 'latoregular', Arial, Helvetica, sans-serif;	
			font-size: 15px;
			line-height: 23px;	
		}
		
		#home-visit .visit-info h4, #home-visit .visit-info h4 a {
			font-family: 'latobold', Arial, Helvetica, sans-serif;	
			color: #972604;	
		}
		
		#home-visit .visit-info strong {
			font-family: 'latobold', Arial, Helvetica, sans-serif;	
			font-weight: normal;
			color: #000000;	
		}
		
		
	@media (max-width: 720px) {
		
		#home-banner {
			width: 100%;
			height: auto;
			background: url('../_img/bg_home_banner.jpg') no-repeat top right;
			background-size: auto 180px;
		}
		
			#home-banner h1, #home-banner h3 {
				width: 85%;
				margin: 0 auto;
			}
		
			#home-banner h3 {
				font-size: 24px;
				line-height: 32px;
				color: #fd7b01;
				padding-top: 200px;
				padding-bottom: 0px;	
			}
			
			#home-banner h1 {
				margin-bottom: 20px;	
			}
			
		#home-quilt #sort-holder {
			margin-bottom: 20px;	
		}
			
			#quilt-sorts {
				padding-top: 15px;
				padding-bottom: 10px;
			}
		
			#home-quilt #sort-holder li {
				display: none;
			}
		
			#home-quilt #sort-holder h4 {
				width: 85%;
				margin: 0 auto;
				font-size: 22px;
				line-height: 30px;
			}
			
		
		#home-quilt #feed-holder {
			padding: 0;
			margin: 0;
			width: 85%;
			margin: 0 auto;
			margin-bottom: 30px;
		}
		
			.feed-item {
				width: 100%;
				height: auto;
				margin: 0;
				float: left;
				position: relative;
				color: #222;
				z-index:4;
				
				margin-bottom: 20px;
				box-sizing: border-box;
				-webkit-box-sizing:border-box;
				-moz-box-sizing: border-box;
			}
		
		#home-visit {
			width: 100%;
			height: auto;
			background: #f4f1e8;
			overflow: hidden;
			background-position: center -80px;
			background-size: auto 180px;
			
			padding-bottom: 20px;
			margin-bottom: -50px;	
		}
	
		#home-visit .layer2 {
			position: relative;
			top: 0;
			left: 0;
			width: 85%;
			height: auto;
			margin: 0 auto;
			padding-top: 20px;
		}
		
			#home-visit .layer2 h2 {
				margin: 0;
				padding: 0;
				font-size: 42px;
				line-height: 44px;
				margin-bottom: 20px;
				text-align: left;
			}
			
			#home-visit .visit-info {
				float: none;
				height: auto;
				margin-bottom: 30px;	
			}
		
	}



/* LANDING PAGES */

/* ****************************************************************************************************************** */
#fc-enabling {
	position:relative;
	top:-1px;
}

#enabling-millions {
	width: 100%;
	height: 450px;
	background: #ffffff;
	overflow: hidden;
	float:left;
}

	#enabling-millions .layer1 {
		position: absolute;
		top: 0px;
		left: -300px;
		width: 1200px;
		height: 450px;
		background: url('../_img/bg_enabling_millions_layer1.jpg') no-repeat top center;
		background-size: 100%;
		z-index: 100;
		
	}
	
	#enabling-millions .layer2 {
		position: absolute;
		top: 0px;
		right: -350px;
		width: 1000px;
		height: 430px;
		background: url('../_img/bg_enabling_millions_layer2.png') no-repeat top center;
		z-index: 200;
		
	}
	
	
	#enabling-millions .layer3 {
		position: absolute;
		top: 50px;
		left: 0px;
		width: 310px;
		height: 400px;
		z-index: 300;
		
	}
	
		#enabling-millions .layer3 p {
			padding-top: 15px;	
		}
		
	
	@media (max-width: 720px) {
		#enabling-millions {
			width: 100%;
			height: auto;
			background: #ffffff;
			overflow: hidden;	
		}
		
		#enabling-millions .layer1 {
			display: none;	
			background: none;
		}
		
		#enabling-millions .layer2 {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 180px;
			background-position: center -40px;
			background-size: 200%;
		}
		
		#enabling-millions .layer3 {
			position: relative;
			top: 0;
			left: 0;
			width: 85%;
			height: auto;
			
			margin: 0 auto;
			margin-top: 30px;
			text-align: center;
		}
		
			#enabling-millions .layer3 img {
				max-width: 140px;	
			}
		
			#enabling-millions .layer3 p {
				padding-top: 15px;	
			}
	
	}
	
	
#enabling-heroes {
	width: 100%;
	height: 450px;
	overflow: hidden;	
	margin-top: 30px;
}

	#enabling-heroes .layer1 {
		position: absolute;
		top: 55px;
		left: 180px;
		width: 840px;
		height: 390px;
		background: url('../_img/bg_enabling_millions_layer1.jpg') no-repeat top center;
		z-index: 100;
	}

	#enabling-heroes .layer2 {
		position: absolute;
		top: 0px;
		left: -130px;
		width: 840px;
		height: 330px;
		background: url('../_img/bg_enabling_heroes_layer2.png') no-repeat top center;
		z-index: 200;
	}
	
	#enabling-heroes .layer3 {
		position: absolute;
		top: 250px;
		left: 320px;
		width: 700px;
		height: 165px;
		background: url('../_img/bg_enabling_heroes_layer3.png') no-repeat top center;
		z-index: 300;
	}
	
		#enabling-heroes .layer3  h2 {
			position: absolute;
			top: 40px;
			left: 86px;
			font-family: 'latolight', Arial, Helvetica, sans-serif;	
			font-size: 82px;
			color: #ffffff;
		}
		
		#enabling-heroes .layer3  h3 a {
			display: block;
			position: absolute;
			top: 105px;
			left: 90px;
			font-family: 'latobold', Arial, Helvetica, sans-serif;	
			font-size: 29px;
			color: #efad01;
		}
		
		.heroes-left p {
			text-align: center;
			font-size: 14px;
			line-height: 20px;
			padding-top: 5px;
		}
		
		#fc-enabling .content-left-flipped {
			width: 290px;	
		}
		
		#fc-enabling .content-right-flipped {
			width: 560px;
		}
		
	@media (max-width: 720px) {
		#enabling-heroes {
			width: 100%;
			height: auto;
			background: #ffffff;
			overflow: hidden;	
		}
		
		#enabling-heroes .layer1 {
			display: none;	
			background: none;
		}
		
		#enabling-heroes .layer2 {
			padding: 0;
			margin: 0;
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 180px;
			background-position: center -40px;
			background-size: 200%;
		}
		
		#enabling-heroes .layer3 {
			padding: 0;
			margin: 0;
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 110px;
			background: #777777;
		}
		
			#enabling-heroes .layer3 h2 {
				position: relative;
				top: 0;
				left: 0;
				width: 85%;
				margin: 0 auto;	
				font-size: 46px;
				/*line-height: 48px;*/
				padding-top: 20px;
			}
			
			#enabling-heroes .layer3 h3 a {
				position: relative;
				top: 0;
				left: 0;
				width: 85%;
				margin: 0 auto;
				font-size: 24px;	
				padding-top: 8px;
			}
			
			#fc-enabling .content-left-flipped img {
				max-width: 190px;	
			}
			
			#fc-enabling .content-left-flipped, #fc-enabling .content-right-flipped {
				width: 	85%;
				margin: 0 auto;
			}
			
			#fc-enabling .content-left-flipped {
				width: 	85%;
				margin: 0 auto;
				text-align: center;
				padding: 30px 0 20px 0;
			}
		
	}
	
	
#enabling-journey {
	width: 100%;
	height: 570px;
	overflow: hidden;	
	background: #000000 url('../_img/bg_enabling_journey_layer1.jpg') no-repeat top center;
	margin-top: 60px;
}

	#enabling-journey .layer1 {
		width: 450px;	
		margin: 0 auto;
		padding-top: 100px;
		text-align: center;
	}
	
		#enabling-journey .layer1 h2 {
			font-size: 82px;
			line-height: 84px;	
		}
	
		#enabling-journey .layer1 p {
			font-size: 22px;
			line-height: 30px;
			color: #ffffff;	
		}
		
		.journey-right {
			width: 290px;	
		}
		
			.journey-right p {
				text-align: center;
				font-size: 14px;
				line-height: 20px;
				padding-top: 5px;
			}
		
		.journey-left {
			width: 560px;
		}
		
		@media (max-width: 720px) {
			
			#enabling-journey {
				width: 100%;
				height: auto;
				overflow: hidden;	
				background: #000000 url('../_img/bg_enabling_journey_layer1.jpg') no-repeat top center;
				background-size: auto 220px;
				margin-top: 10px;
			}
			
			#enabling-journey .layer1 {
				width: 100%;	
				background: #000000;
				margin-top: 200px;
				padding-top: 30px;
				text-align: center;
			}
			
			#enabling-journey .layer1 h2 {
				font-size: 46px;
				line-height: 48px;
			}
			
			#enabling-journey .layer1 p {
				width: 85%;
				margin: 0 auto;
				font-size: 17px;
				line-height: 24px;
				color: #ffffff;	
				padding-bottom: 40px;
			}
			
			.journey-right img {
				max-width: 190px;	
			}
			
			.journey-left {
				width: 	85%;
				margin: 0 auto;
				margin-top: 30px;
			}
			
			.journey-right {
				width: 	85%;
				margin: 0 auto;
				text-align: center;
				padding: 0px 0 20px 0;
			}
			
		}
		
	
/* ****************************************************************************************************************** */


#fc-involved {
	position:relative;
	top:-1px;
}

	#fc-involved .partner-logos {
		margin-bottom: 40px;	
	}
	
	#fc-involved .partner-logos img {
		padding: 5px;
		padding-bottom: 10px;
	}

#involved-become {
	width: 100%;
	height: 450px;
	background: #000000 url('../_img/bg_involved_become_chain.jpg') no-repeat top right;
	overflow: hidden;	
		float:left;
}

	#involved-become .layer1 {
		position: absolute;
		top: 50px;
		left: 0px;
		width: 530px;
		height: auto;
		z-index: 100;
		
	}
	
		#involved-become .layer1 h2 {
			font-family: 'latobold', Arial, Helvetica, sans-serif;
			font-size: 82px;
			line-height: 84px;
			color: #ffffff;	
		}
		
			#involved-become .layer1 h2 span {
				font-family: 'latolight', Arial, Helvetica, sans-serif;		
			}
	
		#involved-become .layer1 p {
			font-size: 22px;
			line-height: 30px;
			color: #efad01;	
		}
		
	@media (max-width: 720px) {
		
		#involved-become {
			width: 100%;
			height: auto;
			overflow: hidden;	
			background: #000000 url('../_img/bg_involved_become_chain.jpg') no-repeat top right;
			background-size: auto 180px;
			margin: 0;
			padding-bottom: 20px;
		}
		
		#involved-become .layer1 {
			position: relative;
			top: 0;
			left: 0px;
			width: 85%;
			height: auto;
			margin: 0 auto;
			
		}
		/*
		#involved-become .inside {
			width: 85%;
			margin: 0 auto;
		}
		*/
		
		#involved-become .layer1 h2 {
			width: auto;
			font-size: 46px;
			line-height: 48px;
			color: #ffffff;
			padding-top: 200px;
		}
		
		#involved-become .layer1 p {
			font-size: 19px;
			line-height: 27px;
			width: auto;
		}
			
	}
		
		
#involved-steps {
	width: 100%;
	height: 400px;
	background: #e9deca;
	overflow: hidden;	
	margin-bottom: 10px;
		float:left;
}

	#involved-steps .layer1 {
		position: absolute;
		background: url('../_img/bg_involved_steps_layer_women.jpg') no-repeat top center;
		top: 0px;
		left: 580px;
		width: 750px;
		height: 400px;
		z-index: 100;
		
	}

	#involved-steps .layer2 {
		position: absolute;
		background: url('../_img/bg_involved_steps_layer_white.png') no-repeat top center;
		top: 0px;
		left: -150px;
		width: 940px;
		height: 400px;
		z-index: 200;
		
	}
	
	#involved-steps .layer3 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 630px;
		z-index: 300;
		
	}

	#involved-steps .involved-stepx {
		float: left;
		width: 180px;
		margin-right: 30px;
		text-align: center;	
		padding-top: 25px;
	}
	
	.involved-stepx h3 {
		font-family: 'latolight', Arial, Helvetica, sans-serif;	
		font-size: 150px;
		line-height: 154px;
		color: #efad01;	
	}
	
	.involved-stepx h4 {
		font-family: 'latobold', Arial, Helvetica, sans-serif;	
		font-size: 36px;
		color: #972604;	
	}
	
	.involved-stepx p {
		font-size: 14px;
		line-height: 20px;
		padding-top: 20px;	
	}
	
	@media (max-width: 720px) {
		
		#involved-steps {
			width: 100%;
			height: auto;
			overflow: hidden;
			padding-bottom: 10px;	
		}
		
		#involved-steps .layer1 {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 200px;
			background-size: 150%;
			margin: 0;
		}
		
		#involved-steps .layer2 {
			background: none;
			display: none;
		}
		
		#involved-steps .layer3 {
			position: relative;
			width: 85%;	
			top: 0;
			left: 0;
			margin: 0 auto;
			padding-top: 10px;
		}
		
			#involved-steps .layer3 p {
				text-align: center;
				border-top: 1px solid #999999;
				padding-top: 20px;
			}
		
		#involved-steps .involved-stepx {
			float: none;
			width: 180px;
			margin: 0 auto;
			text-align: center;	
			padding-top: 0px;
		}
		
			#involved-steps .involved-stepx p {
				border: none;	
			}
			
		#fc-involved .content-left img {
			max-width: 100%;
		}
		
		#fc-involved .partner-logos img {
			max-width: 70px;
		}
		
			
	}
	
	
/* ****************************************************************************************************************** */

#fc-visit {
	position:relative;
	top:-1px;
}

#visit-explore {
	width: 100%;
	height: 550px;
	background: #f4f1e8;
	overflow: hidden;	
	float:left;
}

	#visit-explore .layer1 {
		position: absolute;
		background: url('../_img/bg_visit_explore_building.jpg') no-repeat top center;
		top: 0;
		left: -500px;
		width: 1000px;
		height: 550px;
		z-index: 100;
		
	}

	#visit-explore .layer2 {
		position: absolute;
		top: 110px;
		left: 520px;
		width: 500px;
		height: auto;
		z-index: 200;
		
	}
	
		#visit-explore .layer2 h2 {
			font-family: 'latolight', Arial, Helvetica, sans-serif;	
			font-size: 120px;
			line-height: 124px;
			color: #333333;
			margin-left: -10px;
		}
		
		#visit-explore .layer2 p {
			font-size: 22px;
			line-height: 30px;
			color: #fd7b01;
		}
		
		#visit-explore .visit-info {
			width: 250px;
			float: left;
			
			font-family: 'latoregular', Arial, Helvetica, sans-serif;	
			font-size: 15px;
			line-height: 23px;	
		}
		
		#visit-explore .visit-info h4 {
			font-family: 'latobold', Arial, Helvetica, sans-serif;	
			color: #972604;	
		}
		
		#visit-explore .visit-info strong {
			font-family: 'latobold', Arial, Helvetica, sans-serif;	
			font-weight: normal;
			color: #000000;	
		}
		
		
	@media (max-width: 720px) {
		
		#visit-explore {
			width: 100%;
			height: auto;
			background: #ffffff;
			overflow: hidden;	
		}
		
		#visit-explore .layer1 {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 180px;
			background-position: center -80px;
			background-size: 170%;
		}
	
		#visit-explore .layer2 {
			position: relative;
			top: 0;
			left: 0;
			width: 85%;
			height: auto;
			margin: 0 auto;
			padding-top: 20px;
		}
		
			#visit-explore .layer2 h2 {
				margin: 0;
				padding: 0;
				font-size: 42px;
				line-height: 44px;
				margin-bottom: 10px;
			}
			
			#visit-explore .visit-info {
				float: none;
				margin-bottom: 30px;	
			}
		
	}
		
		
#visit-location {
	width: 100%;
	height: 440px;
	overflow: hidden;	
		float:left;
}

	#visit-location .layer1 {
		position: absolute;
		background: url('../_img/bg_visit_location_map.jpg') no-repeat top center;
		top: 70px;
		left: 360px;
		width: 1000px;
		height: 400px;
		z-index: 100;
		
	}

	#visit-location .layer2 {
		margin-top: 70px;
		float: left;
		width: 380px;
		position:relative;
		z-index:10000;
	}
	
	.directions {
		display: block;
		position: absolute;
		top: 250px;
		left: 665px;
		background: #ffffff;
		
		font-family: 'latobold', Arial, Helvetica, sans-serif;	
		font-size: 17px;
		line-height: 27px;	
		/*border: 1px solid #cccccc;*/
		padding: 10px 20px 10px 20px;
		
		z-index: 400;
	}
	
	@media (max-width: 720px) {
		
		#visit-location {
			width: 100%;
			height: auto;
			background: #ffffff;
			overflow: hidden;	
		}
		
		#visit-location .layer1 {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 180px;
			background-position: center -40px;
			background-size: 170%;
		}
	
		#visit-location .layer2 {
			float: none;
			position: relative;
			top: 0;
			left: 0;
			width: 85%;
			height: auto;
			margin: 0 auto;
			padding-top: 20px;
		}
		
			#visit-location .directions {
				float: none;
				position: relative;
				top: 0;
				left: 0;
				
				font-size: 13px;
				color: #ffffff;
				line-height: 34px;
				height: 34px;
				text-align: center;
				
				background: #fd7b01;
				/*
				background: linear-gradient(top , #ff9504 0%, #fd7800 100%);
				background: -moz-linear-gradient(top , #ff9504 0%, #fd7800 100%);
				background: -webkit-linear-gradient(top , #ff9504 0%, #fd7800 100%);
				*/
				
				border: none;
				text-transform: uppercase;
				
				padding: 0px;
				margin: 0 auto;
			}
			
				#visit-location .directions:hover {
					text-decoration: none;
					background: #efad00;
				}

		
	}
	
#visit-exhibits {
	width: 100%;
	height: 500px;
	margin-top: 30px;
	overflow: hidden;	
	float:left;
}
	
	#visit-exhibits .layer1 {
		position: absolute;
		top: 40px;
		left: -130px;
		width: 670px;
		height: 330px;
		background: url('../_img/bg_visit_exhibits_group.png') no-repeat top center;
		z-index: 200;
	}
	
	#visit-exhibits .layer2 {
		position: absolute;
		top: 250px;
		left: 160px;
		width: 460px;
		height: 165px;
		background: url('../_img/bg_visit_exhibits_gray.png') no-repeat top left;
		z-index: 300;
	}
	
		#visit-exhibits .layer2  h2 {
			position: absolute;
			top: 40px;
			left: 86px;
			font-family: 'latolight', Arial, Helvetica, sans-serif;	
			font-size: 82px;
			color: #ffffff;
		}
		
		#visit-exhibits .layer2  h3 a {
			display: block;
			position: absolute;
			top: 105px;
			left: 90px;
			font-family: 'latobold', Arial, Helvetica, sans-serif;	
			font-size: 29px;
			color: #efad01;
		}
		
		
	@media (max-width: 720px) {
		
		#visit-exhibits {
			width: 100%;
			height: auto;
			background: #ffffff;
			overflow: hidden;	
		}
		
		#visit-exhibits .layer1 {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 180px;
			background-position: center -60px;
			background-size: 170%;
		}
	
		#visit-exhibits .layer2 {
			padding: 0;
			margin: 0;
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 110px;
			background: #777777;
		}
		
		
			#visit-exhibits .layer2 h2 {
				position: relative;
				top: 0;
				left: 0;
				width: 85%;
				margin: 0 auto;
				font-size: 46px;	
				/*line-height: 48px;*/
				padding-top: 20px;
			}
			
			#visit-exhibits .layer2 h3 a {
				position: relative;
				top: 0;
				left: 0;
				width: 85%;
				margin: 0 auto;
				font-size: 24px;	
				padding-top: 8px;
			}
		
		
		
	}
	
	
/* ****************************************************************************************************************** */

#fc-what {
	position:relative;
	top:-1px;
}

#what-engaging {
	width: 100%;
	height: 530px;
	background: #f4f1e8;
	overflow: hidden;	
		float:left;
}

	#what-engaging .layer1 {
		position: absolute;
		background: url('../_img/bg_what_engaging_shed.jpg') no-repeat top center;
		top: 0;
		left: 500px;
		width: 850px;
		height: 530px;
		z-index: 100;
		
	}

	#what-engaging .layer2 {
		position: absolute;
		top: 110px;
		left: 0;
		width: 580px;
		height: auto;
		z-index: 200;
		
	}
	
		#what-engaging .layer2 h2 {
			font-family: 'latolight', Arial, Helvetica, sans-serif;
			font-size: 82px;
			line-height: 84px;
			color: #333333;	
		}
		
			#what-engaging .layer2 h2 span {
				font-family: 'latobold', Arial, Helvetica, sans-serif;		
			}
	
		#what-engaging .layer2 p {
			width: 500px;
			font-size: 22px;
			line-height: 30px;
			color: #fd7b01;	
		}
		
		
	@media (max-width: 720px) {
		
		#what-engaging {
			width: 100%;
			height: auto;
			background: #f4f1e8;
			overflow: hidden;	
		}
		
		#what-engaging .layer1 {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 180px;
			background-position: center -80px;
			background-size: 250%;
		}
	
		#what-engaging .layer2 {
			float: none;
			position: relative;
			top: 0;
			left: 0;
			width: 85%;
			height: auto;
			margin: 0 auto;
			padding-top: 20px;
			padding-bottom: 10px;
		}
		
			#what-engaging .layer2 h2 {
				font-size: 46px;	
				line-height: 48px;
			}
			
			#what-engaging .layer2 p {
				font-size: 19px;
				line-height: 27px;
				width: auto;
			}

		
	}


#what-mission {
	width: 100%;
	height: 530px;
	background: #ffffff;
	overflow: hidden;	
		float:left;
}

	#what-mission .layer1 {
		position: absolute;
		background: url('../_img/bg_what_mission_teacher.jpg') no-repeat top center;
		top: 70px;
		left: -150px;
		width: 700px;
		height: 390px;
		z-index: 100;
		
	}
	
	#what-mission .layer2 {
		margin-top: 100px;
		float: right;
		width: 380px;	
		
	}
	
		#what-mission .layer2 h2 {
			font-family: 'latolight', Arial, Helvetica, sans-serif;
			font-size: 82px;
			line-height: 84px;	
		}
		
		
	@media (max-width: 720px) {
		
		#what-mission {
			width: 100%;
			height: auto;
			background: #ffffff;
			overflow: hidden;	
		}
		
		#what-mission .layer1 {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 180px;
			background-position: center -40px;
			background-size: 180%;
		}
	
		#what-mission .layer2 {
			float: none;
			position: relative;
			top: 0;
			left: 0;
			width: 85%;
			height: auto;
			margin: 0 auto;
			padding-top: 20px;
			padding-bottom: 20px;
		}
		
			#what-mission .layer2 h2 {
				font-size: 46px;	
				line-height: 48px;
			}

		
	}
		
#what-president {
	width: 100%;
	height: 500px;
	background: #222222;
	overflow: hidden;	
	margin-bottom: 10px;
		float:left;
}

	#what-president .layer1 {
		position: absolute;
		background: url('../_img/bg_what_president_obama.jpg') no-repeat top center;
		top: 0;
		left: 500px;
		width: 900px;
		height: 500px;
		z-index: 100;
		
	}
	
	#what-president .layer2 {
		margin-top: 40px;
		float: left;
		width: 530px;	
		
	}
	
		#what-president .layer2 p.intro {
			text-indent: -10px;
		}
	
		#what-president .layer2 p {
			color: #ffffff;	
		}
		
		#what-president .layer2 .page-quote {
			font-style: italic;	
		}
		
		
	@media (max-width: 720px) {
		
		#what-president {
			width: 100%;
			height: auto;
			background: #222222;
			overflow: hidden;	
		}
		
		#what-president .layer1 {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 180px;
			background-position: center -55px;
			background-size: 180%;
		}
	
		#what-president .layer2 {
			float: none;
			position: relative;
			top: 0;
			left: 0;
			width: 85%;
			height: auto;
			margin: 0 auto;
			padding-top: 30px;
			padding-bottom: 20px;
		}
		
			#what-president .layer2 h2 {
				font-size: 46px;	
				line-height: 48px;
			}

		
	}
	
	
	
/* EXHIBITS */

#featured-exhibits {
	margin-bottom: 80px;	
}

#featured-exhibits h3 a {
	color: #efad01;
}

	#featured-exhibits h3 a:hover {
		/*
		color: #fd7b01;
		text-decoration: none;
		*/
	}
	
	#featured-exhibits .feature-left, #featured-exhibits .feature-right {
		margin-bottom: 50px;
	}
	
		#featured-exhibits .feature-left .image {
			float: left;
			width: 300px;
			height: auto;	
		}
		
		#featured-exhibits .feature-left .text {
			float: right;
			width: 300px;
			height: auto;	
		}
		
		#featured-exhibits .feature-right .image {
			float: right;
			width: 300px;
			height: auto;	
		}
		
		#featured-exhibits .feature-right .text {
			float: left;
			width: 300px;
			height: auto;	
		}
		
		#featured-exhibits .feature-left img, #featured-exhibits .feature-right img {
			display: inline-block;
			padding: 0;
			margin: 0;
			min-width: 300px;
			width: 300px;
			height: auto;	
		}
		
		
@media (max-width: 720px) {
	#featured-exhibits {
		margin-bottom: 30px;	
	}
		
		#featured-exhibits .feature-left, #featured-exhibits .feature-right {
			margin-bottom: 30px;
			border-bottom: 1px solid #999999;
		}
		
			#featured-exhibits .feature-left .image {
				float: none;
				width: auto;	
				margin-bottom: 15px;
			}
			
			#featured-exhibits .feature-left .text {
				float: none;
				width: auto;
				height: auto;	
			}
			
			#featured-exhibits .feature-right .image {
				float: none;
				width: auto;	
				margin-bottom: 15px;	
			}
			
			#featured-exhibits .feature-right .text {
				float: none;
				width: auto;
				height: auto;
			}
			
				#featured-exhibits .feature-left img, #featured-exhibits .feature-right img {
					display: inline-block;
					padding: 0;
					margin: 0;
					min-width: 100%;
					width: 100%;
					height: auto;	
				}
	
	
}


/* VOICES */

#fc-voices .subsidenav li a {
	padding-left: 33px !important;	
	background-position: left 4px;
}

.voice-item {
	padding-bottom: 30px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 30px;
	min-height: 300px;	
}

	.voice-item h3 a {
		color: #efad01;	
	}

	.voice-item img {
		display: block;
		float: right;
		max-width: 300px;
		min-width: 300px;
		margin-left: 30px;
	}

@media (max-width: 720px) {
	
	img {float:none !important;}
	
	.voice-item {
		padding-bottom: 20px;
		border-bottom: 1px solid #cccccc;
		margin-bottom: 20px;	
	}
	
		.voice-item img {
			display: block;
			float: none;
			max-width: 100%;
			min-width: 100%;
			margin-left: 0;
			margin-bottom: 20px;
		}
	
}





/* FOOTER */

#fc-footer {
	width: 100%;
	background: #222222;	
	margin-top: 100px;
	float:left;
}

	#fc-footer hr {
		color: #666666;
		background: #666666;	
		border-bottom: 1px solid #666666;
	}
	
	#fc-footer h3 {
		font-family: 'latobold', Arial, Helvetica, sans-serif;	
		font-size: 15px;			
		line-height: 20px;
		list-style: none;
		margin-bottom: 5px;
	}

	#fc-footer p {
		font-family: 'latoregular', Arial, Helvetica, sans-serif;	
		font-size: 13px;			
		line-height: 20px;
		list-style: none;
		color: #ffffff;
		margin-bottom: 5px;
	}

	#footer-logo {
		margin-bottom: 20px;
	}
		
		#footer-logo img {
			height: 60px;
		}

	#fc-footer .footer-left, #fc-footer .footer-right {
		padding-top: 30px;
		padding-bottom: 30px;	
	}

	#fc-footer .footer-left {
		display: block;
		float: left;	
	}

	
		#fc-footer .footer-item, #fc-footer .footer-item li {
			list-style: none;
			padding: 0;
			margin: 0;	
		}
		
			#fc-footer .footer-item {
				float: left;
				margin-bottom: 10px;
				width: 220px;
				margin-right: 15px;
			}
			
			#fc-footer .footer-item li {
				margin-right: 15px;	
				
				font-family: 'latoregular', Arial, Helvetica, sans-serif;	
				font-size: 13px;			
				list-style: none;
			}
			
				#fc-footer .footer-item li a {
					color: #ffffff;
				}
		
				
		#fc-footer .footer-partners, #fc-footer .footer-partners li {
			list-style: none;
			padding: 0;
			margin: 0;	
		}
		
			#fc-footer .footer-partners {
				padding: 10px 0 10px 0;
			}
			
				#fc-footer .footer-partners li {
					float: left;
					margin-right: 5px;	
				}
			
				#fc-footer .footer-partners li img {
					height: 40px;
					
				}
	
	#fc-footer .footer-right {
		float: right;	
		width: 220px;
	}
	
	
@media (max-width: 720px) {
	
	#fc-footer {
		margin-top: 50px;	
	}
	
	#fc-footer .inside {
		width: 85%;
	}
	
	#fc-footer .footer-left {
		display: none;	
	}
	
	#fc-footer .footer-right {
		float: none;	
		width: 85%;
	}
	
}


/* COPYRIGHT */

	#fc-copyright .inside {
			
	}
	
		#fc-copyright .partner-logos {
			margin-bottom: 40px;	
		}
	
		#fc-copyright .partner-logos img {
			max-width: 60px;
			padding: 5px 10px 5px 0;
		}

	#fc-copyright p {
		font-family: 'latoregular', Arial, Helvetica, sans-serif;	
		font-size: 13px;			
		line-height: 20px;
		list-style: none;
		color: #888888;
		
		margin-bottom: 15px;
	}
	
	.copyright-left, .copyright-right {
		padding-top: 20px;	
		padding-bottom: 10px;
	}
	
	.copyright-left {
		float: left;	
		width: 600px;
	}
	
	.copyright-right {
		float: right;	
		width: 220px;
	}
	
		.copyright-right img {
			height: 50px;
		}
		
		
@media (max-width: 720px) {
	
	#fc-copyright .inside {
		width: 85%;	
	}
	
	.copyright-left, .copyright-right {
		float: none;
		width: auto;
	}
	
	.copyright-right {
		padding-top: 0px;	
	}
	
	#fc-copyright p {
		font-size: 12px;	
		line-height: 18px;
	}
	
}


	
/* FORMS */

input[type="text"], input[type="password"], input[type="file"] {
	padding: 4px;
	margin-top: 5px;
	margin-bottom: 15px;
	
	box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}

select, input[type="text"], textarea {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 13px;	
}

textarea {
	padding: 4px;	
}

input[type="submit"], button, input[type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: none; 
	outline: none;
	outline: 0;
}

/* Site Map */
.site-map-front-page {
	display: none;
	}
.site-map-menus h2 {
	display: none;
}

/* Suspend Submitted by text */
.node-webform .submitted , .node-grid-page .submitted  {
	display: none;
}

.page-views h2.title {
	display: none;
}

div#block-views-exhibits-block-grid-block {
	float:left;
}

.page-calendar .region-sidebar-second {
	float: right;
	width: 180px;
	position: relative;
	display: block;
}

.page-node article img {
	margin:10px;
	float:right;}
	


.inline li{
	display:table-cell !important;
	/*position:relative;*/
	vertical-align:middle !important;
	/* left:0px; 
	padding:1em 1em 0 0 ;*/
}

.inline ul{
	display:table !important;
	/*position:relative;
	left:0px;
	padding:1em 1em 0 0 ;
}*/




@media (max-width: 540px) {
.inline li{
	display:table-cell !important;
	vertical-align:top !important;
}

.inline ul{
	display:table !important;
}

}