<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/*
reset
*/


/*
text
*/

body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
}

p {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0.25em;
  padding-bottom: 0.25em;
  font-size: 0.80em;
  line-height: 130%;
  border-style: none;
  border-left-width: 0;
}

p.error {
  float:left;
  background-color: #FFE4C4;
}

p.clarification {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px dotted black;
  background-color: #F5F5F5;
}

h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  font-variant: small-caps;
  font-size: 1.8em;
  font-weight: normal; 
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 1.5em;
  font-weight: normal; 
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 1em;
  font-weight: normal; 
}

ul {
  margin-top: 5px;
}

ul li {
  margin-top: 5px;
  margin-right: 20px;
  font-size: 0.80em;
  line-height: 130%;
}

ol li {
  margin-right: 20px;
  font-size: 0.80em;
  line-height: 130%;
}

th {
  text-align:left;
}

/*
misc html
*/

hr {
  margin-left: 20px;
}

br.sdl {
  display:none;
}

/*
menu
*/

#menu, #menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#menu li {
  float: left;
  position: relative;
  font-size: 0.75em;
}

.mainitems {
  width: 8em;
  height: 35px;
  margin-right: 10px;
  border: none;
  line-height: 35px;
  text-decoration: none;
  background-color: #ffffdd;
}

.mainitems a:link, .mainitems a:visited {
  display: block;
  height: 35px;
  padding-left: 2em;
  color: black;
  font-weight: bold; 
  text-decoration: none;
}

.mainitems a:hover {
  display: block;
  background-color: #ffeec6; 
}

.subuls {
  display: none; 
  width: 10em;
  position: absolute;
  left: 0;
}

.subuls li {
  margin: 0;
  line-height: 35px;
  width: 100%;
  top: 0px;
  font-size: 1em;
  background-color: #ffdead;
  border-bottom: 1px solid black;
}

.subuls li a:link {
  margin: 0;
  border-right: 0;
  display: block;
  text-decoration: none;
}

.subuls li a:hover {
  margin: 0;
  background-color: #FFEEC6; 
}


#menu li&gt;ul { /* browsers other than IE */
  top: auto;
  left: auto;
}

#menu li:hover ul, li.over ul { /* lists nested under hovered list items */
  display: block;
}


#restofcontent { /*wrap content of the page inside this div */
  clear: left;
}

/* 
note tabs 
*/

#notenav ul
{
  margin: 0;
  padding: 0;
  margin-left: 20px;
  list-style: none;
  color: black;
  font-weight: bold;
}

#notenav ul li
{
  float: left;
  width: 7em;
  font-size: 0.75em;
  text-align:center;
  height: 25px;
  line-height: 25px;
  margin-right: 0.5em;
  border: 1px solid black;
  border-bottom: none;
}

#notenav li.here a
{
  background-color: silver;
}

#notenav a
{
  color: black;
  display: block;
  background-color: #ffffdd;
  text-decoration: none;
}

#notenav a:link, a:visited
{
  display: block;
  background-color: #ffeec6;
}

#notenav a:hover
{
  display: block;
  background-color: #ffeec6;
}


/* 
layout 
*/

#container {
  margin: 0 auto; /* 0.25em 4%; */
  width: 960px;
  background-color: #f5f5dc; /* #eeeee0; */
  border: none;
}
		
#masthead {
  width: auto;
  height: 115px;
  border: none;
  background-image: url(/images/masthead.png);
}

#breadcrumbs {
  margin-top: 2px;
  margin-bottom: 2px;
}

#page {
  width: auto;
  border: none;
  background-color: #f5f5dc; /* #eeeee0; */
}

/* 
home 
*/

#htop {
  float: left; 
  padding-bottom: 10px;
  border: none;
  background-color: #f5f5dc; /* #eeeee0; */
}

#htleft {
  float: left; 
  width: 48%; 
  border: none;
}

#htright {
  float: right;
  width: 48%; 
  border: none;
}

#hmid {
  float: left; 
  padding-bottom: 10px;
  border: none;
  background-color: #f5f5dc; /* #eeeee0; */
}

#hmleft {
  float: left; 
  width: 32%; 
  margin-top: 5px; 
  border: none;
}

#hmmid {
  float: left;
  width: 32%;
  margin-top:  5px;
  margin-left: 5px; 
  border: none;
}

#hmright {
  float: right;
  width: 32%; 
  margin-top: 5px; 
  border: none;
}

#signup {
  clear: both; 
  margin-bottom: 5px; 
  border: 1px dotted black;
}

#hbottom {
  float: left;
  width: auto;
  padding-bottom: 10px;
  border: none ;
  background-color: #f5f5dc; /* #eeeee0; */
}

#hcol1 {
  float: left;
  width: 48%;
  margin-left: 10px;
  margin-right: 1px;
  border: none;
}

#hcol2 {
  float: right;
  width: 48%;
  margin-left: 1px;
  margin-right: 10px;
  border: none;
}


#promo {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  background-color: #FAF0E6;
  border: 1px solid black;
}

#prcol1 {
  float: left;
  width: 48%;
  margin-left: 10px;
  margin-right: 1px;
  border: none;
  background-color: #FAF0E6;
}

#prcol2 {
  float: right;
  width: 48%;
  margin-left: 1px;
  margin-right: 10px;
  border: none;
  background-color: #FAF0E6;
}

/* 
course page 
*/

.topic
{
  margin-left: 50px;
  font-size: 0.90em;
  font-weight: bold;

}

.lesson {
  margin-left: 70px;
  margin-top: 5px;
}

.topictable {
  border-collapse: collapse;
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 0.8em;
  border: 1px solid black;
}

.topictable tr.hdr {
  background-color: #ffdead;
}
.topictable tr.even {
  background-color: #F5F5F5;
}

.topictable td {
  border: 1px dotted black;
  margin-left: 20px;
  padding-left: 0;
}

.topictable td a:link, .topictable td a:visited
{
  display: block;
  color: black;
  text-decoration: none;
  line-height: 1.5;
  padding: 5px;
}

.topictable td a:hover {
  background-color: white;
}

/* 
tutepage 
*/

#tptop {
  width: auto;
  margin-bottom: 5px;
}

#tptopl {
  float: left; 
  width: 49%;
  margin-bottom: 1px;
}

#tptopr {
  width: 49%; 
  float: right; 
  margin-bottom: 5px;
}

#pleft {
  float: left; 
  width: 49%;
  margin-bottom: 5px;
}

#pright {
  width: 49%; 
  float: right; 
  margin-bottom: 5px;
}

#pbleft {
  float: left; 
  width: 49%;
  margin-bottom: 5px;
}

#pbright {
  width: 49%; 
  float: right; 
  margin-bottom: 5px;
}

/* 
notepage 
*/
#ntext {
  width: 75%;
  min-height:600px;
  margin-left:20px;
  border: none;  /*1px solid black; */
  margin-bottom: 1px;
}


/*
about 
*/

#abtop {
  float: left; 
  margin-bottom: 5px;
  background-color: #ffffdd;
  border: 1px dotted green;
}

#abpleft {
  float: left; 
  width: 32%; 
  margin-top: 5px; 
  border: 1px dotted black;
}

#abpmid {
  float: left;
  width: 34%;
  margin-top:  5px;
  margin-left: 5px; 
  border: 1px dotted black;
}

#abpright {
  float: right;
  width: 32%; 
  margin-top: 5px; 
  border: 1px dotted black;
}

#absignup {
  clear: both; 
  margin-bottom: 5px; 
  border: 1px dotted black;
}

#abbottom {
  float: left;
  margin-top: 5px;
  width: auto;
  border: 1px dotted red;
  background-color: #ffffdd;
}

#abcol1 {
  width: 48%;
  float: left;
  border: none;
  background-color: #ffffdd;
}

#abcol2 {
  float: right;
  width: 28em;
  border: none;
  background-color: #ffffdd;
}

/* 
contact 
*/

#cutop {
  float: left; 
  margin-bottom: 5px;
  background-color: #f5f5dc; /* #eeeee0; */
}

#cutcol1 {
  width: 46%; 
  float: left; 
  margin-bottom: 5px;
}

#cutcol2 {
  width: 52%; 
  float: right;
  margin-bottom: 5px;
}

#cubottom {
  float: left; 
  width: 100%;
  margin-bottom: 5px;
  background-color: #f5f5dc; /* #eeeee0; */
}

/* toc table */

.toctable {
  border-collapse: collapse;
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 0.8em;
  border: none; /* 1px solid black; */
}

.toctable tr.hdr {
  background-color: #ffdead;
}
.toctable tr.even {
  background-color: #F5F5F5;
}

.toctable td {
  border: 1px dotted black;
  margin-left: 20px;
  padding-left: 0.5em;
  border: none;
}

.toctable td a:link, .toctable td a:visited
{
  display: block;
  color: black;
  text-decoration: none;
  line-height: 1.5;
  padding: 5px;
}

.toctable td a:hover {
  background-color: white;
}

/* 
footer 
*/

#footer {
  clear: both;
  padding-left: 0;
  width: auto;
  background-color: #ffcc33;
  border-top: none; 
  border-bottom: 1px solid black;
}

#infonav {
  color: black;
  padding-top: 0.25em;
  padding-left: 0;
  padding-bottom: 0.25em;
  padding-right: 0.25em;
  width: auto;
  font-size: 1em;
  background-color: silver;
}

#infonav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#infonav ul li {
  margin: 1em ;
}

#infonav ul li a {
  text-decoration: underline;
  padding: 0.2em 1em;
  color: black;
  background-color: silver;
}

#infonav ul li a:hover {
  color: black;
  background-color: white;
}

#infonav li.here a {
  background-color: #ffffcc;
  color: black;
}

/* 
pubfooter 
*/

#pubfooter {
  clear: both;
  padding-left: 0;
  width: auto;
  background-color:silver;
  color:black;
  /* border-top: 1px solid red; */
  border-bottom: 1px solid black;
}

#pfleft {
  float: left; 
  margin-top: 5px; 
  border: none;
}

#pfmid {
  float: left;
  margin-top:  5px;
  margin-left: 5px; 
  border: none;
}

#pfright {
  float: left;
  margin-top: 5px; 
  border: none;
}

.pftrpanelhdr
{
  border-bottom: 2px solid #ED564B;
}

.xx_pftrcontactbody
{
  border-bottom: 1px solid;
}

.xx_pflink
{
  border-bottom: 1px solid;
}

.pflink a {
  text-decoration: none;
  #background-color:silver;
  color: white;
}

.pflink a:hover {
  text-decoration: none;
  color:green;
  #background-color:silver;
}

/* 
misc ui elements
*/

.more {
  width: 6em;
  color: blue;
}

.logintable {
  border-collapse: collapse;
  margin-left: 300px;
  margin-bottom: 20px;
  font-size: 0.8em;
  border: 1px solid black;
}

.logintable td {
  border: 1px dotted black;
  margin-left: 20px;
  padding: 1em;
}

.sublog
{
  width: 8em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  color: black;
}

.infotable {
  border-collapse: collapse;
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 0.8em;
  border: 1px solid black;
}

.infotable tr.hdr {
  background-color: #ffdead;
}
.infotable tr.even {
  background-color: #F5F5F5;
}

.infotable td {
  border: 1px dotted black;
  margin-left: 20px;
  padding: 0.5em;
}

.goal {
  display: block;
  width: 9em;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  border: 1px solid black;
  background-color: #FFA07A;
  color: black;
}

.goal a {
  color: black;
  background-color:#FFA07A;
}

.goal a:link, a:visited
{
  display: block;
  background-color:#FFA07A;
}

.goal a:hover
{
  display: block;
  background-color:#FFA07A;
}

.topiclisttable {
  border-collapse: collapse;
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 0.8em;
  border: 1px solid black;
}

.topiclisttable tr.hdr {
  background-color: #ffdead;
}
.topiclisttable tr.even {
  background-color: #F5F5F5;
}

.topiclisttable td {
  border: 1px dotted black;
  margin-left: 20px;
  padding: 5px;
}
</pre></body></html>