/* General
*/
body
{
    text-align:center;
    font-family:Arial;
}
img
{
    border:0;
}

.content
{
    width:600px;
    text-align:left;
    margin:0 auto;
}

.header
{
    text-align:left;
    width:580px;
    background-color:#ccc;
    color:#000;
    border:1px solid #777;
    padding:5px 10px;
    float:left;
    margin:10px 0px;
} 
    .header .loginBar .logoutButton
    {
        float:right;
        margin-right:10px;
        display:inline;
        width:80px;
        height:25px;
    }
    .header .loginBar span.name
    {
        float:left;
    }
    .header .loginBar span.course
    {
        float:left;
        display:inline;
        margin-right:20px;
        font-weight:bold;
    }
    .header .menuBar
    {
        /*
        display:none;
        */
        clear:both;   
    }
    .header .menuBar ul
    {
        list-style:none;
        margin:0px;
        padding:0px;
    }
        .header .menuBar ul li
        {
            float:left;
            margin: 5px 10px;
        }
        .header .menuBar ul li a
        {
            padding: 5px 10px;
        }
        .header .menuBar ul li a:hover
        {
            background-color:#aaa;
        }
.clear
{
    clear:both;
}