/* Run 
 *    lessc styles.less styles.css
 * to generate the css file.
 */
/* Color schemes website:
 *     http://colorschemedesigner.com  
 */
/*
Color scheme: 
*/
* {
  margin: 0px;
  padding: 0px;
}
html {
  overflow-y: scroll;
  height: 100%;
}
#home .home,
#syllabus .syllabus,
#daily .daily,
#resources .resources,
#assignments .assignments,
#exams .exams,
#calendar .calendar {
  color: #f6ed93;
  background: #71266e;
}
#home .home:hover,
#daily .daily:hover,
#resources .resources:hover,
#assignments .assignments:hover,
#exams .exams:hover,
#calendar .calendar:hover {
  color: #f6ed93;
  background: #71266e;
}
body {
  height: 100%;
  direction: ltr;
  color: #000000;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
}
#header {
  width: 100%;
  height: 6em;
  background-color: #a362a1;
  font-variant: small-caps;
  margin: 0 0 0 0;
}
#header h1 {
  color: #f6ed93;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 10px 10px 10px;
  margin: 0em 0em 0em 0em;
  font-size: 1.6em;
}
#header img {
  float: right;
  padding: 10px 10px 10px 10px;
}
#menu {
  width: 100%;
  padding: 0em 0em 0.25em 0.25em;
  font-size: 1.1em;
}
#menu ul {
  padding: 0em 0em 0.25em 0em;
  margin: 0;
  text-align: left;
  width: 100%;
  list-style: none;
}
#menu ul li {
  padding: 0em 0em 0em 0em;
  color: #ffffff;
  display: inline;
}
#menu ul li a {
  color: #3f043c;
  text-decoration: none;
  font-weight: bold;
  padding: 0.25em 1em 0.25em 1em;
}
#menu ul li a:hover {
  color: #f6ed93;
  background: #9c4699;
}
#menu .active {
  color: #f6ed93;
  background: #9c4699;
}
/* side information bar */
#side_bar {
  width: 20%;
  padding: 0em 0em 0.25em 0.25em;
  background-color: #a362a1;
  margin: 0;
  float: right;
  /*font-variant:small-caps; */
}
#side_bar h2 {
  text-indent: -15px;
  padding: 5px;
  margin: 0 ;
}
#side_bar ul {
  padding: 0em 0em 0.25em 0em;
  margin: 0;
  text-align: left;
  width: 100%;
  list-style: none;
}
#side_bar ul li {
  padding: 0em 0em 0em 0em;
  color: #ffffff;
}
#side_bar ul li a {
  text-decoration: none;
  font-weight: bold;
  padding: 0.25em 1em 0.25em 1em;
  display: block;
}
#side_bar ul li ul a {
  color: #B4C0D2;
  text-decoration: none;
  font-weight: bold;
  padding: 0.25em 1em 0.25em 2em;
  display: block;
}
#side_bar ul li a:hover {
  color: #f6ed93;
}
#side_bar a {
  margin-left: 1em;
  font-size: 0.8em;
  text-align: left;
  color: #000033;
}
#side_bar p {
  margin-left: 2em;
  margin-top: 0.5em;
  font: 0.8em arial, sans-serif;
  text-align: left;
  color: #3f043c;
}
#side_bar p.right {
  text-align: right;
  margin-right: 1em;
}
#side_bar hr {
  color: #3f043c;
  background-color: #3f043c;
  height: 2px;
  margin-left: 1em;
  margin-right: 1em;
}
#non_bottom_bar {
  min-height: 90%;
}
#info {
  left: 1em;
  padding: 0em 1em 1em 1em;
  background-color: #CFD9E7;
  margin: 0px;
  font-size: 1em;
  font-family: Arial, Verdana, Sans-serif;
}
#info p {
  margin: 0px;
  padding: 2px 14px 8px 8px;
  color: #000000;
}
#info p.address {
  margin: 0px;
  padding: 2px 14px 8px 30px;
  color: #000000;
}
#body {
  /*width:95%; */
  left: 1em;
  padding: 0em 1em 1em 1em;
  margin: 0;
  /*font-size:1em; font-family:Sans-serif, Arial,Verdana;*/
}
#body p {
  margin: 0px;
  padding: 2px 14px 8px 8px;
  color: #000000;
}
#body p.hang {
  margin: 0px;
  padding: 2px 14px 8px 40px;
  text-indent: -32px;
  color: #000000;
}
#body p.calendarOther {
  margin: 0px;
  padding: 2px 14px 8px 8px;
  color: #0D6903;
}
#body p.calendarImportant {
  margin: 0px;
  padding: 2px 14px 8px 8px;
  color: #C00000;
}
#body p.right {
  text-align: right;
  padding: 2px 14px 8px 8px;
}
#body p.left {
  text-align: left;
  padding: 2px 14px 8px 0px;
  margin: 0px 0px 10px 0px;
}
#body a {
  color: #000033;
}
#body a:hover {
  text-decoration: underline;
}
#body td,
tr {
  color: #000000;
}
#body ul {
  margin: 0px 0px 0px 0px;
  padding: 2px 14px 8px 20px;
  display: block;
  list-style: bullet;
  position: relative;
  color: #000000;
}
#body ul li {
  margin: 0px 0px 0px 10px;
  padding: 2px 14px 2px 10px;
  list-style-type: square;
  position: relative;
}
#body ul.symbols {
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 50px;
  display: block;
  list-style: none;
  color: #000000;
}
#body ol.contents {
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 50px;
  display: block;
  list-style: upper-roman;
  color: #000000;
}
#body li {
  padding: 0px 0px 3px 0px;
  text-align: left;
  color: #000000;
}
#body h2 {
  margin: 20px 0px 5px 4px;
  padding: 0 0px 2px 4px;
  font-size: 1.1em;
  font-weight: bold;
  color: #3f043c;
}
#body h2.first {
  margin: 0px 0px 5px 4px;
  padding: 0 0px 2px 4px;
  font-size: 1.1em;
  font-weight: bold;
  color: #000000;
}
#body h3 {
  margin: 10px 0px 5px 4px;
  padding: 0 0px 2px 4px;
  font-size: 1.1em;
  font-weight: bold;
  color: #3f043c;
}
#body h4 {
  margin: 10px 0px 5px 6px;
  padding: 0 0px 2px 4px;
  font-size: 1.1em;
  font-weight: bold;
  color: #3f043c;
}
#body hr {
  color: #3f043c;
  background-color: #3f043c;
  height: 3px;
  width: 400px;
  float: left;
}
/*#body table{ margin:0px; padding:0px; text-align:center; }*/
#body table {
  width: 80%;
  padding: 0 0 0 0;
  margin: 0;
}
#body th {
  font-size: 1em;
  color: #000000;
  background-color: #a362a1;
  text-align: center;
  padding: 10px;
}
#body th.date {
  width: 10%;
}
#body th.material {
  width: 50%;
}
#body th.hwk {
  width: 40%;
}
#body tr {
  color: #000000;
  background-color: #ffffff;
}
#body tr.alt {
  color: #000000;
  background-color: #a362a1;
}
#body tr.rec {
  color: #000000;
  background-color: #eccdeb;
}
#body td {
  font-size: 0.9em ;
  padding: 3px 3px 15px 3px;
  vertical-align: top;
}
#body td.special {
  padding: 3px 3px 15px 3px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
}
#body table.ed {
  margin: 0px;
  padding: 0px;
  text-align: left;
}
#body .emph {
  color: #3f043c;
  font-variant: small-caps;
}
#body .name {
  color: #f6ed93;
  font-weight: bold;
  font-variant: small-caps;
}
#body img {
  float: left;
  padding: 0px 10px 10px 10px;
  margin: 0px 10px 0px 10px;
}
#body_right {
  width: 100%;
  padding: 10px 10px 10px 10px;
  margin: 0px;
  position: relative;
}
#body_right img {
  float: right;
}
.hidden {
  display: none;
}