/* CSS Document */


@font-face {
    font-family: "Concert One";
    font-style: normal;
    font-weight: 400;
    src: local("Concert One"), local("ConcertOne-Regular"), url("http://themes.googleusercontent.com/static/fonts/concertone/v4/eNLG875uBc3mU2X9z56PW4bN6UDyHWBl620a-IRfuBk.woff") format("woff");
}

@font-face {
    font-family: "FONTH";
    src: url("FONTH.eot?#iefix") format("embedded-opentype"), url("FONTH.ttf") format("truetype");
}

@import "../webfonts/FONTH/stylesheet.css";
@font-face {
    font-family: "FONTH";
    src: url("../cim298/mariowebfont/FONTH.eot"), url("../cim298/mariowebfont/FONTH.ttf");
}
body {
    background-attachment: fixed;
    background-color: black;
    background-image: url("../cim298/gifs/supermarioworldA.png");
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-family: 'Concert One',cursive;
    text-decoration: none;
    width: 100%;
}
div#pageName {
    background-image: url("../cim298/gifs/supermarioworldA.png");
    background-repeat: repeat-x;
    color: #6B88FF;
    font-family: 'FONTH';
    font-size: 1.5em;
    height: 253px;
    left: 0;
    padding-left: 40px;
    position: fixed;
    text-shadow: 0 0 10px white;
    top: 0;
    width: 100%;
    z-index: 1;
}
div#pageName:after {
    color: black;
    content: "( adjust the window to see the mobile version )";
    font-family: 'Concert One',cursive;
    font-size: 0.7em;
    padding-left: 40%;
    text-shadow: none;
}
div#pageBody {
    padding: 0 200px;
}
a {
    color: #F2CB01;
    font-family: 'Concert One',cursive;
    text-decoration: none;
}
a:hover {
    font-size: 110%;
}
header, div#pageHeader {
    font-size: 1.5em;
    height: 1px;
    left: 0;
    line-height: 1em;
    padding-left: 20px;
    padding-top: 123px;
    position: fixed;
    top: 150px;
    width: 100%;
    z-index: 3;
}
header, div#pageHeader:hover {
    background-image: url("../cim298/gifs/supermarioworldanimated2.gif");
    background-repeat: no-repeat;
}
a.utilityLink, a.globalLink {
    background-position: left center;
    border-bottom: thin solid #FFFFFF;
    color: #6B88FF;
    display: block;
    height: 26px;
    padding: 0 15px 0 24px;
    text-transform: lowercase;
    width: 140px;
}
a.utilityLink:hover, a.globalLink:hover {
    background-image: url("../cim298/gifs/coin20animated.gif");
    background-repeat: no-repeat;
    color: #F2CB01;
}
div#navLocal {
    display: block;
    font-size: 0.8em;
    left: 50%;
    margin-left: -480px;
    position: fixed;
    text-align: center;
    text-shadow: 1px 1px 3px black;
    text-transform: uppercase;
    top: 0;
    z-index: 5;
}
a.localLink {
    background-image: url("../cim298/gifs/coin.png");
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    cursor: url("../cim298/gifs/mariocursor2.gif"), url("../cim298/gifs/mario.cur"), auto;
    display: inline-block;
    padding-top: 100px;
    width: 120px;
}
div#navLocal a:hover {
    background-image: url("../cim298/gifs/coinanimated.gif");
    background-position: center top;
    background-repeat: no-repeat;
    color: #F2CB01;
    text-shadow: 2px 2px 6px black;
}
a#localSample.localLink:hover, a#localTest.localLink:hover {
    background-image: url("../cim298/gifs/mushroomanimated.gif");
    background-position: center top;
    background-repeat: no-repeat;
}
div#pageContent {
    padding-bottom: 100px;
    padding-top: 220px;
}
h3 {
    background-image: url("../cim298/gifs/bluebrick.png");
    color: white;
    font-family: 'FONTH';
    font-size: 3em;
    padding: 10px 0;
    text-align: center;
    text-shadow: 4px 0 0 black, 0 4px 0 black, -4px 0 0 black, 0 -4px 0 black, 8px 8px 0 black;
}
h4 {
    color: #00B000;
    font-family: 'FONTH';
    font-size: 2em;
    margin-top: -50px;
    padding: 10px 0;
    text-align: center;
}
td#book {
    text-align: center;
    vertical-align: bottom;
}
td.feature p {
    font-size: 1.5em;
}
div.storyHeader {
    background-image: url("../cim298/gifs/brickunder.jpg");
    font-family: 'FONTH';
    font-size: 2em;
    padding: 10px;
    text-align: center;
    text-shadow: 3px 0 0 black, 0 3px 0 black, -3px 0 0 black, 0 -3px 0 black, 6px 6px 0 black;
}
div.storyBody {
    border: thin solid #FFFFFF;
    font-size: 1.2em;
    padding: 20px;
}
div.storyBody:first-letter {
    font-family: 'FONTH';
    font-size: 2em;
}
td.storyLeft {
    width: 50%;
}
td.storyLeft, td.storyRight {
    padding-top: 20px;
    vertical-align: top;
}
footer, div#pageFooter {
    background-image: url("../cim298/gifs/EnriqueChack.png");
    background-position: center top;
    background-repeat: no-repeat;
    padding: 110px 200px 0;
    text-align: center;
}
footer, div#pageFooter:hover {
    background-image: url("../cim298/gifs/SuperEnriqueBros.png");
    background-repeat: no-repeat;
}
div#footerInfo a {
    font-family: 'FONTH';
    font-size: 1.5em;
}
table#assignmentTable {
    padding-top: 50px;
}
table#assignmentTable th.number, table#assignmentTable th.date {
    background-image: url("../cim298/gifs/brickunder.jpg");
    font-size: 1.5em;
    padding: 10px;
    text-align: center;
    text-shadow: 3px 0 0 black, 0 3px 0 black, -3px 0 0 black, 0 -3px 0 black, 6px 6px 0 black;
    width: 100px;
}
table#assignmentTable th.description {
    background-image: url("../cim298/gifs/brickunder.jpg");
    font-size: 1.5em;
    padding: 10px;
    text-align: center;
    text-shadow: 3px 0 0 black, 0 3px 0 black, -3px 0 0 black, 0 -3px 0 black, 6px 6px 0 black;
}
table#assignmentTable td.feature {
    background-color: #B0470B;
    color: #000000;
    font-size: 1.5em;
    text-align: center;
    text-transform: uppercase;
}
table#assignmentTable td.number, table#assignmentTable td.description, table#assignmentTable td.date {
    border: thin solid #FFFFFF;
    font-size: 1.2em;
    padding: 20px;
}
table#assignmentTable td.number, table#assignmentTable td.date {
    text-align: center;
}
td.description h3 {
    font-size: 2em;
}
td.description h3 {
    vertical-align: top;
}
div#storyMain.story {
    padding-top: 50px;
}
table#scheduleTable {
    border: thin solid #FFFFFF;
    font-size: 1.2em;
    margin-top: 50px;
    padding: 20px;
}
table#scheduleTable td.feature p {
    background-image: none;
    height: 30px;
}
table#scheduleTable th.number {
    background-image: url("../cim298/gifs/brickunder.jpg");
    font-size: 1.5em;
    padding: 10px;
    text-align: center;
    text-shadow: 3px 0 0 black, 0 3px 0 black, -3px 0 0 black, 0 -3px 0 black, 6px 6px 0 black;
    width: 100px;
}
table#scheduleTable th.description {
    background-image: url("../cim298/gifs/brickunder.jpg");
    font-size: 1.5em;
    padding: 10px;
    text-align: center;
    text-shadow: 3px 0 0 black, 0 3px 0 black, -3px 0 0 black, 0 -3px 0 black, 6px 6px 0 black;
    width: 1000px;
}
table#scheduleTable td.number, table#scheduleTable td.description {
    border: thin solid #FFFFFF;
    font-size: 1.2em;
    padding: 20px;
}
table#syllabusHeaderTable td {
    border: thin solid #FFFFFF;
    font-size: 1.2em;
    padding: 10px;
}
#menu {
    display: none;
}
a.top {
    display: none;
}