body {
    background-color: white;
    color: black;
    font-family: Helvetica;
    font-style: normal;
    font-size: medium;
}

:link { color: #005EB8; }
:visited { color: #005EB8; }
:active { color: #000000; }
:hover { color: #000000; }

.top-banner {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.top-banner td {
    background-color: #ffffff;
    text-align: left;
    padding: 10px;
}

.top-banner a:link {
    color: #000000;
    text-decoration: none;
}

.top-banner a:visited {
    color: #000000;
    text-decoration: none;
}

.top-banner a:active {
    color: black;
    background-color: white;
    text-decoration: none;
}

.top-banner a:hover {
    color: black;
    background-color: white;
    text-decoration: none;
}

.menu-line {
    width: 100%;
    height: 5px;
    background-color: #005EB8;
}

.menu-banner {
    width: 100%;
    text-align: center;
}

.menu-banner {
    background-color: white;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #005EB8;
    padding-top: 0px;
    margin-top: 20px;
}

.menu-banner tr {
    background-color: white;
    color: black;
    font-size: 16px;
    font-family: Helvetica;
    font-weight: bold;
}

.menu-banner a:link {
    color: #000000;
    text-decoration: none;
}

.menu-banner a:visited {
    color: #000000;
    text-decoration: none;
}

.menu-banner a:hover {
    color: #ffffff;
    background-color: #005EB8;
    text-decoration: none;
}

.menu-banner a:active {
    color: #ffffff;
    background-color: #005EB8;
    text-decoration: none;
}

.banner {
    color: #2020b0;
    background-color: #ECE5EB;
}

.bottom-banner {
    color: #2020b0;
    color: #ffffff;
    background-color: #e8e8e8;
    background-color: #005EB8;
    font-famility: Helvetica;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    margin-left: 0px;
}

.term-banner {
    background-color: #2020b0;
    background-color: #8C857B;
    background-color: #005EB8;
    font-famility: Helvetica;
    color: #ffffff;
    width: 220px;
    text-align: center;
}

.timetable {
    background-color: #e8e8e8;
    color: #000000;
    margin: 3;
    padding: 10;
    border-width: medium;
    border-color: black;
    border-style: solid;
    border-collapse: collapse;
}

.timeelem {
    height: 50px;
    vertical-align: middle;
    border-width: thin;
    border-color: black;
    border-style: solid;
    border-spacing: 10px;
    margin: 5;
    padding: 5;
}

.timeelem-th {
    height: 50px;
    vertical-align: middle;
    aling: center;
    border-width: thin;
    border-color: black;
    border-style: solid;
    border-spacing: 10px;
    margin: 5;
    padding: 5;
}

.notice {
    font-style: italic;
    font-weight: bold;
}

.bib {
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 3px;
}

.main {
    background-color: white;
}

.main h1 {
    color: #005EB8;
    background-color: #ECE5EB;
    width: 100%;
    align: left;
    font-size: 26px;
    font-family: Helvetica;
}

.rg h2 {
    border-top-color: #EF3340;
}

H2 {
    color: #000000;
    width: 100%
    align: left;
    font-size: 16px;
    font-weight: bold;
    font-family: Helvetica;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #005EB8;
    padding-top: 5px;
    margin-top: 20px;
}

HR {
    color: #005EB8;
    background-color: #005EB8;
    height: 5px;
    border: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.table-list TD {
    font-family: Helvetica;
    font-size: medium;
    font-style: normal;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 30px;
}

.table-list TH {
    font-family: Helvetica;
    font-size: medium;
    font-style: normal;
    align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 20px;
}

P {
    font-family: Helvetica;
    font-size: medium;
    font-style: normal;
    margin-left: 30px;
    padding: 3px;
}

.table-list {
    margin-left: 30px;
}

.table-teaching {
    margin-left: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
}

LI {
    font-family: Helvetica;
    font-size: medium;
    font-style: normal;
    margin-left: 30px;
    padding: 3px;
}

.table-wide {
    width: 100%;
    text-align: left;
}

#bggrey {
    background-color: #8C857B;
    background-color: #ECE5EB;
}

#bg-green {
    background-color: #78BE20;
}

#bg-purple {
    background-color: #BB16A3;
}

#bg-violet{
    background-color: #7D55C7;
}

#bg-yellow {
    background-color: #FFCD00;
}

#bg-orange {
    background-color: #FF671F;
}

#bg-light-orange {
    background-color: #FFA300;
}

#bg-blue-green {
    background-color: #00965E;
}

#bg-white {
    background-color: #ffffff;
}

#bg-red {
    background-color: #EF3340;
}

#bg-blue {
    background-color: #005EB8;
}

#grey {
    background-color: #8C857B;
    background-color: #ECE5EB;
}

#green {
    color: #78BE20;
}

#purple {
    color: #BB16A3;
}

#violet{
    color: #7D55C7;
}

#yellow {
    color: #FFCD00;
}

#orange {
    color: #FF671F;
}

#light-orange {
    color: #FFA300;
}

#blue-green {
    color: #00965E;
}

#white {
    color: #ffffff;
}

#red {
    color: #EF3340;
}

#blue {
    color: #005EB8;
}

.bio {
    margin: 20px;
    padding: 10px;
}

#name {
    text-align: left;
    font-size: 16px;
    font-family: Helvetica;
    font-weight: bold;
}