@font-face {
    font-family: 'Grunge-Standard';
    src: url('../fonts/grunge-standard-webfont.eot');
    src: url('../fonts/grunge-standard-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/grunge-standard-webfont.woff') format('woff'),
         url('../fonts/grunge-standard-webfont.ttf') format('truetype'),
         url('../fonts/grunge-standard-webfont.svg#Grunge-Standard') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'Arvo Bold';
	src: url('../fonts/arvo-bold.eot');
	src: url('../fonts/arvo-bold.eot') format('embedded-opentype'),
	 url('../fonts/arvo-bold.woff') format('woff'),
	 url('../fonts/arvo-bold.ttf') format('truetype'),
	 url('../fonts/arvo-bold.svg#ArvoBold') format('svg');
}
@font-face {
	font-family: "Exo";
	src: url('../fonts/Exo-Regular.otf') format('opentype');
}
@font-face {
	font-family: "Exo Bold";
	src: url('../fonts/Exo-Bold.otf') format('opentype');
}
* {
	margin: 0;
	padding: 0;
}
body {
	background: url('../images/bg-pattern-blue-dots2.jpg');
	overflow-x: hidden;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	color: white;
}
.clear {
	clear: both;
}
/* alert */
.alert {
	position: fixed;
	z-index: 16;
	top: 100px;
	right: 0;
	width: 250px;
	padding: 10px;
	font: 14px sans-serif;
	background-color: #affc9d;
	box-shadow: 0 0 4px #eee;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.25);
	-o-box-shadow: 0 0 4px rgba(0,0,0,0.25);
	box-shadow: 0 0 4px rgba(0,0,0,0.25);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.alert .close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	cursor: pointer;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background: url('../images/ico-sml-close.png');
}
.alert .title {
	text-align: center;
	font: 16px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
/* frame */
.lady {
	position: absolute;
	z-index: 11;
	width: 200px;
	height: 180px;
}
#ladyLeft {
	background-image: url('../images/bg-header-lady-left.png');
}
#ladyRight {
	background-image: url('../images/bg-header-lady-right.png');
	right: 0;
}
#stripes {
	width: 100%;
	height: 220px;
	background: url('../images/bg-header-flag.gif');
	position: absolute;
	box-shadow: 0 4px 0 rgb(0,0,0);
	box-shadow: 0 4px 0 rgba(0,0,0,0.25);
	z-index: 1;
}
#stars {
	position: absolute;
	width: 100%;
	height: 310px;
	background-image: url('../images/bg-pattern-stars.gif');
	box-shadow: 0 4px 0 rgb(0,0,0);
	box-shadow: 0 4px 0 rgba(0,0,0,0.25);
	-webkit-transform: rotate(-0.5deg);
	-moz-transform: rotate(-0.5deg);
	transform: rotate(-0.5deg);
}
.frame {
	display: inline-block;
	position: absolute;
	z-index: 10;
}
#frameTop {
	background: url('../images/bg-frame-top.png') repeat-x;
	width: 100%;
	height: 25px;
}
#frameRight {
	background: url('../images/bg-frame-right.png') repeat-y;
	width: 25px;
	height: 100%;
	right: 0;
}
#frameBottom {
	background: url('../images/bg-frame-bottom.png') repeat-x;
	height: 25px;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	z-index: 20;
}
#frameLeft {
	background: url('../images/bg-frame-left.png') repeat-y;
	width: 25px;
	height: 100%;
}

#main {
	width: 75%;
	margin: auto;
	position: relative;
	z-index: 15;
}
#logo {
	display: block;
	width: 481px;
	height: 246px;
	background: url('../images/site-logo2.png');
	position: absolute;
	/*top: 20px;*/
	left: 50%;
	margin-left: -240px;
	z-index: 2;
}
#logo a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

/* for looped animations */
.animated.looped {
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.fast {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
.animated.slow {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}
.animated.slow {
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	-o-animation-duration: 4s;
	animation-duration: 4s;
}

/* nav */
#header {
	height: 220px;
	width: 80%;
	margin: auto;
	position: relative;
	z-index: 1;
}
ul.mainNav {
	position: relative;
	top: 87px;
	font-family: "Arvo Bold";
	font-size: 26px;
	text-transform: uppercase;
	text-shadow: 0 2px 0 rgb(0,0,0);
	text-shadow: 0 2px 0 rgba(0,0,0,0.5);
	margin: auto;
	z-index: 12;
}
ul.mainNav.right {
	position: absolute;
	right: 0;
}
ul.mainNav li {
	float: left;
	list-style: none;
	margin-right: 14px;
}
ul.mainNav li a {
	background-image: url('../images/main-nav-bg.png');
	display: inline-block;
	height: 61px;
	text-align: center;
	line-height: 61px;
	letter-spacing: -1px;
}
ul.mainNav li a.selected, ul.mainNav li a:hover {
	margin-top: 5px;
	color: #b41c0a;
	text-shadow: none;
}
ul.mainNav li.about a {
	width: 126px;
}
ul.mainNav li.about a.selected, ul.mainNav li.about a:hover {
	background-position: 0 -61px;
}
ul.mainNav li.contact a {
	width: 163px;
	background-position: -126px 0;
}
ul.mainNav li.contact a.selected, ul.mainNav li.contact a:hover {
	background-position: -126px -61px;
}
ul.mainNav li.survey a {
	width: 136px;
	background-position: -289px 0;
}
ul.mainNav li.survey a.selected, ul.mainNav li.survey a:hover {
	background-position: -289px -61px;
}
ul.mainNav li.faqs a {
	width: 103px;
	background-position: -425px 0;
	margin-right: 0;
}
ul.mainNav li.faqs a.selected, ul.mainNav li.faqs a:hover {
	background-position: -425px -61px;
}
ul.mainNav li.curriculum a {
	color: #b41c0a;
	background-position: -529px -61px;
	width: 329px;
}
ul.mainNav li.curriculum a.selected, ul.mainNav li.curriculum a:hover {
	color: white;
	background-position: -529px 0px;
}
#teacher-resources-tab {
	position: absolute;
	top: -2px;
	background-color: #E69916;
	color: white;
	right: 0px;
	text-shadow: 0px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.25);
	padding: 7px 10px 5px 10px;
	text-transform: uppercase;
	font-size: 14px;
	font-family: "Arvo Bold";
}
#teacher-resources-tab:hover {
	top: 0px;
	background-color: white;
	color: #B41C0A;
	text-shadow: none;
	box-shadow: none;
}
#social-widgets {
	width: 650px;
	height: 375px;
	margin: auto;
}
#twitter-feed {
	float: left;
	width: 300px;
	margin-right: 50px;
}
#fb-feed {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	width: 300px;
	float: left;
	color: #ccc;
	box-shadow: 0 5px 0 rgba(0,0,0,0.25);
}
#fb-feed a {
	text-decoration: underline;
}
#fb-feed a:hover {
	text-decoration: none;
}
#fb-feed .header {
	float: left;
	font-size: 16px;
	color: white;
	padding: 10px;
	background-color: #0F375E;
	margin-bottom: 1px;
	width: 280px;
}
#fb-feed .header img {
	float: left;
	margin-right: 10px;
}
#fb-feed .header p {
	float: left;
	display: inline-block;
	width: 125px;
	margin-top: 4px;
	font-family: "Exo Bold";
}
#fb-feed .fb-like {
	float: left;
	margin: 16px 0 0 10px;
}
#fb-feed ul.posts {
	height: 297px;
	overflow: auto;
	clear: both;
}
#fb-feed ul li {
	list-style: none;
	float: left;
	padding: 10px;
	margin-bottom: 1px;
	background-color: #0F375E;
}
#fb-feed ul li img {
	float: left;
	margin-right: 10px;
}
#fb-feed ul li p.message {
	overflow: hidden;
	text-overflow: ellipsis;
}
#fb-feed ul li a.time {
	text-decoration: none;
	text-align: right;
	width: 100%;
	display: inline-block;
	font-size: 12px;
}
#fb-feed ul li a.time:hover {
	text-decoration: underline;
}
/* footer */
.footer {
	color: #fff;
	font-family: "Arvo Bold";
	z-index: 21;
	position: fixed;
	bottom: 0;
}
#footer-copyright {
	padding: 15px 15px 0 15px;
	font-size: 13px;
	width: 580px;
	height: 72px;
	background: url('../images/bg-footer-copyright2.png') left bottom no-repeat;
	left: 60px;
	text-transform: uppercase;
}
#footer-copyright a.aclu-logo {
	float: left;
	margin-right: 15px;
}
#footer-copyright p {
	float: left;
	margin-top: 15px;
}
#footer-ad {
	width: 525px;
	height: 60px;
	background: url('../images/bg-footer-ad.png') no-repeat right bottom;
	right: 60px;
	padding-top: 25px;
}
#footer-ad p {
	font-size: 28px;
	float: left;
	margin: 14px 0 0 30px;
}
#footer-ad ul {
	float: right;
	margin-top: 5px;
	margin-right: 30px;
}
#footer-ad ul li {
	float: left;
	list-style: none;
	display: inline-block;
	width: 52px;
	height: 52px;
	margin-right: 10px;
}
#footer-ad ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
#footer-ad ul li.twitter {
	background: url('../images/ico-tw-sml.png');
}
#footer-ad ul li.facebook {
	background: url('../images/ico-fb-sml.png');
}
#footer-ad ul li.youtube {
	background: url('../images/ico-yt-sml.png');
}
#holiday-icon {
	float: left;
	margin-left: 10px;
	margin-top: -10px;
}
button.prev, button.next {
	border: 0;
	text-indent: -9999px;
	width: 46px;
	height: 74px;
	position: absolute;
	top: 150px;
	background: url('../images/audio-player-prev-next.png');
	left: -70px;
	cursor: pointer;
	display: none;
}
button.next {
	display: block;
	left: auto;
	right: -70px;
	background-position: -46px 0;
}

/* ALERT TICKER */
div.ticker {
	background: #B41C0A;
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	position: absolute;
	width: 80%;
	left: 10%;
	top: 190px;
	color: white;
	opacity: 0.8;
	white-space: nowrap;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
div.ticker p {
	position: relative;
	display: inline-block;
	width: 100%;
}

/* HOMEPAGE */
#content {
	min-height: 640px;
	padding-top: 160px;
	padding-bottom: 160px;
	display: inline-block;
	width: 100%;
}
h2.pageHeader {
	display: inline-block;
	font-family: "Arvo Bold";
	font-size: 26px;
	color: #b41c0a;
	text-transform: uppercase;
	position: absolute;
	top: 350px;
	z-index: -2;
	font-weight: normal;
	background-color: white;
	padding: 10px;
	-webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 5px 0 rgba(0,0,0,0.25);
	box-shadow: 0 5px 0 rgba(0,0,0,0.25);
	opacity: 0;
}
ul.activities {
	width: 100%;
	margin: 50px auto 0;
	text-align: center;
}
ul.activities li {
	width: 25%;
	list-style: none;
	float: left;
	position: relative;
	height: 315px;
}
ul.activities li a,
ul.activities li span.activityBG {
	display: inline-block;
	width: 200px;
	height: 200px;
	background-size: cover;
}
ul.activities li a {
	z-index: 20 !important;
	position: relative;
}
ul.activities li span.activityBG {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0 !important;
}

/* Activity Icon - You Got That Right */
ul.activities li.activity1 a {
	background: url('../images/activity-right2.png');
}
ul.activities li.activity1 span.activityBG { background: url('../images/activity-bg1.png'); }

/* Activity Icon - Brain Scale */
ul.activities li.activity2 a {
	background: url('../images/activity-brain2.png');
}
ul.activities li.activity2 span.activityBG { background: url('../images/activity-bg2.png'); }
ul.activities.top li.activity2 p { margin-top: 0; }

/* Activity Icon - Map */
ul.activities li.activity3 a {
	background: url('../images/activity-map.png');
}
ul.activities li.activity3 span.activityBG { background: url('../images/activity-bg3.png'); }

/* Activity Icon - Constitution Bot */
ul.activities li.activity4 a {
	background: url('../images/activity-bot2.png');
}
ul.activities li.activity4 span.activityBG { background: url('../images/activity-bg4.png'); }

ul.activities.top li.activity4 p { margin-top: 0; }

/* Activity Icon - Holiday Petition */
ul.activities li.holiday a {
	background: url('../images/activity-holiday.png');
}
ul.activities li.activity5 span.activityBG { background: url('../images/activity-bg5.png'); }

/* Activity Icon - Lady Liberty */
ul.activities li.activity6 a {
	background: url('../images/activity-coin2.png');
}
ul.activities li.activity6 span.activityBG { background: url('../images/activity-bg6.png'); }

/* Activity Icon - Fill Me In */
ul.activities li.activity7 a {
	background: url('../images/activity-paper2.png');
}
ul.activities li.activity7 span.activityBG { background: url('../images/activity-bg7.png'); }

/* Activity Icon - Freedom Funnies */
ul.activities li.activity8 a {
	background: url('../images/activity-funnies.png');
}
ul.activities li.activity8 span.activityBG { background: url('../images/activity-bg8.png'); }

/* Activity Icon - Street Videos */
ul.activities li.activity9 a {
	background: url('../images/activity-video2.png');
}
ul.activities li.activity9 span.activityBG { background: url('../images/activity-bg9.png'); }

/* Activity Icon - For Us, etc. */
ul.activities li.activity10 a {
	background: url('../images/activity-news2.png');
}
ul.activities li.activity10 span.activityBG { background: url('../images/activity-bg10.png'); }

ul.activities li p {
	display: inline-block;
	width: 184px;
}
ul.activities li span.text {
	font-family: "Arvo Bold";
	font-size: 20px;
	color: white;
	text-transform: uppercase;
	display: inline-block;
	padding: 13px 15px;
	background-color: #b41c0a;
	-webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 5px 0 rgba(0,0,0,0.25);
	box-shadow: 0 5px 0 rgba(0,0,0,0.25);
}
ul.activities li.activity1 span.text {
	width: 145px;
}
ul.activities li.activity8 span.text {
	width: 100px;
}
/* activity nav - top */
ul.activities.top li {
	width: 120px;
	position: absolute;
	top: 230px;
	height: auto;
}
ul.activities.top li.activity2 {
	left: 10%;
}
ul.activities.top li.activity3 {
	left: 20%;
}
ul.activities.top li.activity4 {
	left: 30%;
}
ul.activities.top li.holiday {
	left: 40%;
}
ul.activities.top li.activity6 {
	left: 50%;
}
ul.activities.top li.activity7 {
	left: 60%;
}
ul.activities.top li.activity8 {
	left: 70%;
}
ul.activities.top li.activity9 {
	left: 80%;
}
ul.activities.top li.activity10 {
	left: 90%;
}
ul.activities.top li a,
ul.activities.top li span.activityBG {
	width: 100px;
	height: 100px;
	opacity: 0.75;
	background-size: cover;
}
ul.activities.top li span.activityBG {
	left: 10px;
}
ul.activities.top li p {
	width: 120px;
	margin-top: -15px;
	display: none;
}
ul.activities.top li span.text {
	font-size: 12px;
	width: 120px;
	padding: 10px 5px;
}
/* Selected Activities */
ul.activities.top li.selected a,
ul.activities.top li.selected span.activityBG {
	width: 110px;
	height: 110px;
	opacity: 1;
}
#load {
	margin-top: 75px;
	float: left;
	width: 100%;
}

/* animate.css */
ul.activities  li.activity1 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
ul.activities  li.activity2 {
	animation-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
}
ul.activities  li.activity3 {
	animation-delay: 1.7s;
	-webkit-animation-delay: 1.7s;
}
ul.activities  li.activity4 {
	animation-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
}
ul.activities  li.holiday {
	animation-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
}
ul.activities  li.activity6 {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}
ul.activities  li.activity7 {
	animation-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
}
ul.activities  li.activity8 {
	animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s;
}
ul.activities  li.activity9 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}
ul.activities  li.activity10 {
	animation-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
}
#header li.contact {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}
#header li.survey {
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}
#header li.faqs {
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
}
ul#social-links {
	position: absolute;
	top: 250px;
	left: -100px;
}
ul#social-links li {
	float: left;
	margin-left: 10px;
	list-style: none;
}
ul#social-links li a {
	display: inline-block;
	width: 52px;
	height: 52px;
	text-indent: -9999px;
}
ul#social-links li.facebook a {
	background-image: url('../images/ico-fb-sml.png');
}
ul#social-links li.twitter a {
	background-image: url('../images/ico-tw-sml.png');
}
#mute-container {
	position: absolute;
	right: -50px;
	top: 250px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-color: white;
	-webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 5px 0 rgba(0,0,0,0.25);
	box-shadow: 0 5px 0 rgba(0,0,0,0.25);
}
button#muteButton {
	text-indent: -9999px;
	background: url('../images/mute-button.png');
	border: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
	opacity: 0.5;
}
button#muteButton:hover {
	opacity: 1;
}
button#muteButton.muted {
	background-position: 0 -50px;
}

/* STANDARD PAGES */
.page-container {
	width: 840px;
	margin: auto;
	position: relative;
	top: -60px;
}
.page-container .top {
	width: 840px;
	height: 30px;
	background: url('../images/page-top.png');
}
.page-container .bottom {
	width: 840px;
	height: 45px;
	background: url('../images/page-bottom.png');
}
.page-container .content {
	padding: 40px 100px 100px 100px;
	font-family: "Exo";
	font-size: 26px;
	color: #0f375e;
	background: white;
}
.page-container .content p {
	margin-bottom: 35px;
}
.page-container .content h2 {
	text-align: center;
	font-family: "Arvo Bold";
	text-transform: uppercase;
	color: #b41c0a;
	font-size: 40px;
	margin-bottom: 35px;
}
/* CONTACT */
#contact-container h2 {
	text-transform: none;
}
#contact-container ul.social-media {
	height: 153px;
}
#contact-container ul.social-media li {
	list-style: none;
	float: left;
	margin-right: 77px;
}
#contact-container ul.social-media li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
#contact-container ul.social-media li.twitter {
	width: 159px;
	height: 149px;
	background: url('../images/contact-twitter.png');
}
#contact-container ul.social-media li.facebook {
	width: 159px;
	height: 153px;
	background: url('../images/contact-facebook.png');
}
#contact-container ul.social-media li.youtube {
	width: 159px;
	height: 149px;
	background: url('../images/contact-youtube.png');
	margin-right: 0;
}
/* FAQS */
ul#faq-nav {
	padding: 17px 30px;
	background: #0f375e;
	height: 36px;
	width: 348px;
	margin: auto;
	margin-bottom: 40px;
}
ul#faq-nav li {
	list-style: none;
	margin-right: 30px;
	float: left;
	font-family: "Arvo Bold";
	font-size: 24px;
	text-align: center;
	color: white;
	width: 33px;
	height: 36px;
	line-height: 36px;
	background: url('../images/faq-li-bg.png');
	cursor: pointer;
}
ul#faq-nav li.selected {
	background-position: 0 -36px;
	color: #b41c0a;
}
ul#faq-nav li.last {
	margin-right: 0;
}
#faqs-container table {
	display: none;
}
#faqs-container table.selected {
	display: block;
}
#faqs-container table tr.question td {
	padding-bottom: 35px;
	font-family: "Exo Bold";
}
#faqs-container table td.abbr {
	font-family: "Arvo Bold";
	font-size: 40px;
	color: #b41c0a;
	vertical-align: top;
	padding-right: 30px;
}
/* SURVEY */
#survey-container {
	width: 1006px;
}
.survey-wrapper {
	width: 1006px;
	overflow: hidden;
	position: relative;
	background: #666;
}
#survey-container.page-container .content {
	position: relative;
	top: 50px;
	padding: 40px 0px 0px;
	width: 1006px;
}

/* YOU GOT THAT RIGHT */
#gotthatright-container {
	width: 1070px;
	height: 452px;
	background: url('../images/gotthatright-bg.jpg');
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
	position: relative;
	margin: auto;
}
#gotthatright-container ul.questions {
	width: 945px;
	margin: auto;
	padding-top: 7px;
}
#gotthatright-container ul.questions li {
	float: left;
	list-style: none;
	margin-right: 15px;
	width: 33px;
	height: 36px;
	background: url('../images/gotthatright-questions-bg.png');
	font-family: "Arvo Bold";
	font-size: 20px;
	color: #4a463a;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
}
#gotthatright-container ul.questions li.last {
	margin-right: 0;
}
#gotthatright-container ul.questions li.selected {
	background-position: -99px 0;
	color: #b41c0a;
}
#gotthatright-container ul.questions li.right {
	background-position: -33px 0;
	text-indent: -9999px;
}
#gotthatright-container ul.questions li.wrong {
	background-position: -66px 0;
	text-indent: -9999px;
}
#gotthatright-container .container {
	position: absolute;
	height: 268px;
	width: 21400px;
	top: 19px;
	left: 0;
}
#gotthatright-container .container .question {
	float: left;
	width: 990px;
	height: 190px;
	padding: 40px 40px;
	text-align: center;
}
#gotthatright-container .container .question h3 {
	color: #b5aa8c;
	font-family: "Arvo Bold";
	font-size: 40px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
#gotthatright-container .container .question p {
	color: #4a463a;
	font-size: 24px;
	font-family: "Exo Bold";
}
#gotthatright-container .container .question p.answer {
	display: none;
}
#gotthatright-container .container .question p.answer strong {
	font-weight: normal;
	text-transform: uppercase;
}
#gotthatright-container button.direction {
	left: -20px;
	top: 210px;
	z-index: 1;
}
#gotthatright-container button.direction.next {
	right: -20px;
	left: auto;
}
#gotthatright-container button.tf {
	border: 0;
	position: absolute;
	top: auto;
	bottom: -70px;
	text-indent: -9999px;
	cursor: pointer;
	background-size: cover;
	background-color: transparent;
	background-repeat: no-repeat;
    -webkit-transition: width 100ms ease, height 100ms ease;
    -moz-transition: width 100ms ease, height 100ms ease;
    -o-transition: width 100ms ease, height 100ms ease;
    -ms-transition: width 100ms ease, height 100ms ease;
    transition: width 100ms ease, height 100ms ease;
}
#gotthatright-container button.tf.true {
	width: 199px;
	height: 129px;
	background-image: url('../images/gotthatright-true.png');
	left: auto;
	right: 315px;
}
#gotthatright-container button.tf.false {
	width: 220px;
	height: 131px;
	background-image: url('../images/gotthatright-false.png');
	left: 315px;
	bottom: -77px;
}
#gotthatright-container button.tf.false:hover {
	width: 232px;
	height: 138px;
}
#gotthatright-container button.tf.true:hover {
	width: 223px;
	height: 134px;
}
#gotthatright-container .checkmark, #gotthatright-container .cross {
	top: 100px;
}

/* BRAIN SCALE */
#brainscale-container {
	width: 1070px;
	margin: auto;
}
#brainscale {
	width: 416px;
	margin-right: 20px;
	height: 430px;
	background: url('../images/brain-scale-bg2.png') no-repeat center bottom;
	position: relative;
	float: left;
	z-index: -2;
}
#brain-container {
	width: 100%;
	height: 135px;
	top: 165px;
	left: 0;
	position: absolute;
}
#brain {
	width: 200px;
	height: 135px;
	background-image: url('../images/brain2.png');
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 110px;
	z-index: -1;
}
#brain-electric.bounceInDown {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#brain-electric {
	width: 360px;
	height: 190px;
	background: url('../images/brain-electric.png');
	top: -80px;
	left: 20px;
	position: absolute;
}
#brainscale-container #questions {
	float: left;
	width: 634px;
	height: 285px;
	background: url('../images/brain-scale-question-bg.png');
	margin-top: 10px;
	position: relative;
	z-index: 2;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
}
#brainscale-container #questions .container {
	position: absolute;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#brainscale-container #questions .container .scroll {
	position: absolute;
	top: 0;
}
#answers {
	width: 554px;
	height: 350px;
	background: white;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
	margin-top: -5px;
	margin-left: 40px;
	float: left;
	margin-bottom: 60px;
}
#answers ul.options {
	width: 100%;
	padding: 40px 0;
	width: 474px;
	position: absolute;
	display: none;
	margin-left: 40px;
}
#answers ul.options.selected {
	display: block;
}
#answers ul.options.complete li {
	opacity: 0.5;
}
#answers ul.options li {
	font-family: "Exo";
	font-size: 18px;
	color: #444;
	padding-left: 40px;
	margin-left: 10px;
	list-style: none;
	background: url('../images/brainscale-options-bg.jpg') no-repeat 0 10px;
	cursor: pointer;
	min-height: 40px;
	float: left;
	width: 424px;
}
#answers ul.options li span {
	margin-top: 10px;
	display: block;
	float: left;
}
#answers ul.options li.selected {
	background-image: url('../images/brainscale-options-bg-selected.jpg');	
}
#questions .question {
	height: 185px;
	padding: 50px;
	text-align: center;
	font-family: "Exo Bold";
	font-size: 24px;
	color: #4a463a;
	width: 534px;
	position: relative;
}
#questions .question h3 {
	font-family: "Arvo Bold";
	font-size: 40px;
	color: #b5aa8c;
	text-transform: uppercase;
	margin-bottom: 30px;
}
#questions button {
	z-index: 1;
	cursor: pointer;
	width: 70px;
	height: 52px;
	position: absolute;
	top: -22px;
	left: 282px;
	text-indent: -9999px;
	border: 0;
	background: url('../images/arrows-up-down.png');
	display: none;
}
#questions button.down {
	display: block;
	background-position: 0 -52px;
	top: auto;
	bottom: -22px;
}
.checkmark, .cross {
	width: 80px;
	height: 62px;
	position: absolute;
	top: 210px;
	right: 12px;
	display: none;
}
.checkmark {
	background: url('../images/brainscale-check.png');
}
.cross {
	background: url('../images/brainscale-cross.png');
}
#modal span.play-again {
	color: white;
	font-family: "Arvo Bold";
	font-size: 20px;
	text-transform: uppercase;
	background-color: #0F375E;
	padding: 5px;
	display: inline-block;
	margin-top: 10px;
	cursor: pointer;
}

/* CURRICULUM */
#page-curriculum {
	position: relative;
	width: 1070px;
	margin: auto;
}
#curriculum-container {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 315px;
	padding-top: 40px;
}
#curriculum {
	width: 4512px;
	height: 315px;
	position: absolute;
	left: 0;
}
#curriculum li {
	float: left;
	width: 316px;
	height: 310px;
	box-shadow: 0 5px 0 rgb(0,0,0);
	box-shadow: 0 5px 0 rgba(0,0,0,0.25);
	margin-right: 60px;
	list-style: none;
	background: white url('../images/curriculum-icons.jpg') no-repeat left 35px;
	text-align: center;
}
#curriculum li.facts {
	background-position: -316px 35px;
}
#curriculum li.ted {
	background-position: -632px center;
}
#curriculum li.ted a {
	text-indent: -9999px;
}
#curriculum li.crashcourse {
	background-position: -948px 35px;
}
#curriculum li.billofrights {
	background-position: -1264px 35px;
}
#curriculum li.livingdoc {
	background-position: -1580px 35px;
}
#curriculum li.constitutional {
	background-position: -1896px 35px;
}
#curriculum li.theconstitution {
	background-position: -2212px 35px;
}
#curriculum li.constquiz {
	background-position: -2528px 35px;
}
#curriculum li a {
	width: 256px;
	height: 90px;
	padding: 220px 30px 0 30px;
	font-family: "Arvo Bold";
	color: #b41c0a;
	font-size: 24px;
	text-transform: uppercase;
	display: inline-block;
}
#teacher-survey, #modal {
	display: none;
	font-family: "Arvo";
	position: fixed;
	top: 50%;
	left: 50%;
	width: 600px;
	padding: 20px;
	margin-top: -375px;
	margin-left: -320px;
	background-color: #F6E8C1;
	z-index: 22;
	box-shadow: 0 5px 0 rgba(0,0,0,0.25);
	min-height: 200px;
}
#modal {
	width: 400px;
	min-height: 100px;
	margin-left: -200px;
	margin-top: -50px;
	font-size: 24px;
	text-align: center;
}
#teacher-survey.loading {
	background: url('../images/loader.gif') no-repeat center center #F6E8C1;
}
#teacher-survey span.close, #modal span.close {
	background: url('../images/brainscale-cross.png');
	display: inline-block;
	width: 80px;
	height: 62px;
	text-indent: -9999px;
	position: absolute;
	top: -14px;
	right: -20px;
	cursor: pointer;
}
#teacher-survey h2, #modal h2 {
	font-family: "Arvo Bold";
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	color: #0F375E;
	margin-bottom: 10px;
}
#teacher-survey ol li {
	list-style: none;
	margin: 10px 0;
	display: inline-block;
	width: 100%;
}
#teacher-survey form {
	margin-top: 10px;
}
#teacher-survey form span.error {
	color: #b41c0a;
	font-size: 14px;
	display: none;
}
#teacher-survey form label, #teacher-survey form span.label {
	width: 300px;
	display: inline-block;
	text-align: right;
	margin-right: 10px;
	float: left;
	min-height: 10px;
}
#teacher-survey form input.text, #teacher-survey form textarea, #teacher-survey form input.checkbox, #teacher-survey form input.submit {
	border: 0;
}
#teacher-survey form input.text {
	width: 200px;
	padding: 5px;
}
#teacher-survey form textarea {
	width: 200px;
	padding: 5px;
	height: 74px;
}
#teacher-survey label#checkbox-subscribe {
	cursor: pointer;
	width: 25px;
	height: 28px;
	background: url('../images/brainscale-options-bg.jpg');
}
#teacher-survey label#checkbox-subscribe.checked {
	background: url('../images/brainscale-options-bg-selected.jpg');
}
#teacher-survey form input.checkbox {
	display: none;
}
#teacher-survey form input.submit {
	background: url('../images/main-nav-bg.png') -126px 0px;
	width: 163px;
	height: 61px;
	font-family: "Arvo Bold";
	color: white;
	letter-spacing: -1px;
	font-size: 26px;
	text-transform: uppercase;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
#teacher-survey form input.submit:hover, #teacher-survey form input.submit:active {
	color: #b41c0a;
	background-position: -126px -61px;
}
/* end CURRICULUM */

/* USA MAP */
#map-container {
	position: relative;
	width: 980px;
	margin: auto;
}
#map-container .subtitle {
	position: absolute;
	margin-top: -75px;
	font-family: "Arvo Bold";
	width: 100%;
	text-align: center;
}
#map-instructions {
	margin-top: -100px;
	padding: 10px;
	background-color: #0F375E;
	color: white;
	font-family: "Arvo Bold";
	text-transform: uppercase;
	display: inline-block;
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -172px;
	box-shadow: 0 5px 0 rgba(0,0,0,0.25);
}
img#area-map-img {
	opacity: 0;
	position: absolute;
	z-index: 2;
}
#map-usa-hover {
	width: 979px;
	height: 556px;
	background-image: url('../images/map-usa.png');
	text-indent: -9999px;
}
#map-usa-hover div {
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	background-image: url('../images/sprite-map-usa.png');
	display: none;
}
#map-usa-hover div.selected {
	display: block;
}
#map-usa-hover div#hover-al {
	width: 83px;
	height: 117px;
	background-position: -701px -457px;
	top: 339px;
	left: 671px;
}
#map-usa-hover div#hover-ak {
	width: 242px;
	height: 175px;
	background-position: -10px -193px;
	top: 383px;
	left: 40px;
}
#map-usa-hover div#hover-az {
	width: 134px;
	height: 162px;
	background-position: -394px -324px;
	top: 268px;
	left: 218px;
}
#map-usa-hover div#hover-ar {
	width: 102px;
	height: 96px;
	background-position: -873px -208px;
	top: 311px;
	left: 562px;
}
#map-usa-hover div#hover-ca {
	width: 158px;
	height: 257px;
	background-position: -253px -44px;
	top: 124px;
	left: 97px;
	display: none;
}
#map-usa-hover div#hover-co {
	width: 142px;
	height: 116px;
	background-position: -252px -423px;
	top: 206px;
	left: 323px;
}
#map-usa-hover div#hover-ct {
	width: 56px;
	height: 49px;
	background-position: -33px -59px;
	top: 147px;
	left: 878px;
}
#map-usa-hover div#hover-de {
	width: 45px;
	height: 57px;
	background-position: -1152px -56px;
	top: 208px;
	left: 856px;
}
#map-usa-hover div#hover-fl {
	width: 171px;
	height: 138px;
	background-position: -873px -393px;
	top: 413px;
	left: 689px;
}
#map-usa-hover div#hover-ga {
	width: 104px;
	height: 117px;
	background-position: -769px -219px;
	top: 330px;
	left: 719px;
}
#map-usa-hover div#hover-hi {
	width: 134px;
	height: 96px;
	background-position: -411px -228px;
	top: 284px;
	left: -3px;
}
#map-usa-hover div#hover-id {
	width: 120px;
	height: 184px;
	background-position: -537px -45px;
	top: 20px;
	left: 219px;
}
#map-usa-hover div#hover-il {
	width: 83px;
	height: 143px;
	background-position: -169px -51px;
	top: 179px;
	left: 611px;
}
#map-usa-hover div#hover-in {
	width: 80px;
	height: 116px;
	background-position: -89px -77px;
	top: 188px;
	left: 665px;
}
#map-usa-hover div#hover-ia {
	width: 121px;
	height: 95px;
	background-position: -846px -4px;
	top: 158px;
	left: 532px;
}
#map-usa-hover div#hover-ks {
	width: 140px;
	height: 92px;
	background-position: -657px 0;
	top: 235px;
	left: 444px;
}
#map-usa-hover div#hover-ky {
	width: 135px;
	height: 85px;
	background-position: -943px -543px;
	top: 247px;
	left: 651px;
}
#map-usa-hover div#hover-la {
	width: 116px;
	height: 105px;
	background-position: -1231px -543px;
	top: 386px;
	left: 574px;
}
#map-usa-hover div#hover-me {
	width: 81px;
	height: 127px;
	background-position: -657px -92px;
	top: 24px;
	left: 902px;
}
#map-usa-hover div#hover-md {
	width: 101px;
	height: 81px;
	background-position: -868px -127px;
	top: 208px;
	left: 803px;
}
#map-usa-hover div#hover-ma {
	width: 75px;
	height: 55px;
	background-position: -700px -574px;
	top: 125px;
	left: 882px;
}
#map-usa-hover div#hover-mi {
	width: 153px;
	height: 141px;
	background-position: -1078px -542px;
	top: 73px;
	left: 621px;
}
#map-usa-hover div#hover-mn {
	width: 131px;
	height: 146px;
	background-position: -1181px -396px;
	top: 48px;
	left: 521px;
}
#map-usa-hover div#hover-ms {
	width: 74px;
	height: 120px;
	background-position: -681px -337px;
	top: 341px;
	left: 619px;
}
#map-usa-hover div#hover-mo {
	width: 130px;
	height: 120px;
	background-position: -738px -99px;
	top: 224px;
	left: 544px;
}
#map-usa-hover div#hover-mt {
	width: 189px;
	height: 134px;
	background-position: -394px -486px;
	top: 15px;
	left: 261px;
}
#map-usa-hover div#hover-ne {
	width: 157px;
	height: 88px;
	background-position: -1022px -303px;
	top: 175px;
	left: 417px;
}
#map-usa-hover div#hover-nv {
	width: 128px;
	height: 186px;
	background-position: -410px -43px;
	top: 150px;
	left: 159px;
}
#map-usa-hover div#hover-nh {
	width: 47px;
	height: 79px;
	background-position: -1105px -34px;
	top: 80px;
	left: 891px;
}
#map-usa-hover div#hover-nj {
	width: 49px;
	height: 70px;
	background-position: -1147px -234px;
	top: 173px;
	left: 858px;
}
#map-usa-hover div#hover-nm {
	width: 137px;
	height: 152px;
	background-position: -1043px -391px;
	top: 281px;
	left: 307px;
}
#map-usa-hover div#hover-ny {
	width: 143px;
	height: 121px;
	background-position: -1117px -113px;
	top: 86px;
	left: 790px;
}
#map-usa-hover div#hover-nc {
	width: 152px;
	height: 89px;
	background-position: -870px -304px;
	top: 275px;
	left: 743px;
}
#map-usa-hover div#hover-nd {
	width: 136px;
	height: 94px;
	background-position: -252px -539px;
	top: 47px;
	left: 421px;
}
#map-usa-hover div#hover-oh {
	width: 89px;
	height: 103px;
	background-position: -784px -422px;
	top: 172px;
	left: 713px;
}
#map-usa-hover div#hover-ok {
	width: 159px;
	height: 97px;
	background-position: -784px -531px;
	top: 299px;
	left: 426px;
}
#map-usa-hover div#hover-or {
	width: 155px;
	height: 140px;
	background-position: -527px -337px;
	top: 44px;
	left: 111px;
}
#map-usa-hover div#hover-pa {
	width: 118px;
	height: 89px;
	background-position: -1180px -307px;
	top: 160px;
	left: 774px;
}
#map-usa-hover div#hover-ri {
	width: 40px;
	height: 43px;
	background-position: -1197px -70px;
	top: 145px;
	left: 904px;
}
#map-usa-hover div#hover-sc {
	width: 116px;
	height: 87px;
	background-position: -754px -336px;
	top: 323px;
	left: 749px;
}
#map-usa-hover div#hover-sd {
	width: 139px;
	height: 106px;
	background-position: -967px -32px;
	top: 111px;
	left: 416px;
}
#map-usa-hover div#hover-tn {
	width: 173px;
	height: 68px;
	background-position: -975px -235px;
	top: 295px;
	left: 640px;
}
#map-usa-hover div#hover-tx {
	width: 252px;
	height: 252px;
	background-position: 0 -368px;
	top: 306px;
	left: 350px;
}
#map-usa-hover div#hover-ut {
	width: 119px;
	height: 148px;
	background-position: -582px -476px;
	top: 166px;
	left: 238px;
}
#map-usa-hover div#hover-vt {
	width: 48px;
	height: 75px;
	background-position: -797px -24px;
	top: 85px;
	left: 868px;
}
#map-usa-hover div#hover-va {
	width: 143px;
	height: 98px;
	background-position: -974px -137px;
	top: 221px;
	left: 749px;
}
#map-usa-hover div#hover-wa {
	width: 127px;
	height: 108px;
	background-position: -545px -229px;
	top: -7px;
	left: 144px;
}
#map-usa-hover div#hover-wv {
	width: 89px;
	height: 85px;
	background-position: 0 -109px;
	top: 221px;
	left: 756px;
}
#map-usa-hover div#hover-wi {
	width: 97px;
	height: 118px;
	background-position: -672px -219px;
	top: 88px;
	left: 587px;
}
#map-usa-hover div#hover-wy {
	width: 143px;
	height: 122px;
	background-position: -252px -301px;
	top: 116px;
	left: 298px;
}
#state-info {
	width: 300px;
	min-height: 100px;
	padding: 20px;
	margin: auto;
	background-color: #0F375E;
	color: white;
	font-family: "Arvo Bold";
	box-shadow: 0 5px 0 rgba(0,0,0,0.25);
	display: none;
	position: absolute;
	left: -250px;
	top: 50px;
}
#state-info div.photo {
	float: right;
	margin: 0 0 20px 20px;
	background-color: white;
	padding: 5px;
	box-shadow: 0 5px 0 rgba(0,0,0,0.25);
}
#state-info div.photo img {
	width: 240px;
	height: 180px;
	float: left;
}
#state-info h2 {
	text-transform: uppercase;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.25);
	width: 230px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 22px;
	margin-bottom: 10px;
	white-space: nowrap;
}
#how-states-became-states {
	background-color: white;
	padding: 20px;
	color: #0F375E;
	font-family: "Arvo Bold";
	width: 600px;
	margin: 20px auto 0;
}
#how-states-became-states h3 {
	font-weight: normal;
	color: #B41C0A;
	font-size: 26px;
	text-align: center;
}
#how-states-became-states p {
	margin: 10px 0;
}
#how-states-became-states ol {
	margin-left: 20px;
}
#how-states-became-states ol li {
	margin: 10px 0;
}
/* end USA MAP */

/* CONSTITUTION BOT */
#bot-container {
	width: 984px;
	margin: auto;
	position: relative;
}
.click {
	position: absolute;
	width: 228px;
	height: 201px;
	top: 223px;
}
.click .arrow {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 133px;
	height: 112px;
	background: url('../images/bot-click-arrow.png');
}
.click .me {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 222px;
	height: 137px;
	text-indent: -9999px;
	background: url('../images/bot-click-me.png');
}
#bot {
	width: 331px;
	height: 591px;
	background: url('../images/bot2.png') no-repeat center bottom;
	position: absolute;
	right: 375px;
	cursor: pointer;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	top: -60px;
	z-index: 1;
}
#bot .zap {
	position: absolute;
}
#speech-start {
	background: url('../images/bot-speech-start.png');
	width: 42px;
	height: 42px;
	position: absolute;
	top: 175px;
	left: -20px;
	opacity: 0;
}
#speech-bubble {
	opacity: 0;
	width: 300px;
	background-color: white;
	padding: 20px;
	position: absolute;
	top: 0;
	left: -360px;
	font-family: "Exo";
	color: #0f375e;
	box-shadow: 0 5px 0 rgba(0,0,0,0.25);
}
#speech-bubble ol {
	margin: 10px 0 10px 30px;
}
#speech-bg {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.25);
	display: none;
}
#zap-left {
	width: 99px;
	height: 88px;
	background: url('../images/zap-left.png');
	top: 130px;
	animation-delay: 0.3s;
	-webkit-animation-delay: 3s;
}
#zap-top {
	width: 95px;
	height: 120px;
	background: url('../images/zap-top.png');
	left: 95px;
}
#zap-right {
	width: 97px;
	height: 88px;
	background: url('../images/zap-right.png');
	top: 125px;
	right: 14px;
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
#bot-container .side .box {
	font-family: "Exo";
	font-size: 17px;
	color: #4a463a;
	width: 256px;
	padding: 30px;
	height: 116px;
	background: url('../images/bot-side-box.png');
	position: absolute;
	right: 0;
	text-align: center;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
}
#bot-container .side .box em {
	display: inline-block;
	margin-top: 10px;
	font-size: 16px;
}
#bot-container .side .game {
	width: 315px;
	height: 122px;
	background: url('../images/bot-side-download.png');
	right: 0;
	top: 341px;
	position: absolute;
	font-family: "Arvo Bold";
	text-transform: uppercase;
	font-size: 20px;
	color: white;
}
#bot-container .side .game a {
	padding: 18px 0 0 100px;
	width: 201px;
	height: 97px;
	display: inline-block;
}
#bot-container .side .game#play-bill-of-rights {
	top: 200px;
}

/* CROSSWORD PUZZLE */
#crossword-container {
	width: 640px;
	margin: auto;
}
.download-pdf, .download-answers {
	margin-top: 130px;
	width: 286px;
	height: 67px;
	background: url('../images/crossword-download-bg.png') no-repeat;
	float: left;
	margin-right: 50px;
	font-family: "Arvo Bold";
	font-size: 24px;
	text-align: center;
	padding-top: 127px;
	text-transform: uppercase;
}
.download-answers {
	background-size: cover;
	font-size: 14px;
	height: 40px;
	margin-top: 0;
	margin-left: 70px;
	padding-top: 60px;
	width: 147px;
}
#crossword-icon {
	float: left;
	width: 299px;
	height: 474px;
	background: url('../images/crossword-icon2.png');
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

/* LADY LIBERTY TRIVIA */
#liberty-coin img {
	float: left;
	margin-right: 55px;
}
#audio-player {
	float: left;
	width: 634px;
	height: 550px;
	background-image: url('../images/audio-player-bg.png');
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
}
#playerPlay {
	width: 55px;
	height: 55px;
	float: left;
	background: url('../images/audio-player-btns.png');
	cursor: pointer;
}
#playerPlay.paused {
	background-position: 0 -55px;
}
#playerSeekBar {
	float: left;
	width: 555px;
	height: 6px;
	border: 2px solid white;
	margin: 22.5px 20px 22.5px 0;
	position: relative;
	cursor: pointer;
	background-color: transparent;
}
#playerSeekElapsed, #playerSeekLoaded {
	position: absolute;
	height: 6px;
}
#playerSeekElapsed {
	z-index: 1;
	background: #b41c0a;
}
#playerSeekLoaded {
	background: white;
}
#facts {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-top: 55px;
	overflow: hidden;
}
#facts .container {
	width: 12680px;
	height: 100%;
	position: absolute;
}
#facts .fact {
	width: 494px;
	float: left;
	padding: 30px 70px;
}
#facts h3 {
	text-align: center;
	font-family: "Arvo Bold";
	font-size: 40px;
	color: #b5aa8c;
	text-transform: uppercase;
	margin-bottom: 20px;
}
#facts p {
	text-align: center;
	font-family: "Exo Bold";
	font-size: 23px;
	color: #4a463a;
}
#audio-player {
	position: relative;
}
#audio-player .prev, #audio-player .next {
	display: block;
	border: 0;
	text-indent: -9999px;
	width: 46px;
	height: 74px;
	position: absolute;
	top: 207px;
	background: url('../images/audio-player-prev-next.png');
	left: -17px;
	cursor: pointer;
}
#audio-player .next {
	left: auto;
	right: -17px;
	background-position: -46px 0;
}

/* FILL ME IN */
#fillmein-container {
	width: 783px;
	margin: auto;
}
#fillmein-illustration {
	float: left;
	width: 464px;
	height: 466px;
	margin-right: 33px;
	background: url('../images/fillmein-illustration2.png');
}
#fillmein-container .download-pdf, #funnies-container .download-pdf {
	margin-right: 0;
}

/* FREEDOM FUNNIES */
#funnies-container {
	width: 1074px;
	margin: auto;
	position: relative;
}
#funnies {
	width: 646px;
	height: 488px;
	background: url('../images/freedom-funnies.png');
	float: left;
	margin: 0 50px 50px 50px;
}
.download-pdf {
	height: 101px;
	padding-top: 93px;
}
.download-pdf .prizes {
	font-size: 16px;
}
.download-pdf .subtitle {
	font-size: 16px;
}
.funnies-copy {
	clear: both;
	font: 14px Arial, Helvetica, sans-serif;
	background-color: #0F375E;
	padding: 20px;
	color: white;
	text-align: center;
}
#funnies-prize {
	font-family: "Arvo Bold";
	font-size: 26px;
	color: #B41C0A;
	text-transform: uppercase;
	position: absolute;
	font-weight: normal;
	background-color: #FFF;
	padding: 10px;
	box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.25);
	right: 0;
}
.funnies-copy h2 {
	font: 24px "Arvo Bold";
}
.funnies-copy h2 span {
	display: inline-block;
}
.funnies-copy a {
	text-decoration: underline;
}
.funnies-copy a.back {
	display: inline-block;
	margin-top: 10px;
}
.funnies-copy ol {
	margin: 20px 0 20px 20px;
	display: inline-block;
	text-align: left;
}
.funnies-copy ol li {
	line-height: 1.5;
	margin: 5px 0;
}
#winners-list {
	list-style: none;
	padding: 20px 0 20px 0;
}
#winners-list li {
	padding-bottom: 20px;
}
/* WALL OF RIGHTS - ARCHIVE */
#wallofrights {
	width: 772px;
	height: 478px;
	background: url('../images/wall-of-rights2.png');
	float: left;
	margin: 0 15px 0 0;
}
/* ROAD TRIP */
#roadtrip-container {
	width: 640px;
	margin: auto;
}
/* NEWS & UPDATES */
#videos-container {
	width: 1028px;
	margin: auto;
}
#videos-container .sidebar {
	position: relative;
	float: left;
	width: 260px;
	height: 484px;
	margin-right: 50px;
	background: #fff;
	-webkit-box-shadow: 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 0px rgba(0,0,0,0.25);
}
#videos-container .sidebar button {
	cursor: pointer;
	width: 70px;
	height: 52px;
	position: absolute;
	top: -27px;
	left: 95px;
	text-indent: -9999px;
	border: 0;
	background: url('../images/arrows-up-down.png');
}
#videos-container .sidebar button.down {
	background-position: 0 -52px;
	top: auto;
	bottom: -27px;
}
#videos-container .sidebar .playlist {
	overflow: hidden;
	height: 414px;
	margin-top: 40px;
	position: relative;
}
#videos-container .sidebar ul {
	margin-left: 30px;
	position: absolute;
	top: 0;
}
#videos-container .sidebar ul li {
	display: inline-block;
	list-style: none;
	width: 215px;
	height: 127px;
	background: url('../images/street-videos-side-thumb-bg2.png');
	margin-bottom: 14px;
}
#videos-container .sidebar ul li.selected {
	background-position: 0 -127px;
}
#videos-container .sidebar ul li .thumb {
	margin-top: 13px;
	margin-left: 16px;
	width: 170px;
	height: 97px;
}
#videos-container .sidebar ul li.selected .thumb span {
	cursor: default;
	display: none;
}
#videos-container .sidebar ul li .thumb span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url('../images/street-videos-side-play.png') no-repeat center center;
	opacity: 0.5;
	text-indent: -9999px;
	cursor: pointer;
}
#videos-container .sidebar ul li .thumb span:hover {
	opacity: 1;
}
#videos-container .video-player, #roadtrip-container .video-player {
	float: left;
	width: 679px;
	background: url('../images/street-video-bg.png') no-repeat;
	text-align: center;
	padding: 18px 0 0 39px;
}
#videos-container .video-player iframe, #roadtrip-container .video-player iframe {
	float: left;
}
#videos-container .video-player h3, #roadtrip-container .video-player h3 {
	clear: left;
	font-family: "Arvo Bold";
	text-transform: uppercase;
	color: white;
	font-size: 26px;
	line-height: 80px;
	height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 39px;
}
#news-ads {
	clear: both;
	width: 540px;
	margin: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	display: inline-block;
}
#news-ads img {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
#news-ads {
	float: left;
	width: 220px;
	margin-left: 349px;
}
#news-ads ul {
	list-style: none;
	font-family: "Arvo Bold";
}
#news-ads ul li a {
	color: #0f375e;
	font-size: 18px;
}

/* FOR REAL */
#forreal-container {
	width: 1048px;
	height: 1000px;
	margin: auto;
}
#forreal-container div {
	float: left;
}
#forreal-container .center {
	width: 728px;
	text-align: center;
	margin: 0 20px;
}
#forreal-container iframe {
	margin: 20px 0;
}
#forreal-container .left, #forreal-container .right {
	margin-top: 55px;
}
/* end FOR REAL */

/* COUNTDOWN */
#countdown-box {
	right: 60px;
	width: 574px;
	height: 57px;
	padding: 15px 10px;
	background: url('../images/bg-footer-countdown.png') no-repeat;
}
#countdown-box p.title {
	font-family: "Arvo Bold";
	color: #75e1fe;
	text-transform: uppercase;
	text-shadow: 0 5px 0 rgba(0,0,0,0.2);
	text-align: center;
}
#countdown-box .copy {
	float: left;
	margin: 0 10px;
}
#countdown-box p.title.top {
	font-size: 20px;
}
#countdown-box p.title.bottom {
	font-size: 20px;
}
#flipclock-container {
	text-align: center;
	float: left;
}
#flipclock {
	margin: 0;
	display: inline-block;
	width: auto;
}
.flip-clock-wrapper ul {
	width: 30px;
	height: 40px;
	margin: 2px;
}
.flip-clock-wrapper ul li {
	line-height: 40px;
}
.flip-clock-wrapper ul li a div div.inn {
	font-size: 20px;
	background-color: #f8f8f8;
	color: #ca210e;
	text-shadow: 0 1px 2px #333;
}
.flip-clock-dot {
	display: none;
}
.flip-clock-wrapper ul li a div.up:after {
	background-color: rgba(204,204,204,0.4);
	top: 19px;
}
.flip-clock-divider {
	width: 12px;
	height: 50px;
}
.flip-clock-divider .flip-clock-label {
	top: 50px;
	text-transform: uppercase;
	color: white;
	width: 68px;
	display: inline-block;
	text-align: center;
	right: 0;
	left: 12px;
}
.flip-clock-divider.minutes .flip-clock-label, .flip-clock-divider.seconds .flip-clock-label {
	right: 0;
}
.flip-clock-divider:first-child .flip-clock-label {
	left: 0;
}
/* end COUNTDOWN */

/* HOLIDAY PETITION */
#page-holiday {
	text-align: center;
	margin-top: -75px;
}
#page-holiday h2 {
	display: inline-block;
	font-family: "Arvo Bold";
	font-size: 26px;
	color: #B41C0A;
	text-transform: uppercase;
	font-weight: normal;
	background-color: white;
	box-shadow: 0 5px 0 rgba(0,0,0,0.25);
	padding: 10px;
}
#page-holiday p {
	text-align: left;
	font-family: "Arvo Bold";
	margin: 30px 0;
}
#page-holiday .content {
	padding: 30px;
	width: 300px;
	margin: auto;
	position: relative;
}
#page-holiday .content p {
	text-align: center;
	font-size: 22px;
}
#page-holiday .content p span.date {
	font-size: 26px;
}
#page-holiday .content a.petition-link {
	background-color: #B41C0A;
	display: inline-block;
	padding: 5px 20px;
	box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.25);
}
#page-holiday .click {
	left: -180px;
	top: 20px;
}
.click.holiday .me {
	background: url('../images/holiday-click-parents-teachers.png');
}
/* end HOLIDAY PETITION */

/* MEDIA QUERIES / RESPONSIVE */
@media (max-width: 1280px) {
	#main, ul.activities {
		width: 95%;
	}
	ul.activities li p {
		width: 180px;
	}
	ul.activities li span.text {
		font-size: 18px;
		width: 160px;
	}
}
@media (max-width: 1024px) {
	#main {
		width: 100%;
	}
}