body {
    font: 100% Verdana;
    margin: 20px;
    line-height: 24px;
    /* border-style: solid; border-width: 3px; border-color: blue; */
}

.container {
    /* min-width: 900px; */
   margin: auto;
   width: 875px;
   /* border-style: solid; border-width: 3px; border-color: green; */
}

.wrapper {
    position: relative;
    overflow: auto;
    /* border-style: solid; border-width: 3px; border-color: orange; */
}

#main {
    padding-left: 10px; padding-right: 10px;
    padding-top: 0px; padding-bottom: 10px;
    color: #061539;
    margin-top: 0px; margin-bottom: 0px;
    margin-left: auto; margin-right: 180px;
    height: 500px;
    /* border-style: solid; border-width: 3px; border-color: red; */
}

#top {
    border-radius: 4px;
    margin: 4px;
    background-color: #061539;
    color: #FFFFFF;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    /* border-style: solid; border-width: 3px; border-color: cyan; */
}

#menubar {
    padding-left: 10px;
    margin-left: auto; margin-right: 180px;
    /* border-style: solid; border-width: 3px; border-color: magenta; */
}

#sidebar {
    border-radius: 4px;
    background-color: #552600;
    color: #ffffff;
    margin: 4px;
    padding: 6px;
    width: 160px;
    bottom: 0;
    top: 0;
    right: 0;
    position: absolute;
    font-size: 80%;
    /* border-style: solid; border-width: 3px; border-color: yellow; */
}

#bottom {
    border: 1px solid #061539;
    color: #061539;
    background-color: #D4C26A;
    text-align: center;
    margin: 5px;
    padding: 10px;
    font-size: 80%;
    line-height: 14px;
    border-radius: 4px;
}

h1.white, h2.white, h3.white, h4.white {
    color: #FFFFFF;
}

h1, h2, h3, h4 {
    color: #552600;
}

#menulist {
    padding: 0px;
    position: relative;
    overflow: auto;
    font-size: 90%;
}

.menuitem {
    width: 100px;
    float: left;
    background-color: #FFF0AA;
    list-style-type: none;
    margin: 4px;
    padding: 2px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}

.menuitem:hover {
    background-color: #4F628E;
}

a:link    {color: #162955; text-decoration: underline;}
a:visited {color: #162955; text-decoration: underline;}
a:hover   {color: #FFF0AA; text-decoration: underline;}
a:active  {color: #162955; text-decoration: underline;}

#schedule_table {
    /* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
    width: 95%;
    border-collapse: collapse;
}

#schedule_table td, #schedule_table th {
    font-size: 80%;
    border: 1px solid #AA9739;
    padding: 3px 7px 2px 7px;
    background-color: #FFF0AA;
}

#schedule_table th {
    font-size: 90%;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #162955;
    color: #ffffff;
}

#schedule_table tr.alt td {
    color: #061539;
    background-color: #FFD1AA;
}

img {
    float: right;
    border: 2px solid #AA9739;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px
}