.listclass1 {color: black;}

.listclass1 a:link, .listclass1 a:visited {color: black;
                                            text-decoration: none;}
.listclass2 {color: brown;}

.listclass2 a:link, .listclass2 a:visited {color: brown;
                                            text-decoration: none;}

.pagetitle {margin-left: auto;
            margin-right: auto;
            margin-top: 1em;
            font-size: 1.5em;
            font-weight: bold;}

.pagetitle2 {margin-left: auto;
             margin-right: auto;
             margin-top: 1em;
             font-size: 1em;
             font-weight: bold;}

.introdiv {width: 40em;
           margin-left: auto;
           margin-right: auto;
           margin-top: 0;
           text-align: justify;}

.introduction {text-indent: 2em;}

.register {margin-top: 3em;}

.titlehr {width: 7.5em;
          height: 1px;
          color: #228B22;
          background-color: #228B22;}

.fullhr {width: 100%;
         color: #228B22;
         background-color: #228B22;
         margin-top: 0;
         padding-top: 0;}

.folform {margin-top: 2em;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 2em;}

.folinput {width: 25em;}

.folbutton {background-color: #D0CFCF;
            color: black;}

.folbuttondisabled {background-color: #D0CFCF;
                    color: #777777;}

.foltable {text-align: left;
           background-color: rgba(255,255,255,0.90);
           color: black;
           border-left: 3px solid black;
           border-right:  3px solid black;
           border-top:  3px solid black;
           border-bottom:  3px solid black;
           margin-left: auto;
           margin-right: auto;
           margin-top: 2em;
           border-collapse: collapse;}

.foltable2 {text-align: left;
            background-color: rgba(255,255,255,0.90);
            color: black;
            border-left: 3px solid black;
            border-right:  3px solid black;
            border-top:  3px solid black;
            border-bottom:  3px solid black;
            margin-left: auto;
            margin-right: auto;
            margin-top: 2em;
            margin-bottom: 2em;
            border-collapse: collapse;}

.foltable3 {text-align: center;
            background-color: rgba(255,255,255,0.90);
            color: black;
            margin-left: auto;
            margin-right: auto;
            border: 2px solid black;
            border-collapse: collapse;}

.foltable4 {position: relative;
            text-align: left;
            background-color: rgba(255,255,255,0.90);
            color: black;
            border-left: 3px solid black;
            border-right:  3px solid black;
            border-top:  3px solid black;
            border-bottom:  3px solid black;
            margin-left: 3em;
            margin-top: 2em;
            border-collapse: collapse;}

.foltable5 {text-align: center;
            background-color: rgba(255,255,255,0.90);
            color: black;
            margin-left: auto;
            margin-right: auto;
            margin-top: 2em;
            border: 2px solid black;
            border-collapse: collapse;}

.foltable6 {text-align: center;
            background-color: rgba(255,255,255,0.90);
            color: black;
            margin-left: auto;
            margin-right: auto;
            margin-top: 2em;
            border-collapse: collapse;}

.tableheaderrow {border-bottom: 3px solid black;
                 background-color: #FFFAEF;}

.tableheader {border-bottom: 2px solid black;
              background-color: #FFFAEF;
              padding-left: 0.5em;
              padding-right: 0.5em;}

.tableheaderlink {color: red;}

.tablerow_odd {background-color: white;
               padding-top: .5em;
               padding-bottom: .5em;}

.tablerow_even {background-color: #E5F3FF;
                }

.center {text-align: center;}

.tablefooterrow {border-top: 3px solid black;
                 background-color: #FFFAEF;}

.tablefooterrow2 {border-top: 3px solid black;
                  background-color: #FFFAEF;
                  text-align: right;}

.tabledividerrow {border-top: 3px solid black;
                  border-bottom: 2px solid black;
                  text-align: center;}

.subtable {width: 100%;
           height: 100%;}

.subcell {vertical-align: middle;
          text-align: center;}

.bottomcell {font-size: small;
             text-align: right;
             vertical-align: middle;
             background-repeat: repeat;
            }

a.bottomlink:link {color: rgb(0, 0, 0); }
a.bottomlink:visited {color: rgb(0, 0, 0); }
a.bottomlink:hover {color: rgb(0, 0, 255); }
a.bottomlink:active {color: rgb(184, 86, 12);}

.help {display: inline;
       margin-left: 0;
       width: 10em;}

.help a {color: brown;
         padding-left: .5em;
         padding-right: .5em;
         text-align: center;}

.help a span {display: none;
               text-decoration: none;
               color: brown;}

.help a:hover span {display: inline;
                     position: absolute;
                     padding-left: .5em;
                     padding-right: .5em;
                     text-decoration: none;
                     z-index: 50;
                     background: black;
                     color: white;}

.helplink {text-decoration: none;
           background: #fcfcfc;}

.note {font-size: small;
       color: black;}

.smallnote {font-size: small;}

.errornote {color: red;
            margin-top: 2em;
            text-align: center;
            width: 25em;
            margin-left: auto;
            margin-right: auto;}

.errormessage {position: relative;
               display: block;
               clear: both;
               text-align: center;
               margin-left: auto;
               margin-right: auto;
               margin-top: 2em;
               background-color: white;
               color: black;
               padding: 2em;
               width: 25em; }

.message {position: relative;
          display: block;
          clear: both;
          text-align: center;
          margin-left: auto;
          margin-right: auto;
          margin-top: 2em;
          background-color: white;
          color: black;
          padding: 2em;
          width: 25em; }

.message2 {position: relative;
           display: block;
           clear: both;
           text-align: center;
           margin-left: auto;
           margin-right: auto;
           margin-top: 1em;
           background-color: white;
           color: black;
           padding: 1em;
           width: 25em; }

.message3 {position: relative;
           display: block;
           clear: both;
           text-align: center;
           margin-left: auto;
           margin-right: auto;
           margin-top: 1em;
           background-color: white;
           color: black;
           padding: 1em;
           width: 40em;}

.messagebox {width: 40em;
             height: 15em;}

.vartext {margin-left: auto;
          margin-right: auto;
          width: 50em;
          height: 30em;}

.listlabel {display: block;
            margin-top: 0.5em;}

.listtextbox {width: 10em;
              margin-left: auto;
              margin-right: auto;}

.listtable {margin-left: auto;
            margin-right: auto;
            margin-top: 1em;
            margin-bottom: 2em;}

.listtable2 {margin-left: auto;
             margin-right: auto;
             margin-top: 1em;
             margin-bottom: 2em;
             border-collapse:  collapse;
             border: 2px solid black;}

.listtable3 {margin-left: auto;
             margin-right: auto;
             margin-top: 1em;
             margin-bottom: 0.5em;
             border-collapse:  collapse;
             border: 2px solid black;}

.listlink {margin-left: auto;
           margin-right: auto;
           margin-bottom: .25em;}

.listcategory {padding-right: 1em;}

.listheaderrow {border: 2px solid black;
                background-color: #FFFAEF;}

.listheadercell {padding-left: 1em;
                 padding-right: 0.5em;
                 text-align: left;
                 color: black;
                 border-bottom: 2px solid black;}

.headertextbox {background-color: #FFFAEF;
                width: 10em;}

.listroweven {background-color: #BFEFFF;}

.listrowodd {background-color: #E5F9FF;}

.listrowcell {padding-left: 0.5em;
              padding-right: 0.5em;
              text-align: right;}

.listbutton {margin-left: 0.5em;
             margin-right: 0.5em;}

.listbutton2 {margin-left: auto;
              margin-right: auto;
              font-size: small;}

.listcell {padding-left: 1em;
           padding-right: 0.5em;
           padding-top: 0.5em;
           padding-bottom: 0.5em;
           text-align: left;}

.listcell2 {padding-left: 1em;
            padding-right: 0.5em;
            padding-top: 0.5em;
            padding-bottom: 0.5em;
            border-right: 2px solid black;
            text-align: left;}

.listcell3 {padding-left: 1em;
            padding-right: 0.5em;
            padding-top: 0.5em;
            padding-bottom: 0.5em;
            border-right: 2px solid black;
            width: 20em;
            vertical-align: top;
            text-align: left;}

.listcell4 {padding-left: 1em;
            padding-right: 0.5em;
            padding-top: 0.5em;
            padding-bottom: 0.5em;
            width: 20em;
            text-align: left;}

.listcell5 {padding-left: 1em;
            padding-right: 0.5em;
            padding-top: 0.5em;
            padding-bottom: 0.5em;
            border-right: 2px solid black;
            width: 20em;
            vertical-align: top;
            text-align: left;}

.subform {margin-left: auto;
          margin-right: auto;
          border: 2px solid black;
          padding: 1em;
          width: 20em;}

.subform2 {margin-left: auto;
           margin-right: auto;
           padding: 1em;
           width: 20em;}

.instructions {margin-left: auto;
               margin-right: auto;
               padding: 2em;
               text-align: left;
               max-width:38em;
              }

.instructions2 {margin-left: auto;
                margin-right: auto;
                padding: 1em;
                text-align: left;
                font-size: small;
                max-width:50em;}

.noteheading {color: red;}

.quicklink {width: 20em;
            margin-left: auto;
            margin-right: auto;}

.categorytable {margin-left: auto;
                margin-right: auto;
                margin-top: 1em;
                margin-bottom: 1em;
                text-align: left;}

.categorylabel {border: 1px solid black;
                padding-left: 0.5em;
                margin-left: 1em;
                margin-right: 1em;
                background-color: #E8E8E8;}

.statchart {border: 2px solid black;
            width: 500px;
            height: 300px;}

.colorsquare {width: 1em;
              height: 1em;
              border: 1px solid black;}

.colorblock {width: 3em;
             border: 1px solid black;}

.widediv {padding-top: 1em;
          margin-left: auto;
          margin-right: auto;}

.assignmenttable {border-left: 2px solid black;
                  border-right: 2px solid black;
                  border-bottom: 2px solid black;
                  border-collapse: collapse;
                  margin-left: auto;
                  margin-right: auto;
                  margin-bottom: 2em;}

.studenttable {width: 50em;
               border-left: 2px solid black;
               border-right: 2px solid black;
               border-bottom: 2px solid black;
               border-collapse: collapse;
               margin-left: auto;
               margin-right: auto;
               margin-bottom: 2em;}

.assignmenttable td {padding-top: .5em;
                     padding-bottom: .5em;}

.addassignmenttable {border-left: 2px solid black;
                     border-right: 2px solid black;
                     border-bottom: 2px solid black;
                     border-collapse: collapse;
                     margin-left: auto;
                     margin-right: auto;
                     margin-bottom: 2em;}

#editassignmentdiv {margin-top:  2em;}

.tablecaption {padding-top: .5em;
               padding-bottom: .5em;
               font-size: 1.2em;
               font-weight: bold;
               background-color: #FFFAEF;
               border: 2px solid black;}

.firstcolumn {text-align: left;
              font-weight: bold;
              padding-left: 1em;
              padding-top: .25em;
              padding-bottom: .25em;
              vertical-align: middle;}

.latercolumn {text-align: left;
              padding-top: .25em;
              padding-right: 1em;
              padding-bottom: .25em;
              vertical-align: middle;}

.onlycolumn {text-align: center;
             vertical-align: middle;
             padding-left: 1em;
             padding-right: 1em;
             padding-top: .25em;
             padding-bottom: .25em;}

.radioline {margin-left: 2em;
            margin-right: 2em;}

.td {overflow: scroll;
     border: 1px solid black;}

.folcell {padding-left: 1em;
          height: 1em;
          text-align: left;}

.folcell2 {padding-left: 1em;
           padding-top: 0.5em;
           padding-bottom: 0.5em;
           padding-right: 1em;
           width: 20em;
           border-top: 3px solid black;
           background-color: #FFFAEF;
           text-align: right;}

.folcell3 {padding-left: 1em;
           padding-top: 0.5em;
           padding-bottom: 0.5em;
           padding-right: 1em;
           width: 20em;
           text-align: left;}

.folcell4 {padding-left: 1em;
           padding-top: 0.5em;
           padding-bottom: 0.5em;
           padding-right: 1em;
           text-align: left;}

.folcell5 {padding-left: 1em;
           padding-top: 0.5em;
           padding-bottom: 0.5em;
           padding-right: 1em;
           width: 15em;
           text-align: left;}

.folcell6 {padding-left: 1em;
           padding-top: 0.5em;
           padding-bottom: 0.5em;
           padding-right: 1em;
           width: 8em;
           text-align: left;}



.folcell6 {padding-left: 1em;
           padding-top: 0.5em;
           padding-bottom: 0.5em;
           padding-right: 1em;
           text-align: right;}

.folcell7 {padding: 1em;
           text-align: center;
           vertical-align: top;}

.descriptioncell {padding-left: 2em;}

.buttoncell {padding-left: 1em;
             padding-right: 1em;
             padding-top: .5em;
             padding-bottom: .5em;}

.empty {font-weight: bold;
        font-size: large;
        padding-top: 1em;
        padding-bottom: 1em;}

.lastcolumn {padding-right: 1em;}

.controlrow {border-top: 1px solid black;
             color: brown;
             background-color: #FFFAEF;}

.controlcell {padding-top: .5em;
              padding-bottom: .5em;}

.bottomrow {background-color: #FFFAEF;
            border-top: 1px solid black;
            color: brown;}

.formtextlong {width: 25em;
               font-size: medium;
               color: #228B22;
               border: 2px solid black;}

.introdiv {}

.withborder {width: 25em;
             border: 1px solid black;
             margin-left: auto;
             margin-right: auto;
             margin-top: 2em;}

.info {margin-top: 2em;}

.hometable {width: 60em;;
            height: 100%;
            margin-left: auto;
            margin-right: auto;}

.leftside {vertical-align: top;
           padding-top: 3em;
           width: 33%;}

.centerpiece {text-align: center;
              vertical-align: top;
              padding: 3em;
              width: 34%;}

.rightside {text-align: center;
            vertical-align: top;
            padding: 3em;
            width: 33%;}

.welcome {border: 1px solid black;
          margin-left: auto;
          margin-right: auto;
          text-align: left;
          color: brown;
          width: 23em;
          padding: 1em;}

.welcometitle {margin-left: auto;
               margin-right: auto;
               margin-bottom: 1em;
               margin-top: 1em;
               font-size: 1.25em;
               text-align: center;
               color: black;
               font-weight: bold;}

.features, features li {color: black;}

.pricing {border: 1px solid black;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 2em;
          text-align: left;
          width: 23em;
          font-size: medium;
          padding: 1em;}

.pricingtitle {margin-left: auto;
               margin-right: auto;
               margin-bottom: 1em;
               margin-top: 1em;
               text-align: center;
               font-weight: bold;}

.register {margin-top: 1em;}

.mission {color: black;}

.mission a:link, .mission a:visited {color: black;}

.homelist {margin-bottom: .5em;}

.homelistlink {display: inline-block;
               margin-bottom: .5em;
               color: rgb(93,83,200);}


.middlelink {margin-left: 2em;
             margin-right: 2em;}

.lastlink {display: block;
           margin-bottom: 1em;}

.centerlink {display: block;
             margin-top: 1em;
             margin-bottom: 1em;}

a.centerlink:link, a.controllink:link, a.lastlink:link {color: brown;}
a.centerlink:visited, a.controllink:visited, a.lastlink:visited {color: brown;}
a.centerlink:hover, a.controllink:hover, a.lastlink:hover {color: rgb(0, 0, 255);}
a.centerlink:active, a.controllink:active, a.lastlink:active {color: rgb(184, 86, 12);}

.listform {display: inline-block;
           margin-top: 2em;
           margin-left: auto;
           margin-right: auto;}

.checkboxlist {list-style-type: none;
               text-align: left;}

#loginhr {width: 15em;
           }

.preftable {table-layout: fixed;
             margin-left: auto;
             margin-right: auto;
             margin-top: 2em;
             border-collapse: separate;}

.preftable2 {table-layout: fixed;
             margin-left: auto;
             margin-right: auto;
             margin-top: 1em;
             border-collapse: separate;}

.preftable3 {margin-left: auto;
             margin-right: auto;
             margin-top: 1em;
             text-align: left;
             border-collapse: collapse;
             background-color: #FFFAEF;
             border: 1px solid black;}



.preftable4 {margin-left: auto;
             margin-right: auto;
             margin-top: 1em;
             text-align: left;
             border-collapse: collapse;}

.preftable5 {table-layout: fixed;
             margin-left: auto;
             margin-right: auto;
             text-align: left;
             margin-top: 1em;
             border-collapse: separate;}

.preftable6 {table-layout: fixed;
             margin-left: auto;
             margin-right: auto;
             margin-top: 0;
             border-collapse: separate;}

.preftablecell {width: 10em;
                height: 10em;
                border: 2px solid brown;
                color: brown;
                border-radius: 15px;}

.prefheader {margin-left: auto;
             margin-right: auto;
             margin-top: 1em;
             font-size: 1.25em;
             font-weight: bold;}

.preftablecell:hover {border: 2px solid blue;
                      color: blue;}

.preferenceslink {display: block;
                  vertical-align: middle;
                  text-align: center;
                  width: 100%;
                  height: 100%;}



a.preferenceslink:link {color: brown; }
a.preferenceslink:visited {color: brown; }
a.preferenceslink:hover {color: rgb(0, 0, 255); }
a.preferenceslink:active {color: rgb(184, 86, 12); }

.subtable {width: 10em;
           height: 100%;}

.subtable2 {width: 7em;
            margin-left: auto;
            margin-right: auto;}

.subtable3 {width: 100%;
            padding: 0.25em;}

.subtable4 {border: 1px solid black;
            padding: 0.25em;}

.subcell {vertical-align: middle;
          text-align: center;}

.tdleft {text-align: left;}

.tdcenter {text-align: center;}

.tdedit {text-align: left;
         padding-top: 0.5em;
         padding-bottom: 0.5em;
         padding-left: 2em;
         padding-right: 0.5em;}

.tdsubscription {text-align: left;
                 padding-top: 1.5em;
                 padding-bottom: 0.5em;
                 padding-left: 2em;
                 padding-right: 0.5em;}


.searchdiv {width: 25em;
            height: 10em;
            margin-left: auto;
            margin-right: auto;
            margin-top: 2em;
            color: brown;
            border: 2px solid brown;
            border-radius: 15px;}

.searchdiv:hover {border: 2px solid blue;
                  color: blue;}

.searchdiv2 {width: 25em;
             height: 10em;
             margin-left: auto;
             margin-right: auto;
             color: brown;
             border: 2px solid brown;
             border-radius: 15px;}

.divleft {text-align: left;
          margin-left: 2em;}

.prefselect {margin-top: 0.5em;}

.prefsubmit {margin-top: 2em;}

.prefform {margin-left: auto;
           margin-right: auto;
           margin-top: 2em;
           margin-bottom: 2em;}

.preftext {}

.usertable {margin-left: auto;
            margin-right: auto;}

.headercell {text-align: center;
             font-size: large;
             border-bottom: 3px solid black;
             color: green;}

.headercell2 {text-align: center;
              font-size: large;
              padding-left: 1em;
              padding-right: 1em;
              border-bottom: 3px solid black;
              color: black;}

.casecell {text-align: left;
           vertical-align: top;
           padding-left: 2em;
           padding-right: 2em;}

.prefcontrolrow {padding-left: 1em;
                 padding-top: 0.25em;
                 padding-bottom: 0.25em;}

.pfnote {width: 18em;
         height: 18em;}

.wsdiv {margin-left: auto;
        margin-right: auto;
        background-color: rgba(255,255,255,0.85);
        color: black;
        padding: 2em;
        width: 40em;}

.wsdiv2 {margin-left: auto;
        margin-right: auto;
        background-color: rgba(255,255,255,0.85);
        color: black;
        padding: 1em;
        width: 25em;
        text-align: left;}

.wsform {position: relative;
         width: 40em;
         text-align: center;
         margin-left: auto;
         margin-right: auto;
         margin-top: 1em;}

.wsform2 {position: relative;
          width: 20em;
          text-align: center;
          margin-left: auto;
          margin-right: auto;
          margin-top: 2em;
          padding: 2em;
          border: 1px solid black;}

.formtitlelabel {font-weight: bold;}

.formtext {width: 10em;
           font-size: medium;
           border: 2px solid black;}

.formtextlong {width: 25em;
               font-size: medium;
               border: 2px solid black;}

.formtextarea {display: block;
              margin-left: auto;
              margin-right: auto;
              width: 40em;
              height: 8em;
              resize: none;}

.problemtable {border-collapse: collapse;
               margin-bottom: 2em;
               text-align:right;
               display: block;
               }

.wsmgr {background-color: rgba(255,255,255,0.90);
        position: relative;
        display: block;
        clear: both;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        color: black;
        padding: 2em;
        margin-top: 2em;}

.wsinstr {margin-left: auto;
        margin-right: auto;
        margin-top: 2em;}

.wssubmit {font-size: medium;
           background-color: #d8d8d8;
           margin-left: auto;
           margin-right: auto;
           border: 1px solid black;
           border-radius: 6px;
           margin-top: 2em;}

.wstitle {position: relative;
          margin-left: auto;
          margin-right: auto;
          margin-top: 1em;
          font-size: 1.5em;
          font-weight: bold;
          width: 16em;
          color: black;
          text-align: center;
          text-wrap: normal;}



.wmtable {text-align: center;
          background-color: rgba(255,255,255,0.90);
          color: black;
          margin-left: auto;
          margin-right: auto;
          margin-top: 2em;
          border: 2px solid black;
          border-collapse: collapse;}

.wmtable2 {text-align: center;
          background-color: rgba(255,255,255,0.90);
          color: black;
          margin-left: auto;
          margin-right: auto;
          margin-top: 2em;
          border-collapse: collapse;}

.wstable {border-collapse: collapse;
          width: 40em;
          border: solid 2px black;
          padding-top: 1em;
          margin-left: auto;
          margin-right: auto;}

.wsmtr {position: relative;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-top:  32px;
        color: white;
        font-size: medium;
        padding: 1em;}

.responsetext3 {width: 4em;
              text-align: right;}

.responsetext4 {width: 4em;
              text-align: right;}

.responsetext6 {width: 6em;
              text-align: right;}

.responsetext8 {width: 8em;
              text-align: right;}

.responsetext10 {width: 10em;
               text-align: right;}

.responsetext12 {width: 12em;
                 text-align: right;}

.operandcell {text-align: right;
              padding-right: 0.5em;
              font-family: monospace;}

.answercell {border-top: 2px solid black;
             text-align: right;
             padding-right: 0.25em;
             font-family: monospace;
             font-size:  medium;}

.wslink {font-size: medium;
         padding-left: 1em;
         padding-right: 1em;}

.wscell {padding-left: 2em;}

.wsmcell {padding: .5em;}

.wsqcell {padding-right: 1em;
          padding-left: .5em;}

.centralhr {width: 10em;}

.wsmessage {text-align: center;
            margin-left: auto;
            margin-right: auto;
            margin-top: 1em;
            background-color: white;
            color: black;
            padding: 1em;
            width: 25em; }

.leftcolumn {text-align: left;
             padding-top: 1em;
             padding-bottom: 1em;
             width: 30em;}

.middlecolumn {text-align: center;
               padding-left: 3em;
               padding-top: 1em;
               padding-bottom: 1em;}

.rightcolumn {text-align: left;
              padding-top: 1em;
              padding-bottom: 1em;
              padding-right: 1em;}

.matching {width: 2em;}



.mapcell {text-align: center;
          padding-top: 1em;
          padding-bottom: 1em;
          padding-left: 2em;
          padding-right: 2em;}

.mapcellleft {text-align: center;
              padding-top: 1em;
              padding-bottom: 1em;
              padding-left: 2em;
              padding-right: 2em;
              border-right:  2px solid black;}

.mapcellleft2 {text-align: center;
               vertical-align: top;
               padding-top: 1em;
               padding-bottom: 1em;
               padding-left: 2em;
               padding-right: 2em;
               border-right:  2px solid black;}

.mapcellright {text-align: center;
               vertical-align: top;
               padding-top: 1em;
               padding-bottom: 1em;
               padding-left: 2em;
               padding-right: 2em;
               border-right:  2px solid black;}

.mapheader {margin-left: auto;
            margin-right: auto;
            font-size: 1.5em;
            font-weight: bold;}

.mapheaderrow {border-bottom: 2px solid black;}

.thumbnailcell {padding: .5em;
                vertical-align: top;}

.locationbox {width: 22em;}

.movingimage {position: absolute;
              display: block;
              margin-top: 1em;}

.tablecontainer {vertical-align: top;
                 padding-top: 0;
                 margin-top: 0;
                 margin-left: auto;
                 margin-right: auto;}

.mainnotice {margin-left: auto;
             margin-right: auto;
             padding-bottom: 0.5em;
             font-weight: bold;}

.minicalcell {padding: 1em;
              vertical-align: top;
              width:25%;
              text-align:left;
             }

.maincalcell {padding-left: 1em;
              padding-right: 1em;
              padding-right: 1em;
              vertical-align: top;}

.maintable {width: 75%;
            border-collapse: collapse;
            text-align: top;
            margin-left: auto;
            margin-right: auto;}

.mainheaderrow {border: 1px solid black;}

.mainheadercell {text-decoration: none;
                 text-align: center;
                 background-color: green;}

.mainrow {height: 4em;
          text-align: top;}

.maincellon {border: 1px solid black;
             width: 6em;
             height: 5em;
             vertical-align: top;
             text-align: left;
             background-color: rgba(255,255,255,0.90);}

.maincelloff {border: 1px solid black;
              width: 6em;
              height: 5em;
              vertical-align: top;
              text-align: left;
              background-color: rgba(230,230,255,0.90);}



.calendarlink, .calendarlink:link, .calendarlink:visited, .calendarlink:hover {position: relative;
                                                                               display: block;
                                                                               width: 6em;
                                                                               height: 5em;
                                                                               color: black;
                                                                               text-decoration: none;}
.dayspan {background-color:white;
          padding-left:.25em;
          padding-right:.25em;
         }

.mininote {width: 12em;
           font-size: small;}

.minitable {width: 25%;
            border-collapse: collapse;
            text-align: top;
            margin-bottom: 2em;}

.miniheaderrow {border: 1px solid black;}

.miniheadercell {text-decoration: none;
                 text-align: center;
                 background-color: green;}

.minirow {height: 1em;
          text-align: top;}

.minicellon {border: 1px solid black;
             background-color: rgba(255,255,255,0.90);}

.minicelloff {border: 1px solid black;
              background-color:  rgba(230,230,255,0.90);}

.minischoolday {border: 1px solid black;
                background-color: rgba(255,255,255,0.90);}

.minidayoff {border: 1px solid black;
             background-color: rgba(230,230,255,0.90)}

.calendarfootercell {text-decoration: none;
                     text-align: right;
                     border-bottom: 2px solid black;
                     background-color: green;}

.calendarfootercell a:link, .calendarfootercell a:visited, .calendarfootercell a:hover {color: white;}

.calendarfootercellcenter {text-decoration: none;
                           text-align: center;
                           border-bottom: 2px solid black;
                           background-color: green;}

.calendarfootercellleft {text-decoration: none;
                         text-align: right;
                         padding-right:1em;
                         border-left: 2px solid black;
                         border-bottom: 2px solid black;
                         background-color: green;}

.calendarfootercellleft a:link, .calendarfootercellleft a:visited, .calendarfootercellleft a:hover {color: white;}

.calendarfootercellright {text-decoration: none;
                          text-align: right;
                          border-right: 2px solid black;
                          border-bottom: 2px solid black;
                          padding-right: 1em;
                          background-color: green;}

.calendarfootercellright a:link, .calendarfootercellright a:visited, .calendarfootercellright a:hover {color: white;}

.calendarbottomrowleft {text-decoration: none;
                               text-align: left;
                               height: 2em;
                               border-bottom: 2px solid black;
                               border-left: 2px solid black;
                               background-color: green;}

.calendarbottomrowright {text-decoration: none;
                                text-align: left;
                                height: 2em;
                                border-bottom: 2px solid black;
                                border-right: 2px solid black;
                                background-color: green;}



.calendarbottomrowmiddle {text-decoration: none;
                           text-align: center;
                           height: 2em;
                           border-top: 2px solid black;
                           border-bottom: 2px solid black;
                           background-color: green;}

.calendarbottomrowstatus {text-decoration: none;
                          text-align: left;
                          height: 2em;
                          border-top: 2px solid black;
                          border-bottom: 2px solid black;
                          background-color: green;}

.calendarbottomrow {text-decoration: none;
                    text-align: center;
                    height: 2em;
                    border: 2px solid black;
                    background-color: green;}

.calendarfootercellbottom a:link, .calendarfootercellbottom a:visited, .calendarfootercellbottom a:hover {color: white;}

.calendarmessage {position: relative;
                  display: block;
                  clear: both;
                  text-align: center;
                  margin-left: auto;
                  margin-right: auto;
                  background-color: #d1e8fb;
                  color: black;
                  padding: 2em;
                  margin-top: 2em;
                  width: 25em;}

.calendarnote {font-size: small;
               text-align: left;}

.calendaron {background-color: white;
             width: 25%;}

.calendaroff {background-color:  rgba(230,230,255,0.90);
              width: 25%}

.calendarsubmit {margin-top: 1em;}



.minicalcell a:link {text-decoration: none;
                  color: black;}

.minicalcell a:visited {text-decoration: none;
                     color: black;}

.minicalcell a:hover {text-decoration: none;
                   color: black;}

.textinput {width: 15em;
           }

.emailinput {width: 25em;}

.regform {width: 35em;
          color: brown;}

.commenttext {display: block;
              width: 30em;
              margin-top: 2em;
              margin-left: auto;
              margin-right: auto;}

.centerlink {display: block;
             margin-top: 1em;
             margin-bottom: 1em;}

a.centerlink:link, a.controllink:link, a.lastlink:link {color: brown; }
a.centerlink:visited, a.controllink:visited, a.lastlink:visited {color: brown; }
a.centerlink:hover, a.controllink:hover, a.lastlink:hover {color: rgb(0, 0, 255); }
a.centerlink:active, a.controllink:active, a.lastlink:active {color: rgb(184, 86, 12); }

#fosdiv {height: 100%;
          width: 100%;
          text-align: center;
          vertical-align: top;
          padding-left: 2em;
          padding-right: 2em;}

#fostable {position: relative;
            margin-left: auto;
            margin-right: auto;
            margin-top:  2em;
            margin-bottom:  2em;
            text-align: left;
            border: 2px solid black;
            font-size: medium;
            border-collapse: collapse;
            padding: 1em;}

#fostable2 {position: relative;
            margin-left: auto;
            margin-right: auto;
            margin-top:  1em;
            margin-bottom:  2em;
            text-align: left;
            border: 2px solid black;
            font-size: medium;
            border-collapse: collapse;
            padding: 1em;}

.tableheader {text-decoration: none;
              text-align: center;
              background-color: none;
              padding-left: 1em;
              padding-right: 1em;}

.fieldtd {padding-bottom: 1em;
          text-align: left;}

.centraldiv {position: relative;
             width: 28em;
             margin-left: auto;
             margin-right: auto;
             text-align: center;
             margin-top:  32px;
             color: black;
             font-size: medium;
             padding: 1em;}

.homeschoolform {position: relative;
                 width: 20em;
                 margin-left: auto;
                 margin-right: auto;
                 text-align: center;}

.formlabel {display: block;
            color: black;
            margin-left: auto;
            margin-right: auto;
            text-align: left;
            padding-left: .5em;}

.textinput {width: 20em;
           }

.commentdiv {width: 40em;
           margin-left: auto;
           margin-right: auto;
           margin-top: 3em;
           text-align: center;}


.thanks  {font-size: large;}

/* The following items were used for the link boxes with rounded corners. */
#hometable {table-layout: fixed;
             width: 8em;
             margin-left: auto;
             margin-right: auto;
             border-collapse: separate;}

.hometablecell {width: 8em;
                height: 8em;
                color: brown;
                border: 2px solid brown;
                border-radius: 15px;}

.hometablecell:hover {border: 2px solid blue;}

.homelink {display: block;
           vertical-align: middle;
           text-align: center;
           width: 100%;
           height: 100%;}

a.homelink:link {color: brown; }
a.homelink:visited {color: brown; }
a.homelink:hover {color: rgb(0, 0, 255); }
a.homelink:active {color: rgb(184, 86, 12); }

.subcell {vertical-align: middle;
          text-align: center;}