/* Main body */
#main_body {
    background-color:	#6666FF;
    background-image:	url(../images/blue_background.jpg);
    background-repeat:  repeat;
    font-family:        'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-size:          medium;
    font-style:         normal;
    margin-top:		10px;
    margin-bottom:	10px;
    margin-left:        auto;
    margin-right:       auto;
    width:              840px;
}

img {
    border:             none;
}

/* div to cover the page */
#container {     
    background-color:   white;
    border-color:       silver;
    border-style:       dotted;
    border-width:       1px;
    overflow:           auto;
    padding:            10px;
    width:              840px;
}

/* heading */
#masthead {
    overflow:           auto;
    padding:            0px;
}
#masthead_left {
    float:              left;
}
#masthead_right {
    float:              right;
}
#masthead_right > div 
{
    background-color:   #FFF77E; 
    color:              #0060A9; 
    cursor:             pointer;
    padding:            4px; 
    display:            flex;
    align-items:        center; 
    justify-content:    space-between;
}

/* today's date */
#date_bar { 
    background-color:   #28B4E4;
    color:              white;
    font-size:          90%;
    padding-top:        2px;
    padding-bottom:     2px;
    margin-bottom:      10px;
    text-align:         center;
    width:              100%;
}

/* menu buttons */
#menu_bar {
    float:              left;
    margin-bottom:      10px;
    text-align:         left;
    width:              150px;
}
ul.menu {
    line-height:        150%;
    list-style-type:    none;
    margin:             0px;
    padding:            0px;
}
ul.menu li {
    display:            block;
    padding:            2px 5px;
    text-decoration:    none;
    color:              white;
}
ul.menu li:hover {
    background:         #28B4E4;
    color:              black;
    cursor:             pointer;
}
li.menu_button {
    background-color:   #0060A9;
    border-color:       #0060A9;
    border-style:       outset;
    margin-bottom:      5px;
}

/* link buttons */
.link_btn {
    /* display:            block; */
    padding:            2px 5px;
    text-decoration:    none;
    color:              white;
    background-color:   #0060A9;
    border-color:       #0060A9;
    border-style:       outset;
    margin:             1rem;
}
.link_btn:hover {
    background:         #28B4E4;
    color:              black;
    cursor:             pointer;
}

/* main content area */
#content {
    border:             none;
    float:              right;
    margin:             0;
    padding:            0;
    width:              660px;
}
.pointer {
    cursor:             pointer;
}

/* footer */
#footer { 
    border-left:        0;
    border-top:         10px solid #28B4E4;
    border-right:       0;
    border-bottom:      0;
    clear:              both;
    padding:            5px 0 0 0;
}
p.footer {
    color:              gray;
    font-size:          70%;
    line-height:        150%;
    padding:            0 0 0 0;
    text-align:         center;
}