html.embed, body, #container {
  background-color: transparent; }

#header {
  display: none; }

.wufoo li {
  width: 90%; }

.wufoo li#errorLi {
  display: none; }

.wufoo li.buttons {
  text-align: center; }

.wufoo li.buttons input.btTxt {
  font-size: .8em;
  width: 12%;
  background-color: #fcf6d2;
  border: 1px solid #7f5f1a;
  color: #1e1616;
  padding: 1% 0;
  border-radius: 10px 10px 10px 10px; }

.wufoo li.buttons input.btTxt:hover {
  background-color: #76562f;
  color: #eadbba; }

.wufoo li.wufoo-name, .wufoo li.wufoo-email, .wufoo li.wufoo-phone, .wufoo li.wufoo-age {
  width: 90%; }

.wufoo li.wufoo-name label.desc, .wufoo li.wufoo-email label.desc, .wufoo li.wufoo-phone label.desc, .wufoo li.wufoo-age label.desc {
  display: block;
  float: left;
  width: 20%;
  font-weight: normal; }

.wufoo li.wufoo-name div, .wufoo li.wufoo-email div, .wufoo li.wufoo-phone div, .wufoo li.wufoo-age div {
  float: left;
  width: 80%;
  display: block; }

.wufoo li.wufoo-name div input, .wufoo li.wufoo-email div input, .wufoo li.wufoo-phone div input, .wufoo li.wufoo-age div input {
  width: 100%; }

.wufoo li.wufoo-name p.instruct small, .wufoo li.wufoo-email p.instruct small, .wufoo li.wufoo-phone p.instruct small, .wufoo li.wufoo-age p.instruct small {
  font-style: italic;
  margin-left: 20%; }

.wufoo li.wufoo-textarea label.desc {
  font-weight: normal; }

.wufoo li.wufoo-textarea textarea.large {
  height: 5em; }

.wufoo li.wufoo-footnote section h3, .wufoo li.wufoo-footnote .section h3 {
  display: none; }

.wufoo li.wufoo-footnote div {
  font-style: italic; }

.wufoo li.wufoo-footnote div a {
  font-style: normal;
  color: #c11c0f; }

.wufoo li span.req {
  display: none !important; }

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
  font-family: "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 200;
  color: #fff; }

#sb-container {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: left;
  visibility: hidden;
  display: none; }

#sb-overlay {
  position: relative;
  height: 100%;
  width: 100%; }

#sb-wrapper {
  position: absolute;
  visibility: hidden;
  width: 100px; }

#sb-wrapper-inner {
  position: relative;
  border: 1px solid #303030;
  overflow: hidden;
  height: 100px; }

#sb-body {
  position: relative;
  height: 100%; }

#sb-body-inner {
  position: absolute;
  height: 100%;
  width: 100%; }

#sb-player.html {
  height: 100%;
  overflow: auto; }

#sb-body img {
  border: none; }

#sb-loading {
  position: relative;
  height: 100%; }

#sb-loading-inner {
  position: absolute;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center; }

#sb-loading-inner span {
  background: url("/assets/loading-e1dcb713c69c68197db4c0ce7e90930c.gif") no-repeat;
  padding-left: 34px;
  display: inline-block; }

#sb-body, #sb-loading {
  background-color: #060606; }

#sb-title, #sb-info {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden; }

#sb-title, #sb-title-inner {
  height: 26px;
  line-height: 26px; }

#sb-title-inner {
  font-size: 16px; }

#sb-info, #sb-info-inner {
  height: 20px;
  line-height: 20px; }

#sb-info-inner {
  font-size: 12px; }

#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%; }

#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
  background-repeat: no-repeat; }

#sb-nav-close {
  background-image: url("/assets/close-2a38f310ef3c344751af7b6edd657125.png"); }

#sb-nav-next {
  background-image: url("/assets/next-4ee09888a9f3fa0252d4b6be8864d97e.png"); }

#sb-nav-previous {
  background-image: url("/assets/previous-0c6ed4d5fab0b12cd02c8f8de303fbdb.png"); }

#sb-nav-play {
  background-image: url("/assets/play-2362f02f005d9521b241a12b84b52702.png"); }

#sb-nav-pause {
  background-image: url("/assets/pause-2b7e24b7e375c4a000388394c64dad94.png"); }

#sb-counter {
  float: left;
  width: 45%; }

#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff; }

#sb-counter a.sb-counter-current {
  text-decoration: underline; }

div.sb-message {
  font-size: 12px;
  padding: 10px;
  text-align: center; }

div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline; }

div.orbit-wrapper {
  width: 1px;
  height: 1px;
  position: relative; }

div.orbit {
  width: 1px;
  height: 1px;
  position: relative; }

div.orbit > img {
  position: absolute;
  top: 0;
  left: 0; }

html {
  color: #7a7a7a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  font-style: inherit;
  font-weight: inherit; }

html body {
  background: url("/assets/bgd_main-6a0e65b1c6515c60fae891f5dcef6d05.gif") repeat scroll 0 0 transparent;
  margin: 0;
  padding: 0; }

html body img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  max-width: 100%; }

html body iframe {
  border: 0; }

html body a {
  color: #1e1616;
  outline: medium none;
  text-decoration: none; }

html body ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

html body article, html body header, html body nav, html body footer {
  display: block; }

html body input {
  border: 1px solid #7a7a7a;
  margin: .5%;
  padding: .4%;
  width: 40%;
  color: #7a7a7a; }

html body textarea {
  border: 1px solid #7a7a7a;
  margin: .5%;
  padding: .4%;
  width: 40%;
  color: #7a7a7a;
  resize: none; }

html body input[type="submit"], html body input[type="button"], html body input[type="reset"] {
  border-radius: 10px 10px 10px 10px; }

html body form *:focus {
  border: 1px solid #1c5aa8;
  outline: none; }

html body #sb-body, html body #sb-loading {
  background-color: #ffffff !important; }

html body #main {
  background-color: #ffffff;
  padding: 0;
  margin: 0 auto; }

html body #main #header-container {
  background: black; }

html body #main #header-container h1#title {
  position: absolute;
  margin: 0;
  z-index: 10;
  max-width: 10%; }

html body #main #header-container #menu ul li:hover ul ul, html body #main #header-container #menu ul ul li:hover ul ul {
  display: none; }

html body #main #header-container #menu ul ul {
  padding: 0.5em; }

html body #main #header-container ul {
  width: auto; }

html body #main #header-container ul li a {
  color: #ffffff;
  white-space: nowrap;
  font-family: 'Radley';
  line-height: 1.3em; }

html body #main #header-container ul li span {
  color: #ffffff;
  white-space: nowrap;
  font-family: 'Radley';
  line-height: 1.3em;
  cursor: default; }

html body #main #header-container ul li ul {
  display: none;
  z-index: 500; }

html body #main #content {
  position: relative; }

html body #main #content a:hover {
  text-decoration: underline; }

html body #main #content h1 {
  font-family: 'Radley';
  color: #1e1616; }

html body #main #content h2 {
  font-family: 'Radley';
  font-weight: normal;
  margin: 1% 0; }

html body #main #content h3 {
  font-family: 'Radley';
  font-family: 'Radley';
  font-weight: normal;
  margin-bottom: 0; }

html body #main #content h4 {
  color: #1e1616;
  font-weight: bold; }

html body #main #content h5 {
  margin: 0;
  font-weight: bold; }

html body #main .home_page {
  margin-top: 32% !important; }

html body #main .home_page header {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-origin: padding-box;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("/assets/bgd_top_homepage-66aede9c054213567cd506f2aec2c806.gif");
  background-position: center top;
  height: 30px;
  margin-bottom: -4%; }

html body #main .home_page footer {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-origin: padding-box;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("/assets/bgd_bottom_homepage-e1f13e94a754b582a83609728776bdfc.gif");
  background-position: center bottom;
  height: 60px;
  margin-bottom: 1.7%;
  margin-top: -4.5%; }

html body #main .home_page article {
  padding: 0 4.1%; }

html body #main .contact_us_page {
  margin-top: 32% !important;
  background: url("/assets/bgd_contact-49fd099240d7008a23acf65994f6f148.jpg") no-repeat scroll 0 0 #ffffff;
  background-size: 100%; }

html body #main .contact_us_page .button {
  background-color: #cdcdcd;
  border: 1px solid #5f5f5f;
  margin-top: 1%;
  width: 55%; }

html body #main .contact_us_page .button:hover {
  background-color: #5f5f5f;
  border: 1px solid #cdcdcd;
  color: #cdcdcd; }

html body #main .contact_us_page div {
  float: right;
  margin: 0.7% 5% 5%;
  position: relative;
  width: 52%; }

html body #main .contact_us_page div h1 {
  margin-bottom: 0; }

html body #main .contact_us_page div div {
  display: none; }

html body #main .contact_us_page div li {
  float: left;
  width: 55%;
  line-height: 2.7em; }

html body #main .contact_us_page div li:first-of-type {
  width: 45%; }

html body #main .contact_us_page div li:first-of-type input {
  width: 70%; }

html body #main .contact_us_page div li:first-of-type label {
  width: 22%; }

html body #main .contact_us_page div li:last-of-type {
  text-align: center; }

html body #main .contact_us_page div li.clearfix {
  width: 100%;
  line-height: 1.4em; }

html body #main .contact_us_page div li textarea {
  width: 55%; }

html body #main .contact_us_page div li label {
  display: block;
  float: left;
  width: 17%; }

html body #main .contact_us_page div li input {
  width: 80%; }

html body #main .contact_us_page div.statusMessage {
  width: auto;
  min-height: auto; }

html body #main .left_aside {
  background-color: #000000; }

html body #main .left_aside aside {
  float: left;
  width: 22%;
  color: #ffffff;
  background: url("/assets/bgd_contentLeft-40d5a291de86960cb1660cff346ee7d1.gif") no-repeat scroll center bottom #000000; }

html body #main .left_aside aside ul {
  margin-bottom: 100%; }

html body #main .left_aside aside ul ul {
  display: none;
  padding-left: 6%;
  margin: 0; }

html body #main .left_aside aside h2 {
  margin: 10% 10% 7% !important; }

html body #main .left_aside aside a, html body #main .left_aside aside span {
  border-bottom: 1px solid #131313;
  color: #d4d4d4;
  display: block;
  margin: 0 5%;
  padding: 10px 5%;
  width: auto; }

html body #main .left_aside aside a:hover, html body #main .left_aside aside a.selected:hover {
  background-color: #0d0d0d;
  text-decoration: none !important; }

html body #main .left_aside aside a.selected {
  background-color: #0d0d0d;
  text-decoration: none !important;
  font-weight: bold; }

html body #main .left_aside aside a.selected:focus {
  font-weight: bold; }

html body #main .left_aside:target {
  display: block; }

html body #main .left_aside article {
  display: none;
  background-color: #ffffff;
  float: right; }

html body #main .left_aside article h1 {
  margin-top: 2%; }

html body #main .left_aside article img {
  float: right; }

html body #main .left_aside article img.portrait {
  width: 31.15%; }

html body #main .left_aside article #launchVideo {
  background: url("/assets/bgd_launch_video-778ec4102ddfa59f5ee493d0956bd4a7.gif") no-repeat scroll center bottom #ffffff;
  background-size: 100%;
  text-align: center;
  width: 100%; }

html body #main .left_aside article #launchVideo div#video_wrap {
  width: 80%;
  height: auto;
  height: 372px;
  margin: 3% auto;
  border: 1px solid #ffffff; }

html body #main .left_aside article #launchVideo div#video_wrap div {
  width: 85%;
  margin: 10.9% auto 0;
  height: 77%; }

html body #main .left_aside article#video div {
  background: url("/assets/bgd_intro_video-84035f3f6be472e3def18f0c3250c841.gif") no-repeat scroll 0 0 #ffffff;
  background-size: 93.35%;
  border: 1px solid #ffffff;
  position: relative;
  width: 100%;
  height: 29em;
  padding-bottom: 10em; }

html body #main .left_aside article#video div div {
  background: none;
  border: none;
  position: relative;
  width: 63%;
  height: 63%;
  margin: 9% 0 0 8%; }

html body #main .left_aside article#video div div iframe {
  width: 100%;
  height: 100%; }

html body #main .left_aside article#music div {
  padding: 0 4.1%;
  text-align: center; }

html body #main .left_aside article#music div div#song {
  height: 1.8em; }

html body #main .left_aside article#music div div#song embed {
  height: 100%;
  width: 80%; }

html body #main .left_aside article#music img {
  float: none; }

html body #main .left_aside article#music header {
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("/assets/bgd_top_song-48fce307a2e2f5176078776723555f33.gif");
  background-position: center top;
  height: 7em;
  margin-bottom: -4%; }

html body #main .left_aside article#music footer {
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("/assets/bgd_bottom_song-2ac338bfa8c86abf4e0716e16e29348a.gif");
  background-position: center bottom;
  height: 5em;
  margin-bottom: 1.7%; }

html body #main .left_aside article#competition {
  max-height: 82em;
  min-height: 82em; }

html body #main .left_aside article#competition div.activities_wrap {
  width: 100%;
  background: url("/assets/competition_bg-fd73d7249013e3c98f3d87fa436acb3d.jpg") no-repeat scroll 0 0 #ffffff;
  min-height: 48em;
  background-size: 99.99%; }

html body #main .left_aside article#competition div.activities_wrap div {
  color: black;
  width: 86%;
  padding: 6% 0 0;
  position: inherit; }

html body #main .left_aside article#competition div.activities_wrap div ul {
  padding-top: 1em; }

html body #main .left_aside article#competition div.activities_wrap div ul li {
  padding: 0.53em 0; }

html body #main .left_aside article#competition div.activities_wrap div ul li:last-of-type {
  text-align: center;
  padding: 0; }

html body #main .left_aside article#competition div.activities_wrap div ul li textarea {
  width: 85%; }

html body #main .left_aside article#competition div.activities_wrap div ul li #counter {
  padding-left: 1%; }

html body #main .left_aside article#competition div.activities_wrap div ul li label {
  display: block;
  float: left;
  width: 20%;
  padding-top: 0.1em; }

html body #main .left_aside article#competition div.activities_wrap div ul li .button {
  width: 12%; }

html body #main .left_aside article#competition div.activities_wrap div.statusMessage {
  width: auto;
  min-height: auto; }

html body #main .left_aside article#quiz_likeOAG {
  color: black; }

html body #main .left_aside article#quiz_likeOAG #quizContent {
  width: 100%;
  background: url("/assets/quizzes_bg-851c2057b9cbcc0509c33ac50dfc4e50.jpg") repeat-y scroll left top #ffffff;
  background-size: 99.9%;
  padding-top: 2.5%;
  text-align: center; }

html body #main .left_aside article#quiz_likeOAG #quizContent h1 {
  margin-bottom: 0; }

html body #main .left_aside article#quiz_likeOAG #quizContent h3 {
  margin-top: 1%; }

html body #main .left_aside article#quiz_likeOAG #quizContent div {
  width: 78%;
  margin: 0 auto;
  padding-right: 13%;
  padding-bottom: 5%;
  background-size: 90%;
  text-align: left; }

html body #main .left_aside article#quiz_likeOAG #quizContent div ol {
  padding-left: 4%; }

html body #main .left_aside article#quiz_likeOAG #quizContent div ul {
  padding-bottom: 2.5%;
  padding-left: 2.5%; }

html body #main .left_aside article#quiz_likeOAG #quizContent div ul li span {
  color: #c11c0f;
  display: block;
  float: right;
  font-weight: bold;
  width: 5%;
  margin-left: 3%; }

html body #main .left_aside article#quiz_likeOAG #resultsContent {
  width: 100%;
  background: url("/assets/quizzes_pic-b313e719b1de9ce53fb463223d112bab.jpg") no-repeat scroll right bottom #f6ecd1;
  background-size: 30%; }

html body #main .left_aside article#quiz_likeOAG #resultsContent h3 {
  padding-top: 3%; }

html body #main .left_aside article#quiz_likeOAG #resultsContent #results {
  width: 80%;
  margin: 0 auto;
  padding-right: 10%;
  padding-bottom: 5%;
  min-height: 440px;
  text-align: left; }

html body #main .left_aside article#quiz_likeOAG #resultsContent #results span {
  font-weight: bold; }

html body #main .left_aside article#quiz_likeOAG #resultsContent #results dl {
  margin-right: 10%; }

html body #main .left_aside article#quiz_likeOAG #resultsContent #results dl dt {
  padding: 1.5%; }

html body #main .left_aside article#quiz_likeOAG #resultsContent #results dl dt a {
  display: block; }

html body #main .left_aside article#quiz_likeOAG #resultsContent #results dl dd {
  padding: 1.5%;
  padding: 10px; }

html body #main .left_aside article#quiz_likeOAG #resultsContent #results dl dd a {
  display: block; }

html body #main .left_aside article#quiz_likeOAG #resultsContent #results dl dd:last-of-type {
  position: relative;
  top: -1%; }

html body #main .left_aside article#quiz_knowOAG {
  background: url("/assets/bgd_results-521c4cdf8e47fd042572c7fe12b37232.gif") no-repeat scroll right top #ffffff;
  background-size: 96.25%; }

html body #main .left_aside article#quiz_knowOAG p {
  font-weight: bold; }

html body #main .left_aside article#quiz_knowOAG #quiz_knowOAG_content, html body #main .left_aside article#quiz_knowOAG #creative_writing_activity_content {
  display: block;
  width: 86%;
  margin: 4% auto; }

html body #main .left_aside article#quiz_knowOAG #quiz_knowOAG_content h1, html body #main .left_aside article#quiz_knowOAG #creative_writing_activity_content h1 {
  margin-bottom: 0; }

html body #main .left_aside article#quiz_knowOAG #quiz_knowOAG_content h3, html body #main .left_aside article#quiz_knowOAG #creative_writing_activity_content h3 {
  margin-top: 1%; }

html body #main .left_aside article#quiz_knowOAG #quiz_knowOAG_content h4, html body #main .left_aside article#quiz_knowOAG #creative_writing_activity_content h4 {
  margin: 2% 0; }

html body #main .left_aside article#quiz_knowOAG div {
  display: none; }

html body #main .left_aside article#creative_writing_activity {
  background: url("/assets/bgd_results-521c4cdf8e47fd042572c7fe12b37232.gif") no-repeat scroll right top #ffffff;
  background-size: 96.25%;
  background-image: url("/assets/bgd_creative_writing-c2f50e9570b1785c9d9f74f6eba75ce1.gif");
  color: #1e1616; }

html body #main .left_aside article#creative_writing_activity p {
  font-weight: bold;
  font-weight: normal; }

html body #main .left_aside article#creative_writing_activity #quiz_knowOAG_content, html body #main .left_aside article#creative_writing_activity #creative_writing_activity_content {
  display: block;
  width: 86%;
  margin: 4% auto; }

html body #main .left_aside article#creative_writing_activity #quiz_knowOAG_content h1, html body #main .left_aside article#creative_writing_activity #creative_writing_activity_content h1 {
  margin-bottom: 0; }

html body #main .left_aside article#creative_writing_activity #quiz_knowOAG_content h3, html body #main .left_aside article#creative_writing_activity #creative_writing_activity_content h3 {
  margin-top: 1%; }

html body #main .left_aside article#creative_writing_activity #quiz_knowOAG_content h4, html body #main .left_aside article#creative_writing_activity #creative_writing_activity_content h4 {
  margin: 2% 0; }

html body #main .left_aside article#creative_writing_activity div {
  display: none; }

html body #main .left_aside article#creative_writing_activity a {
  font-weight: bold; }

html body #main .left_aside article#word_search_activity {
  background: url("/assets/bgd_results-521c4cdf8e47fd042572c7fe12b37232.gif") no-repeat scroll right top #ffffff;
  background-size: 96.25%;
  background-image: url("/assets/wordsearch_bg-0011d8540e971d522831debbdf4073d2.jpg");
  padding-bottom: 20%; }

html body #main .left_aside article#word_search_activity p {
  font-weight: bold; }

html body #main .left_aside article#word_search_activity #quiz_knowOAG_content, html body #main .left_aside article#word_search_activity #creative_writing_activity_content {
  display: block;
  width: 86%;
  margin: 4% auto; }

html body #main .left_aside article#word_search_activity #quiz_knowOAG_content h1, html body #main .left_aside article#word_search_activity #creative_writing_activity_content h1 {
  margin-bottom: 0; }

html body #main .left_aside article#word_search_activity #quiz_knowOAG_content h3, html body #main .left_aside article#word_search_activity #creative_writing_activity_content h3 {
  margin-top: 1%; }

html body #main .left_aside article#word_search_activity #quiz_knowOAG_content h4, html body #main .left_aside article#word_search_activity #creative_writing_activity_content h4 {
  margin: 2% 0; }

html body #main .left_aside article#word_search_activity div {
  display: none;
  display: block;
  width: 81.5%;
  margin: 7% auto; }

html body #main .left_aside article#word_search_activity div h1 {
  margin-bottom: 0; }

html body #main .left_aside article#word_search_activity div h3 {
  margin-top: 1%;
  margin-bottom: 6%; }

html body #main .left_aside article#word_search_activity div li a {
  display: block;
  padding: 3% 0% 6% 15%; }

html body #main .left_aside article#word_search_activity div li:first-of-type a {
  background: url("/assets/wordsearch_icon1-e41868d57d0a4c0d0cfdad95eae336ae.png") no-repeat scroll left 0;
  background-size: 10.9%; }

html body #main .left_aside article#word_search_activity div li:last-of-type a {
  background: url("/assets/wordsearch_icon2-682bb90b1697ba3e1a1464768fe49171.png") no-repeat scroll left 0;
  background-size: 9.8%; }

html body #main .left_aside #quiz_knowOAG_content li a {
  font-weight: bold;
  line-height: 1.85em; }

html body #main .left_aside article#activities div.activities_wrap {
  background: url("/assets/bgd_activities-a98c2700655ed707cf3e1d78be2d0d84.gif") no-repeat scroll 0 0 #ffffff;
  background-size: 100%; }

html body #main .left_aside article#activities div.activities_wrap div {
  width: 82%;
  padding: 6% 2%; }

html body #main .left_aside article#activities div.activities_wrap div ul {
  margin-left: 23%; }

html body #main .left_aside article#become_oag_activity {
  color: #1e1616; }

html body #main .left_aside article#become_oag_activity div.activities_wrap {
  background: url("/assets/bgd_become_oag-78474b6235046c315933819fee3f8eb0.gif") no-repeat scroll 0 0 #ffffff;
  background-size: 100%; }

html body #main .left_aside article#become_oag_activity div.activities_wrap h1 {
  margin-bottom: 0; }

html body #main .left_aside article#become_oag_activity div.activities_wrap h3 {
  margin-top: 1%; }

html body #main .left_aside article#become_oag_activity div.activities_wrap div {
  padding: 2% 0 35%;
  width: 90%; }

html body #main .left_aside article#become_oag_activity div.activities_wrap div ul li {
  float: left;
  line-height: 1.5em;
  width: 50%; }

html body #main .left_aside article#become_oag_activity div.activities_wrap div ul li:last-of-type {
  clear: left;
  float: none; }

html body #main .left_aside article#become_oag_activity div.activities_wrap div ul li img {
  width: 22.3%;
  float: left; }

html body #main .left_aside article#become_oag_activity div.activities_wrap div ul li span {
  float: left;
  margin: 2% 0 0;
  width: 75%; }

html body #main .left_aside article#own_cover_activity div {
  background: url("/assets/bgd_oag_cover-2699ab158404797bb676ba03716c6b39.gif") no-repeat scroll 0 0 #ffffff;
  background-size: 100%;
  color: #1e1616;
  padding: 2% 4% 34%; }

html body #main .left_aside article#own_cover_activity div h1 {
  margin-bottom: 0; }

html body #main .left_aside article#own_cover_activity div h3 {
  margin-top: 1%; }

html body #main .left_aside article#own_cover_activity div ul {
  width: 100%; }

html body #main .left_aside article#own_cover_activity div ul li {
  float: left;
  width: 100%; }

html body #main .left_aside article#own_cover_activity div ul li:last-of-type {
  clear: left;
  float: none; }

html body #main .left_aside article#own_cover_activity div ul li img {
  width: 9.5%;
  float: left; }

html body #main .left_aside article#own_cover_activity div ul li span {
  float: left;
  margin: 0 0 2% 2%;
  width: 86%; }

html body #main .left_aside article#quizzes {
  text-align: center; }

html body #main .left_aside article#quizzes div {
  background: url("/assets/bgd_quizzes_general-45e92069b505a164470eb97d0a1a1a0e.gif") no-repeat scroll top center #ffffff;
  background-size: 100% auto;
  height: auto;
  margin: 6% auto;
  text-align: left; }

html body #main .left_aside article#quizzes div ul {
  margin-left: 23%; }

html body #main .left_aside article#launch_1 h2, html body #main .left_aside #launch_2 h2 {
  margin-bottom: 3%; }

html body #main .left_aside article#launch_1 div, html body #main .left_aside #launch_2 div {
  float: left;
  width: 30%;
  margin-right: 1.8em;
  display: block;
  min-height: 18em; }

html body #main .left_aside article#launch_1 div.cl, html body #main .left_aside #launch_2 div.cl {
  clear: left; }

html body #main .left_aside article#launch_1 div a, html body #main .left_aside #launch_2 div a {
  display: block;
  background-color: #e4e4e4; }

html body #main .left_aside article#launch_1 div label, html body #main .left_aside #launch_2 div label {
  display: block;
  float: left;
  padding: 0 5% 5%; }

html body #main .left_aside article#launch_1 div img, html body #main .left_aside #launch_2 div img {
  width: 90%;
  float: none;
  margin: 5%; }

html body #main .left_aside #forthcoming_events img {
  width: 100%;
  margin-bottom: 3%; }

html body #main #footer {
  color: #c4c4c4;
  background: url("/assets/bgd_footer-4d46fda9b9ecb601aa11f919bb650925.gif") repeat-x scroll center top #6b6b6b;
  background: -moz-linear-gradient(top, #505050 0%, #6b6b6b 40%, #6b6b6b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #505050), color-stop(40%, #6b6b6b), color-stop(100%, #6b6b6b));
  background: -webkit-linear-gradient(top, #505050 0%, #6b6b6b 40%, #6b6b6b 100%);
  background: -o-linear-gradient(top, #505050 0%, #6b6b6b 40%, #6b6b6b 100%);
  background: -ms-linear-gradient(top, #505050 0%, #6b6b6b 40%, #6b6b6b 100%);
  background: linear-gradient(top, #505050 0%, #6b6b6b 40%, #6b6b6b 100%); }

html body #main #footer ul {
  display: block;
  padding: 2.2em 1% 0;
  text-align: center; }

html body #main #footer span {
  display: block;
  padding: 1.1em 1% 1em;
  text-align: center; }

html body #main #footer span a img {
  margin-right: 1em;
  width: 3.428%; }

html body #main #footer a {
  color: #c4c4c4;
  white-space: nowrap; }

html body #main #footer a:hover {
  color: #ffffff; }

.checkbox {
  width: auto !important;
  margin: 0 2% 0 0;
  border: none; }

.title_a {
  font-weight: bold; }

.letty {
  color: #1c5aa8 !important; }

.grace {
  color: #c11c0f !important; }

.poppy {
  color: #61327b !important; }

.rose {
  color: #a63067 !important; }

.nellie {
  color: #e9571d !important; }

.alice {
  color: #055363 !important; }

#screenW {
  background: black;
  color: wheat;
  display: block;
  padding: 5px;
  position: absolute; }

.activities_wrap {
  text-align: center;
  margin: 0 auto; }

.activities_wrap div {
  text-align: left;
  margin: 0 auto; }

.backTop {
  font-size: 95%;
  font-style: italic;
  color: #055363; }

#quizGraceBook, #quizLettyBook, #quizPoppyBook, #quizRoseBook, #quizAllBook {
  width: 900px;
  height: 950px; }

.quizGraceBook, .quizLettyBook, .quizPoppyBook, .quizRoseBook, .quizAllBook {
  background-color: #ffffff;
  height: 100%;
  font-size: 1.2em;
  color: #1e1616;
  text-align: center; }

.quizGraceBook div, .quizLettyBook div, .quizPoppyBook div, .quizRoseBook div, .quizAllBook div {
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  width: 90%; }

.quizGraceBook ol li, .quizGraceBook ol li ul, .quizLettyBook ol li, .quizLettyBook ol li ul, .quizPoppyBook ol li, .quizPoppyBook ol li ul, .quizRoseBook ol li, .quizRoseBook ol li ul, .quizAllBook ol li, .quizAllBook ol li ul {
  padding: .6% 0; }

.quizGraceBook li ul li, .quizLettyBook li ul li, .quizPoppyBook li ul li, .quizRoseBook li ul li, .quizAllBook li ul li {
  display: inline; }

.quizGraceBook li ul li:first-of-type, .quizLettyBook li ul li:first-of-type, .quizPoppyBook li ul li:first-of-type, .quizRoseBook li ul li:first-of-type, .quizAllBook li ul li:first-of-type {
  margin-right: 2%; }

.quizGraceBook li ul li span, .quizLettyBook li ul li span, .quizPoppyBook li ul li span, .quizRoseBook li ul li span, .quizAllBook li ul li span {
  font-size: 90%;
  color: #c11c0f;
  font-weight: bold;
  display: none; }

.button {
  background-color: #fcf6d2;
  border: 1px solid #7f5f1a;
  color: #1e1616;
  padding: 1% 0; }

.button:hover {
  background-color: #76562f;
  color: #eadbba; }

.error {
  margin-left: 2%;
  display: none;
  color: red; }

.menu_title {
  border-width: 0 0 1px;
  display: none;
  margin: 0;
  padding: 0.5em;
  position: relative;
  background: -moz-linear-gradient(#4f4f4f, #2d2d2d) repeat scroll 0 0 #333333;
  background-color: #333333;
  border: 1px solid #111111;
  color: #ffffff;
  text-shadow: 0 1px 1px #000000;
  font-size: 1.15em;
  letter-spacing: 0.2em; }

.sub_menu_title {
  border-width: 0 0 1px;
  display: block;
  position: relative;
  font-size: 1em;
  margin: 0;
  text-shadow: 0 1px 1px #000000; }

.sub_menu_title .icon {
  margin-left: 3em; }

.menu_title span:last-of-type, .sub_menu_title span:last-of-type {
  left: 1.5em;
  position: relative; }

.clearfix:before {
  content: "";
  display: table; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.clearfix {
  zoom: 1; }

.clearM {
  margin: 0 !important; }

.ie7 .hpHeader {
  display: block;
  height: 30px;
  margin-bottom: -4%;
  background: url("/assets/bgd_top_homepage-66aede9c054213567cd506f2aec2c806.gif") no-repeat scroll center top transparent;
  background-size: 100%; }

.ie7 #music.musicHeader {
  display: block;
  background-image: url("/assets/bgd_top_song-48fce307a2e2f5176078776723555f33.gif");
  background-position: center top;
  height: 7em;
  margin-bottom: -4%; }

.ie7 div.home_page header {
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image-path('bgd_top_homepage.gif'), sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image-path('bgd_top_homepage.gif'),sizingMethod='scale'); }

.ie7 div.home_page header footer {
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image-path('bgd_bottom_homepage.gif'), sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image-path('bgd_bottom_homepage.gif'),sizingMethod='scale'); }

.ie7 #footer {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#505050,endColorstr=#6b6b6b,GradientType=0); }

.ie7 .button {
  clear: both;
  text-align: center;
  margin-left: 43%; }

.ie7 #contact_us.button {
  margin-left: 13%; }

.ie8 div.home_page header, ie9 div.home_page header {
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image-path('bgd_top_homepage.gif'), sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image-path('bgd_top_homepage.gif'),sizingMethod='scale'); }

.ie8 div.home_page header footer, ie9 div.home_page header footer {
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image-path('bgd_bottom_homepage.gif'), sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image-path('bgd_bottom_homepage.gif'),sizingMethod='scale'); }

.ie8 #footer, ie9 #footer {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#505050,endColorstr=#6b6b6b,GradientType=0); }

ie8 .button {
  clear: both;
  text-align: center;
  margin-left: 43%; }

ie8 #contact_us.button {
  margin-left: 13%; }

#main {
  min-width: 300px;
  font-size: 1em; }

#main #title {
  display: none; }

#main nav {
  font-size: 1.3em; }

#main nav ul {
  background-color: transparent;
  width: auto; }

#main nav ul li {
  background: -moz-linear-gradient(#4f4f4f, #2d2d2d) repeat scroll 0 0 #333333;
  padding: 2.5%;
  background-color: #333333; }

#main nav ul li a {
  letter-spacing: 0.2em;
  display: block; }

#main nav ul li span {
  letter-spacing: 0.2em; }

#main nav ul ul {
  margin-left: 6em;
  width: 50%; }

#main nav ul ul li {
  margin: 0;
  background: none; }

#main nav ul ul li a:hover {
  background-color: transparent; }

#main nav ul ul a, #main nav ul ul span {
  letter-spacing: 0.2em; }

#main #content_wrapper #content {
  margin-left: 1.8%;
  margin-right: 1.8%; }

#main #content_wrapper #content h1 {
  font-size: 1.59em; }

#main #content_wrapper #content h2 {
  font-size: 1em; }

#main #content_wrapper #content h3 {
  font-size: 1.02em; }

#main #content_wrapper #content p {
  line-height: 1.5em; }

#main #content_wrapper #content .title_a {
  font-size: 1em; }

#main #content_wrapper #content.mobile {
  margin-top: 2em !important; }

#main #content_wrapper #content.home_page h1 {
  font-size: 1.025em; }

#main #content_wrapper .left_aside aside {
  display: none; }

#main #content_wrapper .left_aside article {
  width: 100%;
  padding-left: 0; }

#main #content_wrapper .left_aside article div#video_wrap {
  height: 218px; }

#main #content_wrapper .left_aside article#own_cover_activity ul li {
  line-height: 1.5em; }

#main #content_wrapper .left_aside #quizzes div {
  padding: 6%; }

#main #content_wrapper .left_aside #quizzes h1 {
  margin-left: 5%; }

#main #content_wrapper .left_aside #quizzes ul li {
  padding: 11.5% 0;
  font-size: 1.19em; }

#main #content_wrapper .left_aside #become_oag_activity div.activities_wrap div ul li {
  margin: 0; }

#main #content_wrapper .left_aside #creative_writing_activity {
  min-height: 320px; }

#main #content_wrapper .left_aside #activities div.activities_wrap {
  padding-bottom: 5em; }

#main #content_wrapper .left_aside #activities div.activities_wrap ul li {
  padding-top: 17.3%; }

#main #content_wrapper .left_aside #activities div.activities_wrap ul li:first-of-type {
  padding-top: 12%; }

#main #footer {
  margin-top: 3em; }

#main #footer ul {
  padding-top: 1em; }

#main #footer li {
  display: block;
  padding: 0.5em 5.5%; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #main #content_wrapper #content.home_page h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.045em; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 430px) and (max-width: 480px) {
  #main #content_wrapper #content.home_page h1 {
    font-family: 'Radley';
    font-size: 1.1em; } }
@media only screen and (min-width: 481px) {
  .creators #content, .characters #content, .extracts #content, .quizzes #content, .reviews #content, .events #content {
    margin-left: 0 !important;
    margin-top: 28.8% !important;
    margin-right: .8% !important; }

  #main {
    font-size: 1em; }

  #main #screenW {
    color: green; }

  #main #header-container nav {
    float: right;
    width: 100%;
    font-size: 1em; }

  #main #header-container nav ul {
    background-color: black;
    padding: 1.75% 0.80%;
    float: left; }

  #main #header-container nav ul li {
    background-color: black;
    background: none;
    margin: 0;
    padding: 0;
    display: block; }

  #main #header-container nav ul a, #main #header-container nav ul span {
    display: block;
    text-align: left;
    letter-spacing: normal;
    font-weight: normal;
    padding: 0; }

  #main #header-container nav ul ul {
    margin-left: -1em;
    position: absolute;
    min-width: 19%; }

  #main #header-container nav ul ul a {
    margin: 0px;
    padding: 5% 4%; }

  #main #header-container nav ul ul a:hover {
    background-color: #121212; }

  #main #content_wrapper #content h1, #main #content_wrapper #content.home_page h1 {
    font-size: 1.6em; }

  #main #content_wrapper #content h2 {
    font-size: 1.3em; }

  #main #content_wrapper #content h3 {
    font-size: 1.55em; }

  #main #content_wrapper #content p {
    line-height: 1.56em;
    font-size: 1.15em; }

  #main #content_wrapper #content a {
    font-size: 1.12em; }

  #main #content_wrapper #content.home_page header {
    height: 40px; }

  #main #content_wrapper #content.home_page footer {
    height: 80px; }

  #main #content_wrapper .left_aside aside {
    display: block; }

  #main #content_wrapper .left_aside article {
    width: 75%;
    padding-left: 3.001%;
    min-height: 710px !important; }

  #main #content_wrapper .left_aside article#word_search_activity {
    padding-bottom: 0; }

  #main #content_wrapper .left_aside #activities {
    padding-top: 4%; }

  #main #content_wrapper .left_aside #activities div.activities_wrap ul li {
    padding: 9.5% 0; }

  #main #content_wrapper .left_aside #activities div.activities_wrap ul li:first-of-type {
    padding-top: 4%; }

  #main #content_wrapper .left_aside #become_oag_activity, #main #content_wrapper .left_aside #quizzes, #main #content_wrapper .left_aside #own_cover_activity {
    padding-top: 4%; }

  #main #content_wrapper .left_aside #quiz_knowOAG_content li a {
    line-height: 1.6em; }

  #main #content_wrapper .left_aside article#quizzes li {
    padding: 9% 0; }

  #main #content_wrapper .left_aside #quizzes div {
    padding-bottom: 15%; }

  #main #footer li {
    display: inline;
    padding: 0 5.5%; } }
@media only screen and (min-width: 579px) and (max-width: 611px) {
  #main {
    font-size: 1.15em; }

  #main #content_wrapper #content a {
    font-size: 1em; }

  #main .left_aside article #creative_writing_activity div {
    width: 90%; }

  #main .left_aside article #become_oag_activity div.activities_wrap div {
    width: 93%; } }
@media only screen and (min-width: 612px) {
  #main {
    font-size: 1.25em; }

  #main #content_wrapper #content a {
    font-size: inherit; }

  #main #content_wrapper #content h3 {
    font-size: 1.65em; }

  #main #content_wrapper #content.home_page header {
    height: 50px; }

  #main #content_wrapper #content.home_page footer {
    height: 103px; }

  #main #content_wrapper .left_aside article {
    min-height: 830px !important; }

  #main #content_wrapper .left_aside #activities, #main #content_wrapper .left_aside #become_oag_activity, #main #content_wrapper .left_aside #quizzes, #main #content_wrapper .left_aside #own_cover_activity {
    padding-top: 0; }

  #main #content_wrapper .left_aside #quiz_knowOAG_content li a {
    line-height: 1.75em; }

  #main #content_wrapper .left_aside article#become_oag_activity div.activities_wrap div ul li {
    margin: 0 0 2%; }

  nav ul li {
    display: inline; }

  .oldie nav a {
    margin: 0 0.7%; } }
@media only screen and (min-width: 800px) {
  #main {
    max-width: 980px;
    font-size: 1.2em; }

  #main #screenW {
    color: #ffffff; }

  #main #title {
    display: block; }

  #main #header-container header nav {
    font-size: 1.12em;
    width: 85%; }

  #main #header-container header nav ul {
    padding: 1.75% 1.1%; }

  #main #header-container header nav ul ul {
    min-width: 13%; }

  #main #content_wrapper #content {
    margin: 32% 4.1% 4.1% !important; }

  #main #content_wrapper #content h1, #main #content_wrapper #content.home_page h1 {
    font-size: 1.85em; }

  #main #content_wrapper #content h2 {
    font-size: 1.3em; }

  #main #content_wrapper #content h3 {
    font-size: 1.55em; }

  #main #content_wrapper #content p {
    line-height: 1.56em; }

  #main #content_wrapper #content .title_a {
    font-size: 1.26em; }

  #main #content_wrapper #content.home_page header {
    height: 58px; }

  #main #content_wrapper #content.home_page footer {
    height: 123px; }

  #main #content_wrapper .left_aside aside a {
    font-size: 1.02em; }

  #main #content_wrapper .left_aside article {
    min-height: 558px; } }
@media only screen and (min-width: 1070px) {
  #canvas {
    background: url("/assets/bgd_container-a2999244cf6b868d12083a490e53a4c9.jpg") no-repeat scroll center top transparent; }

  #main {
    width: 980px;
    font-size: 1.4em; }

  #main #screenW {
    color: blue; }

  #main #header-container nav#menu {
    font-size: 1.05em;
    width: 86.5%; }

  #main #header-container nav#menu ul {
    padding: 1.75% 1.35%; }

  #main #header-container nav#menu ul li ul {
    width: 10em;
    min-width: 0; }

  #main #content_wrapper #content {
    margin: 28.5% 4.1% 4.1%; }

  #main #content_wrapper #content h1 {
    font-size: 2.2em; }

  #main #content_wrapper #content h2 {
    font-size: 1.5em; }

  #main #content_wrapper #content h3 {
    font-size: 2em; }

  #main #content_wrapper #content p {
    line-height: 1.75em;
    font-size: 1em; }

  #main #content_wrapper #content .title_a {
    font-size: 1.25em; }

  #main #content_wrapper #content.home_page h1 {
    font-size: 2.2em; }

  #main #content_wrapper .left_aside article {
    min-height: 720px; }

  #main #content_wrapper .left_aside article #quizzes ul li {
    padding: 9.5% 0; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1070px) {
  #main #content_wrapper #content h1 {
    font-size: 2.1em; } }
.admin-links {
  background: #ffffff;
  text-align: right; }