/* CSS Document */


@charset "UTF-8";
@font-face {
    font-family: "ItalianCursive";
    src: url("ItalianCursive.otf");
}
body {
    background-color: #DDC1BB;
    background-repeat: no-repeat;
}
div#pageContent {
    background-color: #660000;
    background-position: 0 center;
    border-color: #F9C700;
    border-radius: 30px 30px 10px 10px;
    border-style: outset;
    border-width: thick;
    color: #DDC1BB;
    margin-bottom: 10px;
    margin-left: 140px;
    margin-top: 30px;
    padding: 3px 6px;
    text-align: center;
}
#schedule #pageBody #pageContent {
    padding-left: 18em;
}
img {
    padding-left: 20px;
}
#schedule #pageBody #pageContent #scheduleTable tr .feature #scheduleTable2 tr .feature {
    font-size: 18px;
}
#schedule #pageBody #pageContent #scheduleTable tr .feature #scheduleTable2 tr .description {
    line-height: 1em;
}
div#pageName {
    color: #660000;
    font-size: 24px;
    font-weight: bold;
    margin: 3px;
    padding: 4px;
    text-align: center;
    text-shadow: 1px 1px 0 white, -1px -1px 0 #444444;
}
div.storyBody {
    border-color: #FF9900 #333333 #333333 #FF9900;
    border-radius: 20px 20px 0 0;
    border-style: outset;
    border-width: thin;
    font-family: Arial,Helvetica,sans-serif;
    margin: -3.8em 0.8em 0;
    padding: 3.5em 3px 2px 1em;
}
header, div#pageHeader {
    background-color: #660000;
    background-position: 0 center;
    background-repeat: repeat-x;
    border: thick outset #FFCC00;
    color: #99FF00;
    float: left;
    font-style: italic;
    height: 250px;
    margin-left: 10px;
    margin-top: 200px;
    width: 110px;
}
a {
    color: #FFCC00;
}
a:hover {
    color: #0033FF;
}
a:visited {
    color: #9966FF;
}
a:active {
    color: #6699FF;
}
div #navUtility {
    background-color: #660000;
    background-position: 0 center;
    color: #99FF00;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 12px;
    padding: 5px;
    text-align: center;
}
a.utilityLink:hover {
    background-image: url("arrow.gif");
    background-repeat: no-repeat;
}
a.globalLink:hover {
    background-image: url("arrow.gif");
    background-repeat: no-repeat;
}
a.localLink:hover {
    background-image: url("arrow.gif");
    background-repeat: no-repeat;
}
footer, div#pageFooter {
    background-color: #660000;
    background-position: 0 center;
    border-color: #FF9900 #333333 #000000 #FF9900;
    border-style: outset;
    border-width: medium;
    color: #99FF00;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-style: italic;
    margin-left: 140px;
    text-align: center;
}
div#navLocal {
    background-color: #660000;
    background-position: 0 center;
    border: thick outset #FFCC00;
    color: #99FF00;
    font-style: italic;
    font-weight: bold;
    height: 25px;
    margin-bottom: 2px;
    margin-left: 250px;
    padding: 3px;
    text-align: center;
    width: 800px;
}
div#globalLink {
    background-color: #660000;
    background-position: 0 center;
    color: #99FF00;
    font-weight: bold;
    margin-top: 10px;
    padding: 3px;
    text-align: center;
}
a.utilityLink, a.globalLink {
    margin: 5px;
    padding: 7px 7px 10px;
}
a.localLink {
    padding-right: 10px;
}
.storyHeader {
    background-color: #CC3300;
    background-position: center top;
    background-repeat: repeat-x;
    border: thin outset #FF9900;
    border-radius: 20px 20px 0 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: larger;
    margin: 0.65em;
    padding: 0.65em;
    text-shadow: 0 0 0.2em #3333FF, 0 0 0.2em #33FFFF, 0 0 0.2em #33FFFF;
}
#syllabusHeaderTable {
    border-color: #FF9900 #000000 #000000 #FF9900;
    border-width: thin;
    display: inline-block;
    font-weight: bold;
    margin-left: 4em;
    padding: 0.5em 5em;
    text-align: center;
    text-transform: capitalize;
}
.storyBody:first-letter {
    display: block;
    font-family: "italianCursive";
    font-size: 200%;
    font-style: normal;
    line-height: 0.2em;
    padding-left: 2px;
    padding-right: 3px;
}
div .story:hover {
    border-style: outset;
    font-size: 120%;
}
div#pageName:hover {
    border-style: outset;
    font-size: 120%;
}
footer, div#pageFooter:hover {
    border-style: outset;
    font-size: 120%;
}
div.storyBody:first-line {
    text-indent: 1em;
}
.description {
    border: thin solid #FFCC00;
}
.date {
    border: thin solid #FFCC00;
}
#assignment {
    background-color: #DDC1BB;
}
hr {
    color: #8EEC00;
    text-shadow: 1px 1px 0 white, -1px -1px 0 #444444;
}
.number {
    border: thin solid #FFCC00;
}