* {box-sizing: border-box;}
ul {list-style-type: none;}
body {font-family: Arial, sans-serif;
	background-color:#424242;
	font-size:10pt;
}

h1 {
    margin:0;
    padding:5px 0px 0px 0px;
    text-align:center;
    background:#424242;
    color:#FFF;
    font-family: Courier;
    font-size: 20pt;
}
.page {
    width:775px;
    margin: 0 auto;
}

div .body {
	padding: 10px;
	width:100%;
	background-color:#FFFFFF;
}

.instructor {
	font-size:10pt;
}

.tas {
}

.tas th {
	padding-right:20px;
	text-align:left;
	font-weight:normal;
	font-size:10pt;
}

.meetings {
	font-size:10pt;
	list-style-type:disc;
}

.headerlinks {
    margin: 0;
    background-color: #424242;
    padding:10px 0px 5px 0px;
    font-size:12pt;
}

.headerlinks li {
    display: inline-block;
    width: 16%;
}

.menulink {
    display:inline-block;
    width:100%;
    text-align: center;
    color:#FFF;
    text-decoration:none;
}

.menulinkactive {
    display:inline-block;
    width:100%;
    text-align: center;
    color:#e2231b;
    text-decoration:none;
    font-weight:bold;
}

.month {
    padding: 10px 10px;
    width: 100%;
    background: #e2231b;
    text-align: center;
}

.month ul {
    margin: 0;
    padding: 0;
}

.month ul li {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.month .prev {
    float: left;
    padding-top: 10px;
    cursor: pointer;
}

.month .next {
    float: right;
    padding-top: 10px;
    cursor: pointer;
}

.weekdays {
    margin: 0;
    padding: 10px 0;
    background-color: #424242;
}

.weekdays li {
    display: inline-block;
    width: 19.5%;
    color: #FFFFFF;
    text-align:center; 
}

.days {
    margin-top:0px;
    padding-top:0px;
    padding-left:4px;
    padding-right:0px;
    padding-bottom:5px;
    background: #eeeeee;
    margin: 0;
}

.days li {
    list-style-type: none;
    display: inline-block;
    width: 20%;
    height: 80px;
    text-align: left;
    vertical-align: text-top;
    margin-bottom: -2px;
    margin-right: -1px;
    padding-top: 2px;
    padding-left:2px;
    font-size:12px;
    color: #222222;
    border-style:solid;
    border-color:#fff;
    border-width:2px;
    background-color:#dddddd;
}

.days li.othermonth {
    color: #777777
}

.days li.holiday {
    color: #dddddd;
    background-color:#424242;
}

.days li.active {
    padding: 0px;
    background-color: #e2231b;
    color: white !important
}

.days li.blank {
    border-style:none;
    background-color:#eeeeee;
}

.days li.notmonth {
}

.days span {
    display:block;
}

.days span.day {
    font-weight: bold;
}

.days span.due {
    font-weight: bold;
    font-style: italic;
}

.days li.othermonth { 
    color: #777777
}