table.fullwidth {
  width: 100%;
}

table.fullwidth td.flushright {
  text-align: right;
}

/* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #aaaaff;
    background-color: #ddddff;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.2s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {
 background-color: #ffffff;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
 font-weight: bold;
 background-color: #ddffdd;
 color: #0000aa
}


/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* Style definitions for content: */

 h1 {
  color: #000044;
  background-color: #ffffff;
  text-align: center;
 }

 h2 {
  /* width:100%; */
  color: #000044;
  background-color: #ffffff;
  /* for printing:  background-color: #ffffff; */
  text-align: center;
 }

 h3 {
 color: #0000aa;
 background-color: #ffffff;
 }

 ul.minindent { margin-left: 20px; padding-left: 0px; margin-top: 0px; }
 ol.minindent { margin-left: 20px; padding-left: 0px; margin-top: 0px; }

 span.note { font-size: small; }

 td.header {
  font-family: serif;
  font-style: normal;
  font-size: medium;
  font-weight: bold;
  color: #000000;
  background-color: #ffffff;
  /*text-align: center;*/
  /*margin: 0pt;*/
  }
 td.bookhead {
  font-family: serif;
  font-style: normal;
  font-size: medium;
  font-weight: bold;
  color: #aa0000;
  background-color: #ffffff;
  /*text-align: center;*/
  /*margin: 0pt;*/
  }
 span.officehour {
  font-family: serif;
  font-style: italic;
  /*text-align: center;*/
  font-size: medium;
  font-weight: bold;
  color: #aa0000;
  background-color: #ffffff;
  /*margin: 0pt;*/
  }

 span.goalheader {
  font-family: serif;
  font-style: italic;
  /*text-align: center;*/
  font-size: large;
  font-weight: bold;
  color: #aa0000;
  background-color: #ffffff;
  /*margin: 0pt;*/
  }

 div.newsheader {
  width:   40em;
  font-family: serif;
  font-style: normal;
  text-align: left;
  /* font-size: x-large; */
  font-size: large;
  font-weight: bold;
  color: #ffffff;
  background-color: #cc5555;
  /*margin: 0pt;*/
  }

 div.newsbox {
  width:   40em;
  border: solid 0.2em;
  font-family: serif;
  font-style: normal;
  text-align: left;
  /* font-size: x-large; */
  font-size: large;
  font-weight: normal;
  color: #cc5555;
  background-color: #ffffff;
  /*margin: 0pt;*/
  }

span.news {
  font-family: serif;
  font-style: normal;
  text-align: left;
  font-size: large;
  font-weight: normal;
  color: #000000;
  background-color: #ffffff;
  /*margin: 0pt;*/
  }

div.news {
  font-family: serif;
  font-style: normal;
  text-align: left;
  font-size: large;
  font-weight: normal;
  color: #000000;
  background-color: #ffffff;
  /*margin: 0pt;*/
  }

img.grading {
  width: 400px;
  height: auto;
}

img.textbook {
  width: 200px;
  height: auto;
}

img.x200 {
  width: 200px;
  height: auto;
}


 div.newpage {
  page-break-after: always;
 }

 table.sameline {
  display: inline;
  padding: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  }

table.hw {
 border:  2px solid #8888ff;
}

 td.hw {
  width: 200px;
  align: left;
 }

 td.caption {
  width: 300px;
  align: left;
 }

/* blue border around images that are links: */

 a img {     border: 2px blue solid;      border-radius: 0px;     padding: 0px;     }