body { color: #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #395360; }
p {}
a { color: #143544; font-style: normal; text-decoration: underline; }
a:link { color: #143544; font-style: normal; text-decoration: underline }
a:visited { color: #143544; font-style: normal; text-decoration: underline }
a:hover { color: #901f23; font-style: normal; text-decoration: underline }
a:active { color: #143544; font-style: normal; text-decoration: underline }
h1, h2, h3, h4, h5, h6 { color: #395360; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 0; }
h1.pageTitle { color: #006a91; text-indent: -1000em; }
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h2.pageHeading { color: #006a91; }
h3 {font-size: 14px;}
h4 {font-size: 14px; text-align: center;}
h5 {font-size: 14px;}
.lowerlinks { color: black; font-size: 9px; text-decoration: none }
.lowerlinks a:link { color: black; font-size: 9px; text-decoration: none }
.lowerlinks a:visited { color: black; font-size: 9px; text-decoration: none }
.lowerlinks a:hover { color: red; font-size: 9px; text-decoration: none }
.lowerlinks a:active { color: black; font-size: 9px; text-decoration: none }
.lowerlinks2 { color: #4d0a22; font-size: 11px; text-decoration: none }
.lowerlinks2 a:link { color: #4d0a22; font-size: 11px; text-decoration: none }
.lowerlinks2 a:visited { color: #4d0a22; font-size: 11px; text-decoration: none }
.lowerlinks2 a:hover { color: #000; font-size: 11px; text-decoration: none }
.lowerlinks2 a:active { color: #4d0a22; font-size: 11px; text-decoration: none }
.error { color: red; font-weight: bold; font-size: 14px }
.qdetails { text-align: left; margin-right: 20%; margin-left: 20%  }
.qdetails1 { text-align: left; margin-right: 20%; margin-left: 20%; }
form { margin: 0px; padding: 0px }
#footer {text-align: right; font-size: 11px;}
#footer a { color: #fff; }
#footer a:hover { text-decoration: none; }
.deleteButton { color: white; background-color: red; }
.submitButton { background-color: green; }
#today {text-align: right; color: #395360;}
#address {color: #ffffff; font-size: 11px;}
#address p, #hours p {margin: 0; padding: 0;}
#hours {color: #651a79;}
/* ==== Calendar ==== */
div.date { color: #f2fbde; float: right; text-align: center; border-width: 0 0 1px 1px; background-color: black; margin-top: -1px; margin-right: -1px; border-color: #712170; border-style: solid; }
div.time {font-style: italic; text-transform: lowercase;}
div.classtitle {}
table#cal {width: 98%;}
table#calendar {width: 100%; border: solid 1px #651a79;}
table#calendar td {border: solid 1px #651a79; width: 14%; height: 50px;}
caption { color: #651a79; font-size: 14px; font-weight: bold; }
tr#days { color: black; background-color: #a2a2a2; }
tr#days th {width: 14%; border: solid 1px #651a79; color: #ead9e3; background-color: #a2a2a2;}
.emptydate { background-color: #ead9e3; }
.monthdate { background-color: #f5f5f5; vertical-align: top; }
.today {background-color: #a2a2a2;}
a.event { color: #000000; font-style: normal; text-decoration: underline }
a.event:link { color: #000000; font-style: normal; text-decoration: underline }
a.event:visited { color: #000000; font-style: normal; text-decoration: underline }
a.event:hover { color: #651a79; font-style: normal; text-decoration: none }
a.event:active { color: #000000; font-style: normal; text-decoration: underline }
/* ==== Calendar End ==== */
/* ==== Class Schedule Table === */
table#classDateTable {border: 0; width: 95%; margin: 10px auto;}
table#classDateTable tr:nth-child(even) {background-color: #c0c0c0; }
table#classDateTable tr:hover:not(.firstRow) {background-color: black; color: white;}
tr.firstRow td {font-weight: bold;}
/* ==== End Class Schedule ==== */
.teacherList {overflow: auto; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #651a79;}
.gallery { border: solid 1px #395360; }