/* Run 
 *    lessc styles.less styles.css
 * to generate the css file.
 */
/* Color schemes website:
 *     http://colorschemedesigner.com  
 */
/*
Color scheme: 
*/
/*
Color scheme:  Green

@back: #B7C9B6;
@title_text: #057300;
@headings_text: #567B54;
@menu_text_current: #000077;
@menu_back_current: #C3D2C4;
@menu_back_hover: #97CC93;
@table_back: #DCE5DB;
*/
/*
Color scheme:  Orange

@back: #FFAD40;
@title_text: #A66C00;
@headings_text: #A66C00;
@menu_text_current: #A66C00;
@menu_back_current: #FFCE73;
@menu_back_hover: #FFBC40;
@table_back: #FFCE73;
*/
/*
Color scheme:  Violet

@back:  #8243D6;
@title_text: #530FAD;
@headings_text: #330570; 
@menu_text_current: #530FAD;
@menu_back_current: #A168D5;
@menu_back_hover: #996AD6;
@table_back: #996AD6;
*/
/*
Color scheme:  Yellow-Brown

@back:  #F6D889;
@title_text: #9A791F;
@headings_text: #9A791F; 
@menu_text_current: #B29C63;
@menu_back_current: #F6E0A6;
@menu_back_hover: #EDC761;
@table_back: #F6E0A6;
*/
/*
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: #F0F8B5;
@table_back_light: #F0F8B5;
*/
/*
Color scheme:  Yellow-Violet

@back:  #EDDF61;
@title_text: #6D4AA1;
@headings_text: #391869; 
@menu_text_current: #391869;
@menu_back_current: #F6EEA6;
@menu_back_hover: #B2AA63;
@table_back: #F6EEA6;
@table_back_light: #F6EEA6;
*/
* {
  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: #dbeef8;
  background: #3396c6;
}
#home .home:hover,
#daily .daily:hover,
#resources .resources:hover,
#assignments .assignments:hover,
#exams .exams:hover,
#calendar .calendar:hover {
  color: #dbeef8;
  background: #3396c6;
}
body {
  height: 100%;
  direction: ltr;
  color: #000000;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
}
#header {
  width: 100%;
  height: 6em;
  background-color: #92cae5;
  font-variant: small-caps;
  margin: 0 0 0 0;
}
#header h1 {
  color: #0885c1;
  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: #0885c1;
  text-decoration: none;
  font-weight: bold;
  padding: 0.25em 1em 0.25em 1em;
}
#menu ul li a:hover {
  color: #dbeef8;
  background: #92cae5;
}
#menu .active {
  color: #dbeef8;
  background: #92cae5;
}
/* side information bar */
#side_bar {
  width: 20%;
  padding: 0em 0em 0.25em 0.25em;
  background-color: #92cae5;
  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: #dbeef8;
}
#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: #0885c1;
}
#side_bar p.right {
  text-align: right;
  margin-right: 1em;
}
#side_bar hr {
  color: #0885c1;
  background-color: #0885c1;
  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: #0885c1;
}
#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: #0885c1;
}
#body h4 {
  margin: 10px 0px 5px 6px;
  padding: 0 0px 2px 4px;
  font-size: 1.1em;
  font-weight: bold;
  color: #0885c1;
}
#body hr {
  color: #0885c1;
  background-color: #0885c1;
  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: #5cadd4;
  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: #5cadd4;
}
#body tr.rec {
  color: #000000;
  background-color: #dbeef8;
}
#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: #0885c1;
  font-variant: small-caps;
}
#body .name {
  color: #dbeef8;
  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;
}