/* CSS Document */

body {
    background-color: #FFFFFF;
    background-image: url("toon.jpg");
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
}
a {
    color: #003300;
    text-decoration: none;
}
a:visited {
    color: #003333;
}
a:hover {
    color: #CC0033;
    text-shadow: 0 0 0.4em #FF6666, 0 0 0.4em #FF6666, 0 0 0.4em #FF6666;
}
a:active {
    text-shadow: 0 0 0.4em #99FF99, 0 0 0.4em #99FF99, 0 0 0.4em #99FF99;
}
header, div#pageHeader {
    float: left;
    line-height: 1.2em;
    margin-left: -0.5%;
    margin-top: -0.6%;
    position: fixed;
    width: 9.5%;
}
header, div#pageHeader a.utilityLink, header, div#pageHeader a.globalLink {
    background-color: #FFCCCC;
    background-image: url("cloverclip.png");
    border: thick outset #CCFF66;
    color: #006600;
    display: block;
    font-size: 1.15em;
    font-weight: 800;
    line-height: 30px;
    padding: 1px;
    text-align: center;
    text-shadow: 1px 1px 0 #000000;
    text-transform: lowercase;
}
header, div#pageHeader a.utilityLink:visited, header, div#pageHeader a.globalLink:visited {
    background-color: #CC0033;
    color: #FFCCCC;
    font-weight: 800;
}
header, div#pageHeader a.utilityLink:hover, header, div#pageHeader a.globalLink:hover {
    background-color: #990033;
    background-image: url("bigclovers.JPG");
    border: thick inset #006633;
    color: #FFCCCC;
    font-weight: bolder;
}
header, div#pageHeader a.ultilityLink:active, header, div#pageHeader a.globalLink:active {
    background-color: #CC0033;
    color: #009900;
}
div#navLocal {
    display: inline-block;
    margin-left: 8%;
    margin-top: 5px;
    padding: 0.5%;
    width: 100%;
}
body#index.cim298 a#localIndex.localLink {
    background-color: #006600;
    background-image: url("clovers.jpg");
    color: #FFFFFF;
    font-weight: 800;
    text-shadow: 0 0 0.4em #FF6666, 0 0 0.4em #FF6666, 0 0 0.4em #FF6666;
}
div#navLocal a.localLink {
    background-color: #FFFFCC;
    border: medium solid #000000;
    color: #CC0033;
    display: inline-block;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
    font-size: 1.15em;
    font-weight: 900;
    line-height: 30px;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
    text-shadow: 1px 0 0 #000000;
    text-transform: lowercase;
    width: 9%;
}
div#navLocal a.localLink:visited {
    background-color: #FFCCCC;
    color: #006600;
    font-weight: 800;
}
div#navLocal a.localLink:hover {
    background-color: #006600;
    background-image: url("toonpot.bmp");
    color: #006600;
    font-weight: 800;
    text-shadow: 0 0 0.4em #99FF99, 0 0 0.4em #99FF99, 0 0 0.4em #99FF99;
}
div#navLocal a.localLink:active {
    background-color: #CC0033;
    color: #006600;
    font-weight: 800;
    text-shadow: 0 0 0.4em #006600, 0 0 0.4em #006600, 0 0 0.4em #006600;
}
div#pageName {
    display: none;
}
div#pageContent {
    background-color: #FFFFCC;
    border: medium solid #000000;
    height: 100%;
    margin: 2% auto auto;
    padding: 9px;
    width: 83%;
}
div#pageBody {
    margin: auto;
    width: 92%;
}
table#indexTable td.feature a.localLink {
    color: #006600;
    font-size: 18px;
    font-weight: bold;
    line-height: 2em;
    margin-left: 10px;
    padding: 5px;
    text-align: center;
    text-shadow: 1px 1px 0 #000000;
    text-transform: uppercase;
}
td.feature a:visited {
    color: #CC0033;
}
td.feature a:hover {
    text-shadow: 0 0 0.4em #CC0033, 0 0 0.4em #CC0033;
}
td.feature:active {
    color: #000000;
}
table {
    font-size: 1.1em;
}
td {
    background-color: #FFFFCC;
    border: medium solid #000000;
    color: #CC0033;
    margin: 15px;
}
td.feature h3 {
    color: #CC0033;
    font-size: 2em;
    text-align: center;
    text-shadow: 1px 0 0 #003300, 0 1px 0 #003300, -1px 0 0 #003300, 0 -1px 0 #003300;
}
td.feature h3:hover {
    color: #99FF99;
    text-shadow: 0 0 0.4em #003300, 0 0 0.4em #009900, 0 0 0.4em #003300;

}
td.feature p {
    text-align: center;
}
img {
    margin: auto;
    padding-bottom: 10px;
    padding-left: 35%;
    padding-top: 10px;
    text-align: center;
}
div.storyHeader {
    background-color: #003300;
    color: #FFFFFF;
    font-size: 1.3em;
    font-weight: 700;
    margin: auto;
    padding-left: 5px;
    padding-top: 2px;
    text-transform: lowercase;
    vertical-align: top;
    width: 99%;
}
div.storyBody {
    padding: 20px;
}
div.storyHeader a {
    color: #FFFFFF;
    font-weight: 700;
}
div.storyHeader a:visited {
    color: #FF786F;
    font-weight: 700;
}
div.storyHeader a:hover {
    background-color: transparent;
    color: #FF786F;
    font-weight: 300;
    text-shadow: 0 0 0.4em #FF786F, 0 0 0.4em #FF786F, 0 0 0.4em #FF786F;
}
td#storyMain2.story {
    background-color: #FFFFCC;
    background-image: url("smallcimTheMorning.png");
    background-position: 92.5% 70%;
    background-repeat: no-repeat;
}
td#storyMain2 .storyBody ul li {
    list-style-image: url("tinyclover.png");
    list-style-position: inside;
}
div.storyBody:first-letter {
    font-size: 1.8em;
    font-weight: bold;
}
footer, div#pageFooter, div#footerInfo {
    color: #FFFFFF;
    font-size: 0.8em;
    font-weight: 400;
    margin-left: auto;
    text-align: center;
    text-shadow: 1px 1px 0 #000000;
    text-transform: uppercase;
}
footer, div#pageFooter:hover, div#footerInfo:hover {
    color: #FF3300;
    font-size: 1em;
    font-weight: 400;
}
div#footerCounter a, div#footerCounter img {
    margin-left: -270px;
}
div#footerCounter a:hover, div#footerCounter img:hover {
    color: #FF3300;
    font-size: 1em;
}
body#assignment.cim298 #pageContent {
    margin: auto;
    width: 65%;
}
body#assignment.cim298 a#localAssignment.localLink {
    background-color: #006600;
    background-image: url("clovers.jpg");
    color: #FFFFFF;
    font-weight: 800;
    text-shadow: 0 0 0.4em #FF6666, 0 0 0.4em #FF6666, 0 0 0.4em #FF6666;
}
table#assignmentTable {
    margin: auto;
    width: 98%;
}
table#assignmentTable h3 {
    margin-top: -5px;
}
#assignmentTable .description ul {
    list-style-image: url("tinyclover.png");
    list-style-position: outside;
    margin: 10px;
    padding: 0 0 0 30px;
}
#assignmentTable td.feature {
    background-color: #003300;
    background-image: none;
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: 800;
    text-transform: lowercase;
}
#assignmentTable th.number {
    text-transform: lowercase;
}
#assignmentTable th.description {
    text-transform: lowercase;
}
#assignmentTable th.date {
    text-transform: lowercase;
}
#assignmentTable td.number {
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase;
    width: 130px;
}
#assignmentTable td.date {
    font-size: 1.2em;
    font-weight: 500;
    text-align: center;
    text-transform: lowercase;
    width: 130px;
}
#assignmentTable td.description {
    margin: auto;
    padding: 15px;
}
table#assignmentTable th.description, th.date, th.number {
    background-color: #CC0033;
    border: medium solid #000000;
    color: #99FF99;
    font-size: 1.2em;
    font-weight: 600;
    text-shadow: 1.8px 0 0 #003300, 0 1.8px 0 #009900, -1.8px 0 0 #003300, 0 -1.8px 0 #006600;
}
body#project {
    background-image: url("toon1.jpg");
}
body#project #pageContent {
    margin: 1% auto auto;
    width: 80%;
}
div#storyMain.story {
    width: 100%;
}
body#project.cim298 a#localProject.localLink {
    background-color: #006600;
    background-image: url("clovers.jpg");
    color: #FFFFFF;
    font-weight: 800;
    text-shadow: 0 0 0.4em #FF6666, 0 0 0.4em #FF6666, 0 0 0.4em #FF6666;
}
body#project div#storyMain.story {
    background-color: #FFFFCC;
    background-image: url("smalltoon.jpg");
    background-position: 92% 75%;
    background-repeat: no-repeat;
    border: medium solid #000000;
    color: #CC0033;
}
body#schedule.cim298 #scheduleTable {
    margin: auto;
}
body#schedule #pageBody #pageContent {
    background-image: url("drinks.jpg");
    margin: auto;
    width: 70%;
}
body#schedule.cim298 a#localSchedule.localLink {
    background-color: #006600;
    background-image: url("clovers.jpg");
    color: #FFFFFF;
    font-weight: 800;
    text-shadow: 0 0 0.4em #FF6666, 0 0 0.4em #FF6666, 0 0 0.4em #FF6666;
}
body#schedule.cim298 table#syllabusHeaderTable {
    margin: auto;
    width: 90%;
}
body#schedule.cim298 table#syllabusHeaderTable td {
    background-color: #FFFFFF;
}
body#schedule.cim298 #scheduleTable td.feature {
    background-color: #FFFFCC;
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    color: #CC0033;
    font-size: 1.5em;
    font-weight: 600;
    margin: auto;
    text-align: left;
    text-shadow: 1px 0 0 #003300, 0 1px 0 #003300, -1px 0 0 #003300, 0 -1px 0 #003300;
    text-transform: none;
    width: 80%;
}
#schedule #pageBody #pageContent #scheduleTable th.description {
    background-color: #003300;
    border: medium solid #000000;
    color: #FFFFFF;
    font-size: 1.18em;
    font-weight: 800;
}
#schedule #pageBody #pageContent #scheduleTable td.description {
    background-color: #FFFFCC;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}
#scheduleTable th.description {
    font-size: 1.2em;
    font-weight: 700;
    text-transform: lowercase;
}
#scheduleTable th.number {
    font-weight: 700;
    text-transform: lowercase;
}
body#schedule.cim298 #scheduleTable td.number, th.number {
    text-align: center;
}
body#schedule.cim298 #scheduleTable th.date, body#schedule.cim298 #scheduleTable td.date {
    display: none;
}
body#syllabus.cim298 {
    background-image: url("550cimTheMorning.png");
    color: #CC0033;
}
body#syllabus.cim298 a#localSyllabus.localLink {
    background-color: #006600;
    background-image: url("clovers.jpg");
    color: #FFFFFF;
    font-weight: 800;
    text-shadow: 0 0 0.4em #FF6666, 0 0 0.4em #FF6666, 0 0 0.4em #FF6666;
}
body#syllabus.cim298 table#syllabusHeaderTable {
    color: #006600;
    margin: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 80%;
}
body#syllabus.cim298 table#syllabusHeaderTable td.blank {
    display: none;
}
body#syllabus.cim298 #pageContent {
    background-color: #FFFFCC;
    border: medium solid #000000;
    margin: auto;
    width: 76%;
}
#syllabus #pageBody #pageContent #syllabusHeader h3.feature {
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    color: #CC0033;
    font-size: 1.5em;
    font-weight: 600;
    text-shadow: 1px 0 0 #003300, 0 1px 0 #003300, -1px 0 0 #003300, 0 -1px 0 #003300;
    text-transform: none;
}
#syllabusHeader {
    color: #CC0033;
    font-weight: 800;
    margin-left: 0;
    padding-left: 5px;
    text-align: center;
}
#syllabus #pageBody #pageContent .storyBody {
    background-color: #FFFFCC;
}
table#syllabusGradingTable {
    margin: auto;
}
table#syllabusGradingTable td {
    background-color: #FFFFFF;
    color: #006600;
    font-weight: bold;
}