body {
    background-color: #dad6d6;
    /* height: 100%;
    overflow: auto; */
}

a {
 color: #8D1919;

}

a:visited{
    color: #666666;
}

#menu a { font-weight: bold;
    color: #000000;
    text-decoration:none;
}

#menu a:hover{
    font-style:italic;
}

#menu{
    margin: auto;
    border-top-style: double;
    border-bottom-style: double;
    border-color:#8D1919;
    text-align: center;
}

#menu li {
    display: inline;
    padding: 5px 20px 5px 20px;

}


#main{
    width: 50%;
/*    height: 100%;*/
    overflow: auto;
    padding: 10px;
    border-style: solid;
    border-color: #8D1919;
    background-color: #FFFFFF;
    margin:auto;
}

#news{
    width: 55%;
    border-right-style: single;
    border-color: #8D1919;
    float: left;

}

#sidebar{
    width: 35%;
    float: right;

}

#myPic{
    padding:10px;
    float:left;
    width:20%;
}

.break{
    padding: 5px;
        clear:both;
}

#aboutMe{
    width:75%;
    float: right;
}

.selected{
    text-decoration: underline;
}

#text{
    padding: 10px;
}

#footer{
    margin: auto;
    text-align: center;
    font-size: small;
}

@media only screen and (max-width: 600px) {
    #main{
        width:95%;
    }
    #myPic{
        float:none;
    }
    #aboutMe{
        float:none;
    }
    #news{
        float: none;
        margin-right:0;
        width:auto;
        border:0;
    }
    #sidebar{
        float:none;
    }
    #menu{
        text-align:left;
    }
    #menu li {
        padding: 2px;
        display:list-item;
    }
}