/* Run 
 *    lessc styles.less styles.css
 * to generate the css file.
 */
/* Color schemes website:
 *     http://colorschemedesigner.com  
 */
/*
Color scheme:  Purple-Gray
*/
/*
Color scheme:  Yellow-Green
@back:  #E6F479;
@title_text: #88961F;
@headings_text: #88961F; 
@menu_text_current: #B29C63;
@menu_back_current: #F0F8B5;
@menu_back_hover: #D7E75E;
@table_back: #bcd214;
@table_back_light: #F0F8B5;
@table_back_invert: #606348;
*/
* {
  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: #6d526f;
  background: #9c909c;
}
#home .home:hover,
#daily .daily:hover,
#resources .resources:hover,
#assignments .assignments:hover,
#exams .exams:hover,
#calendar .calendar:hover {
  color: #6d526f;
  background: #9c909c;
}
body {
  height: 100%;
  direction: ltr;
  color: #000000;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
}
#header {
  width: 100%;
  height: 6em;
  background-color: #efeddc;
  font-variant: small-caps;
  margin: 0 0 0 0;
}
#header h1 {
  color: #6d526f;
  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: #5f5470;
  text-decoration: none;
  font-weight: bold;
  padding: 0.25em 1em 0.25em 1em;
}
#menu ul li a:hover {
  color: #6d526f;
  background: #dfe2cd;
}
#menu .active {
  color: #6d526f;
  background: #dfe2cd;
}
/* side information bar */
#side_bar {
  width: 20%;
  padding: 0em 0em 0.25em 0.25em;
  background-color: #efeddc;
  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: #6d526f;
}
#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: #5f5470;
}
#side_bar p.right {
  text-align: right;
  margin-right: 1em;
}
#side_bar hr {
  color: #5f5470;
  background-color: #5f5470;
  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.alert {
  margin: 0px;
  padding: 2px 14px 8px 8px;
  color: #cc0000;
  font-weight: bold;
  background-color: yellow;
}
#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: #5f5470;
}
#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: #5f5470;
}
#body h4 {
  margin: 10px 0px 5px 6px;
  padding: 0 0px 2px 4px;
  font-size: 1.1em;
  font-weight: bold;
  color: #5f5470;
}
#body hr {
  color: #5f5470;
  background-color: #5f5470;
  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: #dfe2cd;
  text-align: center;
  padding: 10px;
}
#body th.date {
  width: 10%;
}
#body th.material {
  width: 50%;
}
#body th.hwk {
  width: 40%;
}
#body tr {
  background-color: #e9e3d4;
}
#body tr.alt {
  background-color: #dfe2cd;
}
#body tr.rec {
  background-color: #d4cedc;
}
#body tr.invert {
  background-color: #5f5470;
}
#body tr.invert td {
  color: #dfe2cd;
}
#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 p.alert{margin:0px; padding:2px 14px 8px 8px; color:#cc0000; font-weight: bold; background-color:yellow;}*/
#body table p.alert {
  color: #cc0000;
  font-weight: bold;
}
#alert {
  color: #cc0000;
  font-weight: bold;
}
#body table.ed {
  margin: 0px;
  padding: 0px;
  text-align: left;
}
#body .emph {
  color: #5f5470;
  font-variant: small-caps;
}
#body .name {
  color: #6d526f;
  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;
}