@charset "UTF-8";
img {
  border: 0pt;
  max-width: 100%;
  height: auto; }

.centering {
  text-align: center; }

.floatleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }

.floatright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px; }

.clearer {
  clear: both; }

.newsection {
  margin-top: 3em; }

table.center, div.center {
  margin-left: auto;
  margin-right: auto; }

a[href] {
  color: #003300; }
  a[href]:visited {
    color: #330000; }
  a[href]:hover {
    color: #6B03E3; }

dl.tight > dd, dl.tight > dd > p, .tightitems li {
  margin-top: 0px;
  margin-bottom: 0px; }

.looseitems li {
  margin-bottom: 5px; }

.shade-box {
  background: #d8dfe6;
  color: #451261;
  border: 1px solid #000080;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

#NavBarBox {
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 200px;
  height: 100%;
  overflow: auto;
  border: solid #000080;
  border-width: 0px 1px 0px 0px;
  background-color: #d8dfe6; }

#NavBar > .grey, #NavBar > .gray {
  color: #666660; }

#NavBar {
  font-size: 90%;
  padding: 8px 6px 8px 6px; }
  #NavBar a {
    color: inherit; }
    #NavBar a:hover {
      color: #6B03E3; }
  #NavBar .about {
    font-size: 70%;
    font-variant: small-caps;
    text-align: right; }
  #NavBar div {
    padding: 2px 5px 0px;
    margin: 3px 0px; }
  #NavBar h1 {
    margin-top: 20pt;
    font-variant: small-caps;
    font-size: 120%;
    color: #332288; }
    #NavBar h1:first-child {
      margin-top: 0pt; }
    #NavBar h1 + h1 {
      margin-top: 10pt; }
  #NavBar h2 {
    font-size: 110%; }
  #NavBar h3 {
    font-size: 103%; }
  #NavBar h4 {
    font-size: 97%; }
  #NavBar h5 {
    font-size: 90%; }
  #NavBar ul {
    margin-top: -10px; }
  #NavBar li {
    margin-left: -15pt;
    margin-bottom: 1pt; }

#year_hdr {
  background: #d8dfe6;
  color: #451261;
  padding: 0px 10px 3px 10px;
  border: solid #000080;
  border-width: 1px 1px 0px 1px; }
  #year_hdr span {
    padding: 3px; }
    #year_hdr span.current {
      color: black;
      background-color: #f0f8ff; }

#month_hdr {
  border: solid #000080;
  padding: 3px 10px 3px 10px;
  border-width: 0px 1px 1px 1px; }
  #month_hdr span.unavailable {
    color: #999990; }
  #month_hdr span.current {
    font-weight: bold; }

.module_links {
  background: #d8dfe6;
  color: #451261;
  width: 100%;
  border: 1px solid #000080; }
  .module_links .current {
    background: #f0f8ff; }
  .module_links td {
    margin: 0px;
    padding: 0px 5px;
    text-align: center; }
    .module_links td.a, .module_links td.b, .module_links td.ab {
      padding: .25em .5em; }
  .module_links table {
    width: 100%; }
  .module_links .b {
    border-width: 0px 1px 1px 1px; }

.module_list_icon {
  float: left;
  margin-right: 10px; }

#ContentBox {
  height: 100%;
  margin: 0px 0px 0px 205px;
  overflow: auto; }

#Content {
  padding: 15px 15px 30px 15px; }
  #Content:first-child {
    margin-top: 0px;
    padding-top: 0px; }

#copyright {
  margin: 15px 15px 30px 215px;
  font-size: 75%;
  text-align: right; }

#printfoot {
  display: none;
  width: 100%;
  border-top: black solid 3px;
  padding-top: .5cm;
  margin-top: .25cm; }

p.calendar_break {
  margin-top: .5ex;
  margin-bottom: .5ex; }

body {
  margin: 0px;
  width: 100%;
  background-color: #f0f8ff;
  color: black;
  font-family: sans-serif; }

a {
  text-decoration: underline; }

.nav {
  text-align: center;
  color: #761b84; }

img.hello, img.email, img.amanda_email, img.dean_email, img.bonnie_email {
  vertical-align: -4px; }
img.math-email {
  vertical-align: -6px;
  width: 216px;
  height: 22px; }

table.cc, table.c {
  margin-left: auto;
  margin-right: auto; }
table.cc td {
  text-align: center; }
table td, table th {
  padding: 1px 5px; }

table[rules] td, table[rules] th {
  padding: 3px 7px; }

caption {
  font-size: 120%;
  padding-top: 10px;
  padding-bottom: 10px; }

div.marginbox {
  width: 20%;
  background: #d8dfe6;
  color: #451261;
  border: 1px solid #000080;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px; }
  div.marginbox blockquote {
    margin: 0px; }
  div.marginbox cite:before {
    content: "— "; }
  div.marginbox cite {
    display: block;
    text-align: right; }

div.separator {
  width: 80%;
  height: 20px;
  clear: both;
  background: #aabbcc;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto; }

div.mcvideo {
  width: 640px;
  clear: both;
  margin-left: auto;
  margin-right: auto; }

dt {
  font-weight: bold; }
  dt.c_t {
    margin-top: 16px; }

dd {
  margin-top: 8px;
  margin-bottom: 8px; }
  dd.c_s {
    font-weight: bold;
    color: #332288; }
  dd.c_d {
    margin-top: 6px; }

.important_note {
  color: red; }

.breadcrumbs {
  padding: .5em 0px .25em;
  border-bottom: solid 1px; }

.site-msg, .help {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 75%;
  margin: 5px;
  font-weight: bold;
  background: #d8dfe6;
  border: solid 1px black;
  clear: both; }

span.CANCELLED {
  font-weight: bold;
  color: red; }
span.MODIFIED {
  color: #ff9900; }
span.TENTATIVE {
  color: #8800ff; }

.help_icon {
  margin: 0px 5px; }

.about {
  font-size: 75%;
  font-weight: normal; }

span.filesize {
  font-size: 65%;
  color: #777;
  vertical-align: text-top; }

h1 {
  font-size: 160%; }
  h1.about {
    font-size: 50%;
    font-weight: normal; }

h2 {
  font-size: 140%; }

h3 {
  font-size: 120%; }

h4 {
  font-size: 100%; }

#Validator {
  clear: both;
  font-size: 5pt;
  text-align: right; }

#Validator a {
  color: inherit;
  margin: 2pt; }

@media print {
  body {
    margin: 0in;
    background-color: white;
    color: black;
    font-family: serif;
    text-decoration: none !important; }

  a {
    text-decoration: none !important; }

  [class~="grey"], [class~="gray"], .grey, .gray {
    color: black; }

  #year_hdr, #NavBarBox, .webonly {
    display: none; }

  #ContentBox {
    width: 100%;
    position: static;
    margin: 0in;
    margin: 0px;
    height: auto;
    overflow: visible; }

  #printfoot {
    display: block;
    clear: both; } }
/* Mobile & Narrow */
@media only screen and (max-width: 480px) {
  #NavBarBox {
    position: static;
    width: auto;
    height: auto; }

  #ContentBox {
    width: auto;
    position: static;
    margin: 0in;
    margin: 0px;
    height: auto; } }
@media handheld {
  #NavBarBox {
    position: static;
    width: auto;
    height: auto; }

  #ContentBox {
    width: auto;
    position: static;
    margin: 0in;
    margin: 0px;
    height: auto; } }
