html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
html, body{height:100%;}
body{background:#fff;color:#3f3f3f;font:75% lato, arial, helvetica, sans-serif;line-height:1;padding-bottom:70px;}
a{color:#0091b1;}
circle{display:none;}
em{font-style:italic;}
h1{color:#0091b1;font:300 2em museo-sans, arial, helvetica, sans-serif;}
h1 strong{font-weight:700;}
h2{clear:both;color:#ac4b29;font:700 1.75em museo-sans, arial, helvetica, sans-serif;padding:0 0 10px;text-align:center;}
strong{font-weight:bold;}
sub{vertical-align:sub;font-size:smaller;}
.disabled{opacity:.6;cursor:default;}
.enabled{opacity:1;cursor:pointer;}
#wrapper{min-height:100%;overflow:auto;padding-bottom:70px;}
header{background:#bddfdf;height:55px;padding:10px 0 0;}
header div{margin:0 auto;width:960px;}
header img{border:none;}
header #social{color:#0091b1;float:right;text-align:right;width:56px;}
#facebook, #twitter{display:block;float:left;height:24px;margin:4px 2px;position:relative;text-align:left;text-indent:-999em;width:24px;}
#facebook{background:url(../img/facebook.png) no-repeat;}
#twitter{background:url(../img/twitter.png) no-repeat;}
#intro{line-height:140%;margin:15px auto 0;width:960px;}
#intro h1{color:#0091b1;margin:0 0 .5em;padding:0;text-align:left;}
#intro li, #intro p{font-size:1.1em;line-height:150%;margin-bottom:.5em;}
#intro ol{margin-left:40px;}
#fortune-teller{background:#f9eec1;float:right;padding:15px;width:20%;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
#fortune-teller img{float:right;margin:3px 0 0 0;}
#paths{background:#fff;height:auto;margin:0 auto 15px;position:relative;width:960px;}
#paths ul, #paths li{list-style:none;}
ul#practices{height:50px;}
ul#practices li{background:#f9eec1;border:solid 3px #f9d979;color:#af4927;float:left;font:museo-sans, arial, helvetica, sans-serif;height:24px;margin:0 5px;padding:10px 8px;text-align:center;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
ul#practices li:hover{opacity:.8;}
#core-ideas-heading{left:90px;line-height:90%;position:absolute;top:48%;}
#core-ideas-heading span{font-size:11px;}
ul#core-ideas{height:225px;margin:50px auto 10px;width:544px;}
ul#core-ideas li{background:#f9eec1;border:solid 3px #f9d979;color:#af4927;cursor:pointer;float:left;font:museo-sans, arial, helvetica, sans-serif;height:100px;margin:0 5px;padding:10px;position:relative;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;width:100px;}
ul#core-ideas li p{bottom:8px;font-size:1.2em;position:absolute;text-align:center;width:100px;}
ul#core-ideas li#life-sciences{background:#e75922 url(../img/life-sciences.gif) center 15px no-repeat;border:solid 3px #b5570e;color:#fff;}
ul#core-ideas li#engineering-technology{background:#04788c url(../img/engineering-technology.gif) center 12px no-repeat;border:solid 3px #06637c;color:#fff;}
ul#core-ideas li#earth-space-sciences{background:#449f45 url(../img/earth-space-sciences.gif) center 12px no-repeat;border:solid 3px #338236;color:#fff;}
ul#core-ideas li#physical-sciences{background:#f7ab1b url(../img/physical-sciences.gif) center 15px no-repeat;border:solid 3px #c88a12;color:#fff;}
ul#core-ideas li:hover{opacity:.8;}
ul#core-ideas li.enabled:hover{opacity:1 !important;}
#crosscutting-concepts-heading{margin-bottom:-100px;}
ul#crosscutting-concepts{height:50px;margin:0 auto;width:822px;}
ul#crosscutting-concepts li{border:solid 3px #aee0dc;color:#3994a0;float:left;font:museo-sans, arial, helvetica, sans-serif;height:17px;margin:0 5px;padding:17px 10px 10px 30px;text-align:center;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
ul#crosscutting-concepts li:hover{opacity:.8;}
#patterns{background:#c7e9e8 url(../img/patterns.gif) 2px 9px no-repeat;}
#causation{background:#c7e9e8 url(../img/causation.gif) 2px 9px no-repeat;}
#scale{background:#c7e9e8 url(../img/scale.gif) 2px 9px no-repeat;}
#systems{background:#c7e9e8 url(../img/systems.gif) 2px 9px no-repeat;}
#energy{background:#c7e9e8 url(../img/energy.gif) 2px 9px no-repeat;}
#structure-function{background:#c7e9e8 url(../img/structure.gif) 2px 9px no-repeat;}
#stability-change{background:#c7e9e8 url(../img/stability.gif) 2px 9px no-repeat;}
#instructions{background:#f9eec1;color:#554c2f;font-size:1.1em;height:50px;line-height:130%;margin:-20px 0 0 0;padding:10px;position:absolute;right:20px;top:50%;width:135px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;box-shadow:0 1px 5px rgba(51, 51, 51, .4);}
#activities{border-top:dashed 2px #ddd;display:block;margin:40px auto 20px;min-height:100px;padding:10px 0 70px;width:1000px;}
#activities h2{color:#0091b1;display:none;margin-left:15px;text-align:left;}
#activities li{display:none;float:left;height:auto;line-height:140%;list-style:none;margin:0;min-height:300px;width:33.3333334%;}
#activities li a{background:#fff;color:#3f3f3f;display:block;height:auto;padding:10px 15px 15px;text-decoration:none;}
#activities li a:hover{background:#f9eec1;}
#activities li a strong{color:#0091b1;font-size:1.2em;}
#activities li a:hover strong{color:#eb8723;}
#activities li img{border:solid 1px #eee;height:auto;margin:2px auto 0;width:100%;}
#activities p{display:none;padding-left:15px;}
#activities p#error{color:#c00;font-size:1.2em;}
#activities ul{margin-top:1em;}
#activities button{background:rgb(244, 182, 38);border:none;color:#fff;cursor:pointer;display:block;font-weight:bold;margin-top:10px;padding:10px 20px;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;box-shadow:0 0 3px rgba(51, 51, 51, .3);background-image:linear-gradient(top, rgb(244, 182, 38) 0%, rgb(235, 135, 35) 100%);background-image:-o-linear-gradient(top, rgb(244, 182, 38) 0%, rgb(235, 135, 35) 100%);background-image:-moz-linear-gradient(top, rgb(244, 182, 38) 0%, rgb(235, 135, 35) 100%);background-image:-ms-linear-gradient(top, rgb(244, 182, 38) 0%, rgb(235, 135, 35) 100%);background-image:-webkit-linear-gradient(top, rgb(244, 182, 38) 0%, rgb(235, 135, 35) 100%);}
#activities button:hover{background:rgb(255, 195, 40);background-image:linear-gradient(top, rgb(255, 195, 40) 0%, rgb(245, 145, 35) 100%);background-image:-o-linear-gradient(top, rgb(255, 195, 40) 0%, rgb(235, 135, 35) 100%);background-image:-moz-linear-gradient(top, rgb(255, 195, 40) 0%, rgb(235, 135, 35) 100%);background-image:-ms-linear-gradient(top, rgb(255, 195, 40) 0%, rgb(235, 135, 35) 100%);background-image:-webkit-linear-gradient(top, rgb(255, 195, 40) 0%, rgb(245, 145, 35) 100%);}
#activities button:active{box-shadow:0 0 0 rgba(51, 51, 51, .3);}
#background{border-top:dashed 2px #ddd;line-height:140%;margin:15px auto 0;padding:20px;width:960px;}
#background h2{text-align:left;}
#background h3{clear:both;color:#3f3f3f;font:700 1.25em museo-sans, arial, helvetica, sans-serif;padding:0 0 10px;}
#background li, #background p{font-size:1.1em;margin-bottom:1em;}
#background ul{margin:0 0 20px 18px;}
footer{background:#e16a3e;clear:both;color:#fff;height:100px;margin-top:-50px;padding-top:15px;}
footer a{color:#fff;}
footer p{margin:0 auto;padding:10px 0;width:960px;}
@media only screen and (max-width:736px){body{background:#fff;font-size:90%;}
p{line-height:1.5 !important;}
header div, header a{display:block;text-align:center;width:100%;}
header #social, #instructions{display:none;}
section#intro, section#activities, section#background, section#paths{width:90%;}
#fortune-teller{float:none;margin:0;width:92%;}
ul#practices, ul#core-ideas, ul#crosscutting-concepts{clear:both;height:auto;min-height:120px;text-align:center;width:100%;}
h2#core-ideas-heading{clear:both;float:none;left:auto;margin:1em 0;padding:0;position:relative;top:auto;width:100%;}
ul#core-ideas{margin:0;min-height:120px;}
section#paths ul#core-ideas li{background-image:none !important;border:none !important;height:auto;min-height:65px;padding:4% 1%;width:20%;}
ul#core-ideas li p{font-size:.9em;position:relative;width:100%;}
h2#crosscutting-concepts-heading{margin:1em 0;}
section#paths ul#practices li, section#paths ul#crosscutting-concepts li{background-image:none;border:none;font-size:.8em;height:auto;margin:.5em 1%;min-height:2.5em;padding:1%;width:16%;}
svg{display:none;}
#activities li{clear:both;float:none;width:100%;}
#activities li img{width:20%;}
footer{height:auto;margin-top:0;padding:1em;}
footer p{width:100%;}
}