body { font-size: 1em; color: #c0c0c0; font-family: Arial, Helvetica, sans-serif; }
body a:hover { color: #002b5b; text-decoration:underline; }

.blue { color: #002b5b; }

td {color: #002b5b; font-family: Arial, Helvetica, sans-serif;}

a {color: #005300; font-weight:bold; text-decoration:none;}

a:hover, #more-articles:hover {color: #ffffff; text-decoration:underline;}

h1 { font-family: Arial, Helvetica, sans-serif; color: #c0c0c0; }
h2 { font-family: Arial, Helvetica, sans-serif; color: #c0c0c0; }
h3 { font-family: Arial, Helvetica, sans-serif; color: #002b5b; }

p { line-height:1.5; font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-align:justify; }

p.bodytext, p.bodyText { line-height:1.5; font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-align:justify; }

img { border:0 }

ul.navigate { list-style-type:none; }

div.wrapper {
    text-align:center;
    width:97.5%;
    margin:auto;
    max-width: 800px;
}

div header {
    vertical-align:middle;
    text-align:center;
    background-color: #ffffff;
    padding:1em;
}

div header, nav, section.mainContent, footer {
    padding-left: 10px;
    padding-right: 10px;
}

div footer {
    padding-top: 10px;
    padding-bottom: 10px;
}

header h1, header h2 {
    color: #002b5b;
}

hr.sectionHeader {
	width: 30%; 
	color: #002b5b; 
	border: 1px solid;
}

@media only screen and (max-width: 480px) {
    header h1, header h2, header h3 {
        font-size: medium;
    }
}

article {
    width: 97.5%;
    margin: auto;
}

/** TEXT COLORS **/

/* Core */
body {background: #002b5b;}

header, footer {
    text-align:center;
    padding-top:2px;
    padding-bottom:2px;
    background-color:#c0c0c0;
    color: #002b5b;
}

footer p {
    text-align: center;
}

header a { color: #005300; }
header a:hover { color: #ffffff; text-decoration:underline; }

section.mainContent {
    background-color:#ffffff;
    color:#002b5b;
    font-family: Arial, Helvetica, sans-serif;
    padding:15px;
    vertical-align:top;
    line-height:1.5;
}

.mainContent a:hover { color: #002b5b; text-decoration:underline; }

li { text-align:justify; }

code {
    color: #A00000;
    background: #EFEFEF;
    padding: 2px 4px;
    border-radius: 4px;
}

pre code {
    text-align:left;
    border: 0.7em solid #090;
    border-radius: 1em;
}

pre code.code {
    padding: 1.25em;
}

pre code.error {
    border-color: #900;
    padding: 1.25em;
}

pre code.output {
    border-color: #d2d2d2;
    padding: 1.25em;
}

div.code {
    border: 1px solid #090;
    padding: 20px;
    background-color: #CFC;
    text-align:left;
    font-family:monospace;
    font-size:1em;
}

div.codeError {
    border: 1px solid #900;
    padding: 20px;
    background-color: #FCC;
    text-align:left;
    font-family:monospace;
    font-size:1em;
}

div.codeOutput {
    border: 1px solid #2d2d2d;
    padding: 20px;
    background-color: #d2d2d2;
    text-align:left;
    font-family:monospace;
    font-size:1em;
}

td.leaderRowA { background-color: #ffffff; }

td.leaderRowB { background-color: #a8a8a8; }

td.schedule {text-align:center; vertical-align:middle; }

td.scheduleRowA {text-align:center; vertical-align:middle; background-color:#ffffff;}
td.scheduleRowB {text-align:center; vertical-align:middle; background-color:#e0e0e0;}

td.scheduleSunday, td.scheduleMonday, td.scheduleTuesday, td.scheduleWednesday, td.scheduleThursday, td.scheduleFriday, td.scheduleSaturday {text-align:center; vertical-align: middle;}

td.scheduleSunday {background-color:#eeee00;}
td.scheduleMonday {background-color:#ffeeff;}
td.scheduleTuesday {background-color:#ffeeee;}
td.scheduleWednesday {background-color:#eeeeff;}
td.scheduleThursday {background-color:#eeffee;}
td.scheduleFriday {background-color:#eeffff;}
td.scheduleSaturday {background-color:#ffffff;}

tr.scheduleRowCurr td, td.scheduleRowCurr {text-align:center; vertical-align:middle; background-color:#ffff00;}

th.scheduleHeader, td.scheduleHeader {text-align:center; font-weight:bold; background-color:#c0c0c0;}

td.weekSeparator a.hiddenLink {
    display:none;
}

table.centerTable {
	margin-left:auto; 
	margin-right:auto;
}

p.centerText {
	text-align: center;
}

p.redStrongText {
	color: #bb0000;
	font-weight: bold;
	font-size: 1.2em;
}

p.redText {
    color: #bb0000;
}

p.strongText {
    font-weight: bold;
    font-size: 1.2em;
}

p.mediumSizeText {
	font-size: 1.1em;
}

table.borderedTable {
    width:100%;
    border:1px #002b5b solid;
    padding:0;
    border-spacing:0;
    border-collapse: collapse;
}

table.borderedTable th, td {
    border:1px #002b5b solid;
}

table#assignmentTable {
    border:0;
}

table#assignmentTable td.fillerRow {
    height:5px;
    border-right:0 solid #ffffff;
    border-left:0 solid #ffffff;
}

table#scheduleTable td.schedule, 
table#scheduleTable td.scheduleRowA, 
table#scheduleTable td.scheduleRowB,
td.scheduleSunday, td.scheduleMonday, td.scheduleTuesday, td.scheduleWednesday, td.scheduleThursday, td.scheduleFriday, td.scheduleSaturday,
table#scheduleTable td.scheduleRowCurr, 
table#scheduleTable td.scheduleHeader { 
	padding-top: 1.05em;
	padding-bottom: 1.05em;
}

.schedule a {color:#465510; text-decoration:none;}
.schedule a:hover {color:#465510; text-decoration:underline;}

.scheduleRowB a {color:#465510; text-decoration:none;}
.scheduleRowB a:hover {color:#465510; text-decoration:underline;}

td.gradingRubric {text-align:center; vertical-align:middle; padding: 8px;}

td.weekSeparator {
	height:0.25em;
	background-color:#002b5b;
}

td.hwDue, span.hwDue, div.hwDue, a.hwDue, strong.hwDue { font-weight: bold; color: #bb0000; }

a.hwDue:hover { color: #bb0000; }

div#centeringDiv {
	margin-left:auto; 
	margin-right:auto;
}

div#todayButton {
	font-weight: bold;
	color: #005300;
}

div#todayButton:hover {
	text-decoration: underline;
	cursor: pointer;
}

ul#moduleList {
	list-style-type: none;
    padding-left: 0;
}

img#csMinesLogo {
    background: #ffffff;
    border-radius: 12px;
    margin-top: 5px;
}

div.card {
    border: 1px solid #002b5b;
    padding: 0.25em;
}