/* Layout with div blocks */

*{
    margin: 0;
}

.clear{
    clear: both;
}

#container{
    width: 785px;
    margin: auto; /* center on page */
    background: #FEE5BD;
}
/* header includes language links, logo image and menu bar */
#header{
    height : 100px;
    position: relative;
    background-image: url("img/bg3.jpg");
    background-repeat: repeat-x;
    color: White;
}

#languages{
    position: absolute;
    text-align: right;
    color: White;
    top: 6px;
    right: 0;
}

#logo{
    position: absolute;
    top: 20px;
    left: 10px;
}

#menubar{
    position: absolute;
    width: 520px;
    height : 31px;
    bottom: 0;
    right: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: White;
    background: #999999;
    display: flex; /* display as a flex container */
    align-items: center; /* center items vertically */
}
#menubar a{
    color: white;
    text-decoration : none;
}

#menubar a:hover{
    text-decoration: underline;
    color: #696969;
}

#leftbar{
    width: 265px;
    float: left;
}
#information{
    padding: 20px 10px 10px 10px; /* top right bottom left */
}
#content{
    width: 370px; /* width and padding give width 390px */
    padding: 10px; /* top right bottom left */
    float: left;
}

#rightbar{
    width: 130px;
    float: left;
    padding-top: 10px;
}

#footer{
    height: 31px;
    background: #FFA721;
    color: White;
    text-align : center;
    display: flex; /* display as a flex container */
    align-items: center; /* center items vertically */
    justify-content: center; /* center items horizontally */
}